.landing{position:relative;z-index:1;min-height:100svh;padding:0 24px}.landing__section{max-width:1040px;margin:0 auto;padding:76px 0;scroll-margin-top:88px}.landing__hero{position:relative;isolation:isolate;min-height:100svh;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:120px 0 88px}.landing__hero:before{content:"";position:absolute;top:0;bottom:0;left:50%;z-index:-1;width:100vw;transform:translate(-50%);pointer-events:none;--hero-dot: rgba(255, 255, 255, .18);background-image:radial-gradient(var(--hero-dot) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 42%,#000,transparent 78%);mask-image:radial-gradient(ellipse 70% 55% at 50% 42%,#000,transparent 78%)}[data-theme=light] .landing__hero:before{--hero-dot: rgba(0, 0, 0, .16)}.landing__hero-eyebrow{margin:0 0 -10px;font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);animation:float-in .56s var(--ease-apple) both}.landing__title{margin:0;font-size:clamp(34px,6vw,58px);font-weight:600;letter-spacing:-.03em;line-height:1.06;color:var(--text);animation:float-in .56s var(--ease-apple) both}.landing__subtitle{margin:0;max-width:520px;font-size:clamp(15px,2.2vw,18px);line-height:1.5;color:var(--text-2);animation:float-in .56s var(--ease-apple) 80ms both}.landing__trust{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);animation:float-in .56s var(--ease-apple) .24s both}.landing__section-head{text-align:center;margin-bottom:40px}.landing__eyebrow{margin:0 0 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.landing__section-title{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:600;letter-spacing:-.025em;color:var(--text)}.landing__section-lead{max-width:560px;margin:14px auto 0;font-size:14px;line-height:1.6;color:var(--text-2)}.landing__feature-grid,.landing__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.step-card{padding:26px 24px;border-radius:var(--r-panel);text-align:left}.feature-card__icon,.step-card__icon{width:48px;height:48px;margin-bottom:14px;margin-left:-4px;display:flex;align-items:center;justify-content:center;color:var(--text)}.feature-card__title,.step-card__title{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.feature-card__desc,.step-card__desc{margin:0;font-size:13px;line-height:1.5;color:var(--text-2)}.landing__why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why-point{display:flex;gap:14px;padding:22px 24px;border-radius:var(--r-panel)}.why-point__icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text)}.why-point__title{margin:0 0 5px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.why-point__desc{margin:0;font-size:13px;line-height:1.5;color:var(--text-2)}.magic-card{--mx: 50%;--my: 50%;--magic-size: 240px;--magic-glow: rgba(255, 255, 255, .06);--magic-border: rgba(255, 255, 255, .5);position:relative;isolation:isolate}[data-theme=light] .magic-card{--magic-glow: rgba(0, 0, 0, .045);--magic-border: rgba(0, 0, 0, .42)}.magic-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-snap);background:radial-gradient(var(--magic-size) circle at var(--mx) var(--my),var(--magic-glow),transparent 65%)}.magic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-snap);background:radial-gradient(var(--magic-size) circle at var(--mx) var(--my),var(--magic-border),transparent 65%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.magic-card:hover:before,.magic-card:hover:after{opacity:1}.magic-card>*{position:relative;z-index:1}.landing__faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{border-radius:var(--r-control)}.faq-item summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;font-weight:500;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";flex-shrink:0;width:7px;height:7px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg);transition:transform .52s var(--ease-apple)}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .52s var(--ease-apple)}.faq-item[open] .faq-item__content{grid-template-rows:1fr}.faq-item__inner{overflow:hidden;min-height:0}.faq-item__body{margin:0;padding:0 20px 16px;font-size:13px;line-height:1.6;color:var(--text-2);opacity:0;transition:opacity .4s var(--ease-apple)}.faq-item[open] .faq-item__body{opacity:1}@media (prefers-reduced-motion: reduce){.faq-item__content,.faq-item__body{transition:none}}.landing__footer{position:relative;margin:0 -24px;padding:16px;overflow:hidden}.footer-card{position:relative;z-index:1;padding:40px 40px 0;border-radius:var(--r-panel);overflow:hidden}.footer-card__top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}.footer-brand{max-width:480px;min-width:240px}.footer-brand__id{display:flex;align-items:center;gap:10px}.footer-brand__name{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--text)}.footer-brand__desc{margin:16px 0 0;font-size:13px;line-height:1.6;color:var(--text-2)}.hero-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin-bottom:4px}.ph-badge{display:inline-block;line-height:0;border-radius:10px;animation:float-in .56s var(--ease-apple) both}.ph-badge img{display:block;width:250px;height:54px}.ph-badge:focus-visible,.launchbuff-badge:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.launchbuff-badge{display:inline-block;line-height:0;border-radius:10px;animation:float-in .56s var(--ease-apple) both}.launchbuff-badge img{display:block;width:173px;height:54px}.footer-nav{display:flex;gap:56px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col__title{margin:0 0 2px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.footer-link{width:fit-content;font-size:13px;color:var(--text-2);text-decoration:none;transition:color .12s var(--ease-snap)}.footer-link:hover{color:var(--text)}.footer-card__divider{height:.5px;margin:32px 0 20px;background:var(--hairline)}.footer-card__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-copyright,.footer-built{margin:0;font-size:12px;color:var(--text-3)}.footer-built__link{color:var(--text-2);text-decoration:none;transition:color .12s var(--ease-snap)}.footer-built__link:hover{color:var(--text)}.footer-wordmark{--mx: 50%;--my: 50%;--wordmark-base: rgba(255, 255, 255, .05);--wordmark-glow: rgba(255, 255, 255, .28);margin:24px -40px 0;height:.62em;overflow:hidden;font-size:clamp(96px,24vw,400px);font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent;background:radial-gradient(clamp(260px,38vw,520px) circle at var(--mx) var(--my),var(--wordmark-glow),var(--wordmark-base) 70%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .footer-wordmark{--wordmark-base: rgba(0, 0, 0, .05);--wordmark-glow: rgba(0, 0, 0, .2)}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.landing__section-head,.feature-card,.step-card,.why-point,.faq-item,.footer-card{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.landing__feature-grid,.landing__steps{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.landing{padding:0 16px}.landing__footer{margin-left:-16px;margin-right:-16px}.landing__section{padding:56px 0}.landing__feature-grid,.landing__steps,.landing__why-grid{grid-template-columns:1fr}.footer-card{padding:28px 22px 0}.footer-wordmark{margin:20px -22px 0}.footer-card__top{gap:32px}.footer-nav{gap:40px}}.app{position:relative;width:100vw;height:100svh;overflow:hidden;background:var(--bg)}.app--landing{overflow-x:hidden;overflow-y:auto}@media (prefers-reduced-motion: no-preference){.app--landing{scroll-behavior:smooth}}.app--landing .app__bg,.app--landing .topbar{position:fixed}.app__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 20% 0%,var(--atmo-1),transparent 60%),radial-gradient(ellipse 70% 60% at 100% 100%,var(--atmo-2),transparent 60%),var(--bg);transition:background .24s var(--ease-snap)}.glass{background:var(--panel-glass);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border-radius:var(--r-panel);box-shadow:var(--shadow-panel)}.topbar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:20;pointer-events:none}.topbar>*,.topbar__right>*{pointer-events:auto}.topbar__right{display:flex;gap:8px;align-items:center}.brand{display:flex;align-items:center;animation:float-in .48s var(--ease-apple) both}.app-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:22.4%;background:linear-gradient(180deg,#2a2a2e,#0a0a0c);color:#fafafa;box-shadow:0 1px #ffffff24 inset,0 -1px #0006 inset,0 4px 14px -2px #0000008c,0 0 0 .5px #0006;overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .2s var(--ease-apple),box-shadow .2s var(--ease-apple)}[data-theme=light] .app-icon{background:linear-gradient(180deg,#fafafa,#d8d8dc);color:#0a0a0c;box-shadow:0 1px #ffffffb3 inset,0 -1px #00000014 inset,0 4px 12px -2px #0000002e,0 0 0 .5px #0000001f}.app-icon:hover{transform:translateY(-1px) scale(1.03)}.app-icon__glyph{height:60%;width:auto;position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:2;display:block;filter:drop-shadow(0 .5px 0 rgba(0,0,0,.4))}[data-theme=light] .app-icon__glyph{filter:drop-shadow(0 .5px 0 rgba(255,255,255,.5))}.app-icon__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,transparent 45%);border-radius:inherit;pointer-events:none;z-index:1}[data-theme=light] .app-icon__shine{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 45%)}.filemeta{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;border-radius:100px;font-size:12.5px;color:var(--text);max-width:50vw;animation:float-in .48s var(--ease-apple) 80ms both}.filemeta__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.filemeta__dims{font-size:11.5px;color:var(--text-2);padding:2px 8px;background:var(--accent-soft);border-radius:100px}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:100px;color:var(--text-2);animation:float-in .48s var(--ease-apple) .12s both;transition:color .12s var(--ease-snap),transform .2s var(--ease-apple)}.theme-toggle:hover{color:var(--text);transform:scale(1.05)}.theme-toggle:active{transform:scale(.94)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.dropzone{width:100%;max-width:560px;cursor:pointer;outline:none}.dropzone__plate{padding:56px 40px;text-align:center;border:1px dashed var(--hairline-strong);transition:border-color .2s var(--ease-apple),transform .24s var(--ease-apple),box-shadow .2s var(--ease-apple);animation:float-in .54s var(--ease-apple) both}.dropzone:hover .dropzone__plate,.dropzone--hover .dropzone__plate{border-color:var(--text);transform:translateY(-2px)}.dropzone__icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 .5px var(--hairline-strong)}.dropzone__plate h2{margin:0 0 6px;font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--text)}.dropzone__plate p{margin:0 0 24px;color:var(--text-2);font-size:14px}.dropzone__formats{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.dropzone__formats span{padding:4px 10px;border-radius:100px;background:var(--accent-soft);border:.5px solid var(--hairline);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-2)}.editor-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-image:linear-gradient(45deg,var(--bg-grid) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-grid) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-grid) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-grid) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.editor-viewport canvas{display:block;touch-action:none}.toolbar{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;z-index:15;animation:slide-in-left .48s var(--ease-apple) .12s both}.toolbar__divider{height:1px;margin:4px 6px;background:var(--hairline)}.tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--text-2)}.tool-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.tool-btn:active:not(:disabled){transform:scale(.94);background:var(--accent-soft)}.tool-btn--active{background:var(--accent);color:var(--accent-on)}.tool-btn--active:hover{background:var(--accent-hover);color:var(--accent-on)}.zoom-hud{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px;border-radius:100px;z-index:15;animation:float-in-up .48s var(--ease-apple) .16s both}.zoom-hud__pct{min-width:56px;height:32px;padding:0 12px;border-radius:100px;font-family:var(--font-mono);font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.zoom-hud__pct:hover{background:var(--accent-soft)}.zoom-hud__divider{width:1px;height:18px;margin:0 4px;background:var(--hairline-strong)}.hud-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:var(--text-2)}.hud-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.hud-btn:active:not(:disabled){transform:scale(.92)}.hud-btn--text{width:auto;padding:0 12px;gap:6px;font-size:12px}.batch-sidebar{position:absolute;left:16px;top:72px;bottom:76px;width:240px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;z-index:12;animation:slide-in-left-panel .48s var(--ease-apple) 80ms both}.batch-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid var(--hairline);flex-shrink:0}.batch-sidebar__count{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}.batch-sidebar__add{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-2)}.batch-sidebar__add:hover{background:var(--accent-soft);color:var(--text)}.batch-sidebar__list{flex:1;overflow-y:auto;padding:6px}.batch-sidebar__foot{padding:10px 12px 12px;border-top:.5px solid var(--hairline);background:linear-gradient(180deg,transparent 0%,var(--panel-footer-bg) 30%);flex-shrink:0}.batch-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:9px;cursor:pointer;transition:background .12s var(--ease-snap);position:relative}.batch-item:hover{background:var(--accent-soft)}.batch-item--active{background:var(--accent-soft);box-shadow:0 0 0 .5px var(--hairline-strong)}.batch-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--text);border-radius:2px}.batch-item__thumb{width:44px;height:44px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--input-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 .5px var(--hairline-strong)}.batch-item__thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.batch-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.batch-item__body input{font-family:var(--font-ui);font-size:12px;background:transparent;border:.5px solid transparent;padding:3px 6px;border-radius:4px;width:100%;color:var(--text)}.batch-item__body input:hover{background:var(--input-bg);border-color:var(--hairline)}.batch-item__body input:focus{background:var(--input-bg-focus);border-color:var(--text-2);box-shadow:none}.batch-item__slug{font-size:10px;color:var(--text-3);padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-item__remove{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-3);opacity:0;transition:opacity .12s var(--ease-snap),background .12s var(--ease-snap),color .12s var(--ease-snap)}.batch-item:hover .batch-item__remove{opacity:1}.batch-item__remove:hover{background:var(--status-error-bg);color:var(--status-error)}@keyframes slide-in-left-panel{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.stage--batch .toolbar{left:272px}.inspector{position:absolute;top:72px;right:16px;bottom:76px;width:304px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;z-index:10;animation:slide-in-right .48s var(--ease-apple) .1s both}.inspector__scroll{flex:1;overflow-y:auto;padding:8px 0}.inspector__footer{padding:14px 16px 16px;background:linear-gradient(180deg,transparent 0%,var(--panel-footer-bg) 30%);border-top:.5px solid var(--hairline);display:flex;flex-direction:column;gap:8px}.size-est{text-align:center;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.group{padding:14px 18px 16px;border-bottom:.5px solid var(--hairline)}.group:last-child{border-bottom:none}.group__title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:12px}.group__body{display:flex;flex-direction:column;gap:10px}.stat{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px}.stat__label{color:var(--text-2)}.stat__value{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.stat__unit{color:var(--text-3)}.dim-row{display:flex;align-items:end;gap:6px}.num-field{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.num-field__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding-left:2px}.link-btn{width:28px;height:30px;margin-bottom:0;display:flex;align-items:center;justify-content:center;border-radius:7px;color:var(--text-3);flex-shrink:0}.link-btn:hover{background:var(--accent-soft);color:var(--text-2)}.link-btn--on{color:var(--accent-on);background:var(--accent)}.link-btn--on:hover{background:var(--accent-hover);color:var(--accent-on)}.seg-control{display:flex;gap:2px;padding:2px;background:var(--input-bg);border-radius:9px;border:.5px solid var(--hairline)}.seg-btn{flex:1;height:26px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--text-2);letter-spacing:-.005em;transition:background .12s var(--ease-snap),color .12s var(--ease-snap),box-shadow .12s var(--ease-snap)}.seg-btn:hover:not(.seg-btn--on){color:var(--text)}.seg-btn--on{background:var(--accent);color:var(--accent-on);font-weight:600;box-shadow:0 1px 2px #0003,0 0 0 .5px var(--hairline-strong)}[data-theme=light] .seg-btn--on{box-shadow:0 1px 2px #0000002e,0 0 0 .5px #0000001f}.bg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bg-swatches{display:flex;gap:6px}.bg-swatch{width:24px;height:24px;border-radius:6px;border:.5px solid var(--hairline-strong);position:relative;transition:transform .12s var(--ease-snap),box-shadow .12s var(--ease-snap);padding:0}.bg-swatch:hover:not(:disabled){transform:scale(1.08)}.bg-swatch--on{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--text)}.bg-swatch--white{background:#fff}.bg-swatch--black{background:#000}.bg-swatch--transparent{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.18) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.18) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#ffffff0f}[data-theme=light] .bg-swatch--transparent{background-image:linear-gradient(45deg,rgba(0,0,0,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.12) 75%);background-color:#0000000a}.bg-swatch--custom{position:relative;background:conic-gradient(from 90deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30)}.bg-swatch--custom:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:4px;background:inherit;background-color:inherit}.hidden-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.bg-block{display:flex;flex-direction:column;gap:10px}.hex-row{display:flex;align-items:center;gap:8px}.hex-row__chip{width:22px;height:22px;border-radius:6px;flex-shrink:0;border:.5px solid var(--hairline-strong);background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.12) 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.hex-input{flex:1;font-size:12px!important;text-transform:lowercase}.hex-input--invalid{border-color:var(--status-error)!important;box-shadow:0 0 0 3px var(--status-error-bg)!important}.color-readout{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--input-bg);border-radius:7px;border:.5px solid var(--hairline)}.color-readout__row{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--text-2)}.color-readout__label{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10px;color:var(--text-3)}.preview-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:10px;background:var(--input-bg);border:.5px solid var(--hairline)}.preview-tile canvas{display:block;border-radius:4px;box-shadow:0 0 0 .5px var(--hairline-strong),0 4px 12px -4px #0006;max-width:100%}[data-theme=light] .preview-tile canvas{box-shadow:0 0 0 .5px var(--hairline-strong),0 4px 12px -4px #0000002e}.preview-tile__caption{font-size:10.5px;color:var(--text-3);letter-spacing:.04em}.quality-row{display:flex;flex-direction:column;gap:8px}.quality-row__head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.micro-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.caveat{margin:0;font-size:11px;color:var(--text-3);line-height:1.4}.slug-out{font-size:11.5px;color:var(--text-2);padding:8px 10px;background:var(--input-bg);border-radius:7px;border:.5px solid var(--hairline);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-button);background:var(--accent-soft);color:var(--text-2);font-size:12px;font-weight:500;border:.5px solid transparent;transition:background .12s var(--ease-snap),color .12s var(--ease-snap);width:100%;justify-content:center}.ghost-btn:hover{background:var(--accent-soft);color:var(--text);border-color:var(--hairline-strong)}.ghost-btn--compact{width:auto;padding:5px 10px;font-size:11.5px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;padding:0 16px;border-radius:9px;background:var(--accent);color:var(--accent-on);font-weight:600;font-size:13.5px;letter-spacing:-.01em;box-shadow:var(--shadow-primary);transition:background .12s var(--ease-snap),transform 80ms var(--ease-snap)}.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.primary-btn:active:not(:disabled){transform:scale(.985);background:var(--accent-press)}.status-toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);padding:10px 18px 10px 16px;border-radius:100px;font-size:12.5px;color:var(--text);z-index:30;animation:toast-pop .26s var(--ease-apple);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:center;gap:10px}.status-toast__dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex-shrink:0;box-shadow:0 0 0 3px transparent;transition:box-shadow .2s var(--ease-snap)}.status-toast--success .status-toast__dot{background:var(--status-success);box-shadow:0 0 0 3px var(--status-success-bg)}.status-toast--error .status-toast__dot{background:var(--status-error);box-shadow:0 0 0 3px var(--status-error-bg)}.status-toast--info .status-toast__dot{background:var(--status-warning);box-shadow:0 0 0 3px var(--status-warning-bg)}@keyframes float-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 720px){.inspector{width:calc(100% - 32px);bottom:92px;top:auto;max-height:50vh}.toolbar{flex-direction:row;top:auto;bottom:80px;left:16px;transform:none}.toolbar__divider{width:1px;height:auto;margin:6px 4px}.filemeta{max-width:50vw}.filemeta__name{max-width:120px}}:root,[data-theme=dark]{--bg: #0a0a0c;--bg-grid: #121215;--panel-glass: rgba(22, 22, 26, .72);--panel-glass-strong: rgba(28, 28, 32, .88);--panel-footer-bg: rgba(28, 28, 32, .92);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--inset-fill: rgba(255, 255, 255, .04);--input-bg: rgba(0, 0, 0, .32);--input-bg-focus: rgba(0, 0, 0, .45);--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #6e6e73;--accent: #ffffff;--accent-hover: #ffffff;--accent-press: #e0e0e2;--accent-soft: rgba(255, 255, 255, .12);--accent-on: #0a0a0c;--focus-ring: rgba(255, 255, 255, .28);--atmo-1: rgba(255, 255, 255, .04);--atmo-2: rgba(255, 255, 255, .02);--shadow-panel: 0 32px 80px -16px rgba(0, 0, 0, .7), 0 0 0 .5px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-pill: 0 12px 36px -8px rgba(0, 0, 0, .55), 0 0 0 .5px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-primary: inset 0 1px 0 rgba(255, 255, 255, .4), 0 8px 24px -6px rgba(0, 0, 0, .6), 0 0 0 .5px rgba(255, 255, 255, .12)}[data-theme=light]{--bg: #f4f4f6;--bg-grid: #e8e8eb;--panel-glass: rgba(255, 255, 255, .72);--panel-glass-strong: rgba(252, 252, 253, .88);--panel-footer-bg: rgba(252, 252, 253, .94);--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .14);--inset-fill: rgba(0, 0, 0, .03);--input-bg: rgba(0, 0, 0, .04);--input-bg-focus: rgba(0, 0, 0, .06);--text: #1c1c1e;--text-2: #555558;--text-3: #8e8e93;--accent: #0a0a0c;--accent-hover: #1c1c1e;--accent-press: #2a2a2e;--accent-soft: rgba(0, 0, 0, .08);--accent-on: #ffffff;--focus-ring: rgba(0, 0, 0, .18);--atmo-1: rgba(0, 0, 0, .025);--atmo-2: rgba(0, 0, 0, .015);--shadow-panel: 0 24px 60px -16px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-pill: 0 8px 28px -8px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-primary: inset 0 1px 0 rgba(255, 255, 255, .18), 0 8px 22px -6px rgba(0, 0, 0, .32), 0 0 0 .5px rgba(0, 0, 0, .08)}:root{--status-success: #30d158;--status-success-bg: rgba(48, 209, 88, .14);--status-error: #ff453a;--status-error-bg: rgba(255, 69, 58, .14);--status-warning: #ff9f0a;--status-warning-bg: rgba(255, 159, 10, .14)}[data-theme=light]{--status-success: #248a3d;--status-success-bg: rgba(36, 138, 61, .1);--status-error: #d70015;--status-error-bg: rgba(215, 0, 21, .08);--status-warning: #b25000;--status-warning-bg: rgba(178, 80, 0, .08)}:root{--font-ui: "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-apple: cubic-bezier(.32, .72, 0, 1);--ease-snap: cubic-bezier(.4, 0, .2, 1);--r-panel: 16px;--r-control: 11px;--r-button: 8px;--r-input: 7px;font-family:var(--font-ui);font-kerning:normal;font-feature-settings:"liga" 1,"calt" 1;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}*{box-sizing:border-box}html,body,#root{height:100svh;margin:0;background:var(--bg);color:var(--text);overflow:hidden;transition:background .24s var(--ease-snap),color .24s var(--ease-snap)}body{font-size:13px;line-height:1.4;letter-spacing:-.005em}button{font:inherit;color:var(--text);background:transparent;border:none;border-radius:var(--r-button);padding:0;cursor:pointer;transition:background .12s var(--ease-snap),color .12s var(--ease-snap),transform .12s var(--ease-snap);-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}input[type=text],input[type=number],select{font:inherit;font-family:var(--font-mono);font-size:12.5px;color:var(--text);background:var(--input-bg);border:.5px solid var(--hairline-strong);border-radius:var(--r-input);padding:7px 10px;width:100%;transition:border-color .12s var(--ease-snap),background .12s var(--ease-snap),box-shadow .12s var(--ease-snap)}input[type=text]{font-family:var(--font-ui)}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--text-2);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--focus-ring)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1.5 1.75 6 6.25 10.5 1.75' stroke='%23a1a1a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}[data-theme=light] select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1.5 1.75 6 6.25 10.5 1.75' stroke='%23555558' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--accent-soft);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);border:.5px solid rgba(0,0,0,.2);box-shadow:0 1px 4px #0006;cursor:grab}[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--hairline-strong);box-shadow:0 1px 3px #0000002e}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}