:root{--bg:#000;--text:#fff;--text-2:#e5e7eb;--text-3:#d1d5dc;--muted:#99a1af;--faint:#6a7282;--blue:#2b7fff;--blue-2:#51a2ff;--danger:#ff6467;--line:#ffffff1a;--line-2:#ffffff26;--panel:#111111e0;--font:-apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--grid:linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);margin:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--blue-2)}button{font:inherit;color:inherit}img{display:block}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--blue-2);outline-offset:2px}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (max-width:640px){.desktop-only{display:none!important}}@media (min-width:641px){.mobile-only{display:none!important}}.brand{color:var(--text);align-items:center;gap:12px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.brand img{width:32px;height:32px}.brand--small{flex-shrink:0;gap:10px;font-size:16px}.brand--small img{width:28px;height:28px}.button-primary{background:var(--blue);height:44px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.button-ghost{height:40px;color:var(--text-3);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.button-ghost:focus-within{outline:2px solid var(--blue-2);outline-offset:2px}.icon-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.icon-btn[aria-expanded=true]{color:var(--blue-2);background:#2b7fff29}.divider{background:var(--line-2);flex-shrink:0;width:1px;height:20px}.store{border-radius:8px;flex-shrink:0;line-height:0;display:block}.store img{border-radius:8px;height:auto;transition:transform .35s,box-shadow .35s}@media (hover:hover){.button-ghost:hover{color:var(--text);background:#ffffff0d}.icon-btn:hover{color:var(--text);background:#ffffff0f}.icon-btn[aria-expanded=true]:hover{color:var(--blue-2);background:#2b7fff38}.store:hover img{transform:translateY(-3px);box-shadow:0 12px 40px 8px #00000080}}.progress,.topbar__progress{background:#ffffff1a;position:relative;overflow:hidden}.progress span,.topbar__progress span{background:var(--blue);border-radius:inherit;width:40%;animation:1.1s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing{min-height:100vh;isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.landing:before{content:"";z-index:-1;background-image:var(--grid);background-position:50%;background-size:100px 100px,100px 100px,20px 20px,20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 50% at 50% 42%,#000 0%,#0000 100%);mask-image:radial-gradient(55% 50% at 50% 42%,#000 0%,#0000 100%)}.landing__header{align-items:center;padding:20px 32px;display:flex}.landing__main{flex-grow:1;justify-content:center;align-items:center;padding:24px 32px 48px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:760px;animation:.45s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.hero__text{flex-direction:column;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--blue-2);margin:0;font-size:16px;font-weight:600}h1{text-wrap:balance;margin:0;font-size:48px;font-weight:700;line-height:1.1}.lede{color:var(--text-3);text-wrap:pretty;margin:0;font-size:18px;line-height:1.6}.drop{border:1.5px dashed var(--line-2);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;width:100%;height:260px;transition:border-color .2s,background .2s;display:flex;position:relative}.drop:focus-within{outline:2px solid var(--blue-2);outline-offset:3px;border-color:#ffffff4d}.drop[data-state=over]{border-color:var(--blue);background:#2b7fff14}.drop[data-state=loading]{pointer-events:none}.drop__idle,.drop__loading{flex-direction:column;align-items:center;gap:20px;max-width:100%;display:flex}.drop__loading{padding:0 32px;display:none}.drop[data-state=loading] .drop__idle{display:none}.drop[data-state=loading] .drop__loading{display:flex}.drop__icon{color:var(--muted);stroke-width:1.5px}.drop__title{font-size:18px;font-weight:600}.drop__title--over{color:var(--blue-2);display:none}.drop[data-state=over] .drop__title--idle{display:none}.drop[data-state=over] .drop__title--over{display:inline}.drop__hint{color:var(--muted);font-size:14px}.drop__file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:500;overflow:hidden}.drop__loading .progress{border-radius:3px;width:280px;height:3px}.drop__error{color:var(--danger);overflow-wrap:anywhere;padding:0 32px;font-size:14px;line-height:1.45;position:absolute;bottom:20px;left:0;right:0}@media (hover:hover){.drop:hover{border-color:#ffffff4d}.drop:hover .button-primary{background:var(--blue-2)}}.cta{border-top:1px solid var(--line);background:#ffffff05}.cta__inner{justify-content:space-between;align-items:center;gap:40px;max-width:1120px;margin:0 auto;padding:24px 32px;display:flex}.cta__text{color:var(--muted);flex-direction:column;gap:6px;font-size:15px;line-height:1.5;display:flex}.cta__text strong{color:var(--text);font-size:16px;font-weight:600}.store--cta img{width:190px}@media (max-width:640px){.landing__header{padding:18px 20px}.brand{gap:10px;font-size:16px}.brand img{width:28px;height:28px}.landing__main{padding:16px 20px 32px}.landing:before{-webkit-mask-image:radial-gradient(80% 45% at 50% 45%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 45% at 50% 45%,#000 0%,#0000 100%)}.hero{gap:28px}.hero__text{gap:12px}.eyebrow{letter-spacing:1.3px;font-size:13px}h1{font-size:32px;line-height:1.15}.lede{font-size:16px;line-height:1.55}.drop{height:auto;min-height:210px;padding:28px 20px}.drop__idle,.drop__loading{gap:18px;width:100%}.drop__icon{width:28px;height:28px}.drop__hint{font-size:15px}.drop .button-primary{align-self:stretch;height:48px;font-size:15px}.drop__loading .progress{width:200px}.drop__error{margin-top:16px;padding:0;font-size:14px;position:static}.drop{flex-direction:column}.cta__inner{padding:20px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:14px}.cta__text{gap:4px;font-size:14px}.cta__text strong{font-size:15px}.store--cta{align-self:center}.store--cta img{width:176px}}.viewer{background:var(--bg);position:fixed;inset:0;overflow:hidden}.canvas-wrap{background-image:var(--grid);background-size:100px 100px,100px 100px,20px 20px,20px 20px;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.canvas-wrap.is-dragging canvas{cursor:grabbing}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#000000b8;align-items:center;gap:16px;height:64px;padding:0 16px 0 24px;display:flex;position:absolute;top:0;left:0;right:0}.file{flex-grow:1;align-items:center;gap:10px;min-width:0;display:flex}.file__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:14px;overflow:hidden}.file__ext{border:1px solid var(--line-2);letter-spacing:.08em;color:var(--muted);border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.topbar__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.divider--wide{margin:0 12px}.topbar__cta{color:var(--muted);white-space:nowrap;margin-right:12px;font-size:13px}.store--bar img{border-radius:6px;width:146px}.topbar__progress{height:2px;position:absolute;bottom:-1px;left:0;right:0}.topbar__progress.is-determinate span{width:calc(var(--progress,0) * 100%);transition:width .2s ease-out;animation:none}@media (max-width:1100px){.topbar__cta{display:none}}.layers{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:248px;max-height:calc(100% - 180px);padding:8px;display:none;position:absolute;top:80px;left:16px;box-shadow:0 16px 40px #00000080}.viewer[data-panel=open] .layers{animation:.3s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.layers__head{justify-content:space-between;align-items:center;padding:6px 8px 8px;display:flex}.layers__heading{align-items:baseline;gap:10px;display:flex}.layers__title{font-size:13px;font-weight:600}.layers__count{color:var(--faint);font-size:12px}.layers__list{overscroll-behavior:contain;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.layer{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:12px;width:100%;height:36px;padding:0 8px;transition:background .15s,opacity .2s;display:flex}.layer__swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.layer__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex-grow:1;font-size:13px;overflow:hidden}.layer svg{width:16px;height:16px;color:var(--muted);stroke-width:1.6px;flex-shrink:0}.layer .eye-off{display:none}.layer[aria-pressed=false]{opacity:.45}.layer[aria-pressed=false] .eye{display:none}.layer[aria-pressed=false] .eye-off{display:block}@media (hover:hover){.layer:hover{background:#ffffff0d}}.scrim{display:none}.coords{pointer-events:none;font-family:var(--mono);color:var(--muted);align-items:center;gap:16px;font-size:12px;font-style:normal;display:flex;position:absolute;bottom:32px;left:24px}.coords span{gap:8px;display:flex}.coords i{color:var(--faint);font-style:normal}.coords b{font-weight:400}.zoom{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:10px;align-items:center;height:44px;padding:0 4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.zoom .icon-btn{border-radius:7px;width:36px;height:36px}.zoom .divider{margin:0 4px}.zoom__label{text-align:center;width:56px;font-family:var(--mono);color:var(--text-2);font-size:12px}.toast{max-width:min(480px,100% - 32px);color:var(--danger);overflow-wrap:anywhere;pointer-events:none;background:#111111eb;border:1px solid #ff64674d;border-radius:8px;margin:0;padding:10px 14px;font-size:14px;line-height:1.45;animation:.3s cubic-bezier(.2,.7,.2,1) both rise;position:absolute;top:80px;left:50%;transform:translate(-50%)}.drop-overlay{border:1.5px dashed var(--blue);pointer-events:none;background:#2b7fff0f;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.drop-overlay span{background:var(--blue);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500}@media (max-width:640px){.topbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0;background:#000000c7;gap:4px}.topbar .icon-btn{border-radius:10px;width:44px;height:44px}.topbar .icon-btn svg{width:20px;height:20px}.file{gap:8px}.file__name{font-size:15px}.scrim{opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;display:block;position:absolute;inset:0}.viewer[data-panel=open] .scrim{opacity:1;pointer-events:auto}.layers{width:auto;max-height:72%;padding:8px 12px calc(28px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;border-width:1px 0 0;border-radius:18px 18px 0 0;inset:auto 0 0;box-shadow:0 -16px 40px #00000080}.viewer[data-panel=open] .layers{animation:.3s cubic-bezier(.2,.8,.2,1) both sheet}.layers__handle{background:#fff3;border-radius:2px;align-self:center;width:36px;height:4px;margin-bottom:8px}.layers__head{padding:0 0 4px 8px}.layers__title{font-size:17px}.layers__count{font-size:13px}.layers__done{height:44px;color:var(--blue-2);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:16px;font-weight:500}.layers__list{gap:0}.layer{border-radius:10px;gap:14px;height:52px}.layer__swatch{width:12px;height:12px}.layer__name{font-size:15px}.layer svg{width:20px;height:20px}.layers__cta{border-top:1px solid var(--line);color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:16px 8px 0;font-size:14px;line-height:1.4;display:flex}.layers__cta .store img{border-radius:6px;width:161px}.zoom{bottom:calc(32px + env(safe-area-inset-bottom));border-radius:14px;height:52px}.zoom .icon-btn{border-radius:10px;width:44px;height:44px}.zoom .icon-btn svg{width:18px;height:18px}.zoom__label{width:52px;font-size:13px}.viewer[data-panel=open] .zoom{display:none}.toast{top:calc(68px + env(safe-area-inset-top));max-width:none;left:16px;right:16px;transform:none}}