:root{--bg:#0b0b10;--bg-raised:#15151d;--bg-input:#1e1e29;--line:#2a2a37;--line-strong:#3a3a4b;--text:#f2f2f7;--text-dim:#9c9caf;--text-faint:#6c6c80;--accent:#b64cf0;--accent-2:#ff5c8a;--accent-soft:#b64cf029;--danger:#ff5f57;--ok:#3ddc84;--radius:14px;--radius-sm:10px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;touch-action:manipulation;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.app{max-width:620px;height:100%;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;min-height:48px;padding:6px 12px;display:flex}.topbar h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:15px;font-weight:650;overflow:hidden}.topbar-cta{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;white-space:nowrap;border-radius:999px;flex:none;min-height:38px;padding:0 16px;font-size:14px;font-weight:650}.topbar-cta:active{filter:brightness(.92)}.topbar-cta:disabled{opacity:.45}.icon-only{background:var(--bg-input);width:38px;height:38px;color:var(--text-dim);border-radius:50%;flex:none;place-items:center;font-size:17px;line-height:1;display:grid}.icon-only:active{background:var(--line)}.brandmark{background:linear-gradient(135deg,#4c3ad6,#ff5c8a);border-radius:8px;flex:none;width:26px;height:26px}.ghost-btn{border-radius:var(--radius-sm);background:var(--bg-input);min-height:36px;color:var(--text-dim);padding:8px 12px;font-size:13px;font-weight:550}.ghost-btn:active{background:var(--line)}.import{padding:24px 20px calc(24px + var(--safe-bottom));flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex;overflow-y:auto}.import-hero{text-align:center;margin-bottom:6px}.import-hero h2{letter-spacing:-.02em;margin:0 0 8px;font-size:26px}.import-hero p{color:var(--text-dim);margin:0;font-size:14px}.pick{border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.pick:active{background:var(--bg-input)}.pick-icon{background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.pick-title{font-size:16px;font-weight:600;display:block}.pick-sub{color:var(--text-dim);margin-top:2px;font-size:13px;display:block}.fineprint{color:var(--text-faint);text-align:center;margin-top:8px;font-size:12px;line-height:1.6}.projects{margin-top:10px}.projects .field-label{margin-bottom:8px}.project-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.project-open{border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line);text-align:left;flex:1;align-items:center;gap:12px;min-width:0;min-height:64px;padding:10px 12px 10px 10px;display:flex}.project-open:active{background:var(--bg-input)}.project-thumb{background:var(--bg-input);border-radius:10px;flex:none;place-items:center;width:52px;height:52px;font-size:22px;display:grid;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-delete{width:40px;height:40px;font-size:14px}.topbar-save{background:var(--bg-input);min-height:38px;color:var(--text-dim);white-space:nowrap;border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:600;position:relative}.topbar-save:active{background:var(--line)}.topbar-save:disabled{opacity:.45}.topbar-save.saved{color:var(--text-faint)}.topbar-save.dirty{color:var(--text)}.topbar-save.dirty:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.stage{background:repeating-conic-gradient(#101018 0% 25%,#0c0c12 0% 50%) 50%/22px 22px;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;position:relative}.stage-btn{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:3;background:#0a0a109e;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;display:grid;position:absolute}.stage-btn:active{background:#0a0a10d9}.stage-btn-expand{top:10px;right:10px}.stage-meta{font-variant-numeric:tabular-nums;color:#ffffff8c;text-shadow:0 1px 3px #000000e6;pointer-events:none;z-index:2;flex-wrap:wrap;gap:4px 8px;padding-right:56px;font-size:10px;display:flex;position:absolute;bottom:8px;left:10px}.stage-meta .warn{color:var(--danger)}.stage-transport{left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);z-index:3;background:#0a0a109e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:absolute}.app.immersive .stage{padding:0}.app.immersive .stage-meta{bottom:calc(64px + var(--safe-bottom))}.stage-inner{touch-action:none;max-width:100%;max-height:100%;position:relative}.stage-inner canvas{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;border-radius:6px;display:block;box-shadow:0 10px 40px #0000008c}.crop-dim{pointer-events:none;background:#0000008c;position:absolute}.crop-frame{pointer-events:none;border:2px solid #fff;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #00000080}.overlay-layer{touch-action:none;position:absolute;inset:0}.handle{border:2px solid var(--accent);touch-action:none;background:#fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;box-shadow:0 2px 8px #00000080}.selection-box{border:2px solid var(--accent);touch-action:none;border-radius:3px;position:absolute;box-shadow:0 0 0 1px #0006}.selection-box.circle{border-radius:50%}.selection-box.censor{opacity:0;border:1.5px solid #ffffffbf;transition:opacity .45s;box-shadow:0 0 0 1px #00000059}.selection-box.censor.flash{opacity:1;transition:opacity 80ms}.transport{border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:2px 14px;display:flex}.play-btn{width:var(--tap);height:var(--tap);background:var(--bg-input);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.play-btn:active{background:var(--line)}.stage-transport .play-btn{color:#fff;background:#ffffff24}.scrub{flex:1;min-width:0}.transport-time{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:78px;font-size:12px}.stage-transport .transport-time{color:#ffffffbf}.tool-panel{-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);background:var(--bg-raised);flex:none;height:30vh;min-height:168px;max-height:300px;padding:14px 14px 20px;overflow-y:auto}.tabs{border-top:1px solid var(--line);background:var(--bg-raised);padding-bottom:var(--safe-bottom);flex:none;display:flex}.tab{color:var(--text-faint);flex-direction:column;flex:1;align-items:center;gap:3px;min-height:54px;padding:9px 2px 10px;font-size:10px;display:flex}.tab .tab-icon{font-size:18px;line-height:1}.tab.active{color:var(--accent)}.tab.active .tab-icon{transform:translateY(-1px)}.cta{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:-.01em;width:100%;min-height:50px;font-size:16px;font-weight:650}.cta:active{filter:brightness(.92)}.cta:disabled{opacity:.45}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.field-label .value{text-transform:none;letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.segmented{background:var(--bg-input);scrollbar-width:none;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented button{min-height:38px;color:var(--text-dim);white-space:nowrap;border-radius:9px;flex:1 0 auto;padding:0 12px;font-size:13px;font-weight:550}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{background:var(--bg-input);min-height:38px;color:var(--text-dim);border-radius:10px;padding:0 14px;font-size:13px;font-weight:550}.chip-btn[aria-pressed=true]{background:var(--accent);color:#fff}input[type=range]{appearance:none;background:0 0;width:100%;height:34px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:26px;height:26px}input[type=number],input[type=text]{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--line);font-variant-numeric:tabular-nums;width:100%;min-height:42px;padding:0 12px}input[type=color]{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--line);width:46px;height:42px;padding:3px}.row{align-items:center;gap:10px;display:flex}.row>*{min-width:0}.grow{flex:1}.toggle-row{min-height:var(--tap);justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{background:var(--line-strong);border-radius:15px;flex:none;width:50px;height:30px;transition:background .15s;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]:after{transform:translate(20px)}.hint{color:var(--text-faint);margin-top:8px;font-size:12px;line-height:1.5}.step-btn{width:var(--tap);height:var(--tap);background:var(--bg-input);color:var(--text);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.step-btn:active{background:var(--line)}.nudge-pad{grid-template-rows:auto;grid-template-columns:auto auto auto 1fr;align-items:center;gap:6px 8px;display:grid}.nudge-stack{flex-direction:column;gap:6px;display:flex}.nudge-pad .nudge-hint{margin-top:0}.stepper-row{align-items:center;gap:8px;display:flex}.stepper-row input[type=range]{flex:1;min-width:0}.strip{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip-item{background:var(--bg-input);border:2px solid #0000;border-radius:10px;flex:none;width:76px;position:relative;overflow:hidden}.strip-item.selected{border-color:var(--accent)}.strip-item img{object-fit:cover;pointer-events:none;width:100%;height:76px;display:block}.strip-item .dur{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums;padding:3px 0;font-size:10px}.strip-item .ord{background:#000000a6;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:3px;left:3px}.icon-row{gap:6px;display:flex}.icon-btn{background:var(--bg-input);min-height:40px;color:var(--text-dim);border-radius:10px;flex:1;place-items:center;font-size:13px;display:grid}.icon-btn:active{background:var(--line)}.icon-btn.danger{color:var(--danger)}.trim-rail{touch-action:none;height:56px;margin:6px 0 4px;position:relative}.trim-track{background:var(--bg-input);border-radius:10px;position:absolute;inset:0;overflow:hidden}.trim-sel{background:var(--accent-soft);position:absolute;top:0;bottom:0}.trim-grip{touch-action:none;background:var(--accent);border-radius:9px;place-items:center;width:30px;display:grid;position:absolute;top:-2px;bottom:-2px;box-shadow:0 2px 8px #00000073}.trim-grip:after{content:"";opacity:.95;background:#fff;border-radius:2px;width:3px;height:22px}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);z-index:40;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{-webkit-overflow-scrolling:touch;background:var(--bg-raised);border-top:1px solid var(--line);width:100%;max-width:620px;max-height:92vh;padding:8px 16px calc(20px + var(--safe-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.sheet-grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:6px auto 12px}.sheet h2{letter-spacing:-.01em;margin:0 0 4px;font-size:19px}.sheet .sheet-sub{color:var(--text-dim);margin:0 0 16px;font-size:13px}.quality-list{flex-direction:column;gap:8px;display:flex}.quality-opt{border-radius:var(--radius);background:var(--bg-input);text-align:left;border:1.5px solid #0000;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.quality-opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.quality-opt .q-name{font-weight:600}.quality-opt .q-blurb{color:var(--text-dim);margin-top:2px;font-size:12px}.result-card{border-radius:var(--radius);background:var(--bg-input);text-align:center;padding:16px}.result-size{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.result-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.result-grid div{background:var(--bg-raised);border-radius:10px;padding:8px 10px}.result-grid .k{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px}.result-grid .v{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.result-preview{background:#000;border-radius:10px;max-width:100%;max-height:40vh;margin:0 auto 14px;display:block}.progress-track{background:var(--bg-input);border-radius:4px;height:8px;margin:14px 0 8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .12s linear}.banner{border-radius:var(--radius-sm);background:#ff5f5724;border:1px solid #ff5f5759;align-items:flex-start;gap:10px;margin:10px 14px 0;padding:11px 13px;font-size:13px;display:flex}.banner .banner-hint{color:var(--text-dim);margin-top:3px;font-size:12px}.banner button{color:var(--text-dim);padding:0 2px;font-size:18px;line-height:1}.busy-veil{z-index:50;text-align:center;background:#0b0b10d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.spinner{border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-note{color:var(--text-faint);text-align:center;padding:18px 10px;font-size:13px;line-height:1.6}.list-card{border-radius:var(--radius-sm);background:var(--bg-input);border:1.5px solid #0000;margin-bottom:8px;padding:11px 12px}.list-card.selected{border-color:var(--accent)}.list-card-head{align-items:center;gap:8px;min-height:34px;display:flex}.list-card-head .title{flex:1;font-size:14px;font-weight:600}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;display:grid}.emoji-grid button{aspect-ratio:1;background:var(--bg-input);border-radius:10px;place-items:center;font-size:24px;display:grid}.emoji-grid button:active{background:var(--line)}@media (min-height:780px){.tool-panel{height:28vh}}@media (orientation:landscape) and (max-height:500px){.app{max-width:none}.tool-panel{height:40vh;min-height:120px;padding:10px 14px 14px}.tabs .tab{min-height:46px;padding:6px 2px;font-size:9px}.tab .tab-icon{font-size:15px}.cta{min-height:42px;font-size:15px}.transport{padding:2px 14px}.stage-meta{display:none}}