.video-frame-editor{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(24px + var(--safe-bottom));flex:1;overflow-y:auto}.topbar-spacer{width:var(--tap);height:var(--tap);flex:none}.video-frames-card .mode-card-icon{font-size:21px}.frame-import{padding:20px 16px}.frame-preview-section{border-bottom:1px solid var(--line);background:var(--bg);padding:12px 14px 10px}.frame-video-wrap{background:#000;border-radius:14px;place-items:center;width:100%;min-height:180px;max-height:46vh;display:grid;position:relative;overflow:hidden}.frame-video-wrap video,.frame-ai-overlay{object-fit:contain;width:100%;max-height:46vh;display:block}.frame-ai-overlay{object-fit:contain;pointer-events:none;background:#000;height:100%;position:absolute;inset:0}.frame-scan-overlay{text-align:center;color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;place-content:center;gap:4px;display:grid;position:absolute;inset:0}.frame-scan-overlay span{opacity:.72;font-size:13px}.frame-mode-switch{background:var(--bg-input);border-radius:12px;gap:4px;margin-top:10px;padding:4px;display:flex}.frame-mode-switch button{min-height:38px;color:var(--text-dim);border-radius:9px;flex:1;font-size:13px;font-weight:600}.frame-mode-switch button[aria-pressed=true]{color:#fff;background:var(--accent)}.frame-transport{align-items:center;gap:10px;margin-top:8px;display:flex}.frame-transport input[type=range]{flex:1;min-width:0}.frame-counter{text-align:right;min-width:68px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.frame-metadata{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 14px;margin-top:2px;font-size:11px;display:flex}.frame-metadata strong{color:var(--text-dim);font-weight:650}.frame-actions-panel{border-bottom:1px solid var(--line);background:var(--bg-raised);padding:12px 14px}.frame-action-row{gap:8px;display:flex}.frame-action-row>button{min-height:44px}.frame-action-row .ghost-btn{flex:none;padding-inline:14px}.frame-export-row{margin-top:8px}.frame-export-video,.frame-import-ai{flex:1;min-width:0}.frame-notice,.frame-error{border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.frame-notice{color:var(--text-dim);background:var(--bg-input)}.frame-error{color:var(--danger);background:#ff5f571f;border:1px solid #ff5f5747}.frame-browser{padding:14px}.frame-browser-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.frame-browser-head h2{margin:0;font-size:17px}.frame-browser-head p{color:var(--text-faint);margin:3px 0 0;font-size:11px;line-height:1.4}.frame-browser-head>strong{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frame-card{border:1.5px solid var(--line);background:var(--bg-raised);border-radius:11px;min-width:0;overflow:hidden}.frame-card.selected{border-color:var(--accent)}.frame-thumb-button{aspect-ratio:1;background:#000;width:100%;display:block;position:relative;overflow:hidden}.frame-thumb-button img{object-fit:cover;width:100%;height:100%;transition:opacity .14s;display:block}.frame-card.has-ai .frame-thumb-button img{opacity:.38}.frame-number,.frame-ai-badge{color:#fff;background:#000000ad;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1.3;position:absolute;top:5px}.frame-number{left:5px}.frame-ai-badge{right:5px}.frame-download{border-top:1px solid var(--line);width:100%;min-height:36px;color:var(--text-dim);font-size:11px;font-weight:650}.frame-download:active{background:var(--bg-input)}.frame-download:disabled{opacity:.55}@media (min-width:520px){.frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.frame-saved-projects{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.frame-saved-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.frame-saved-head h3{margin:0;font-size:14px;font-weight:650}.frame-saved-head span,.frame-saved-empty{color:var(--text-faint);font-size:11px}.frame-saved-empty{margin:0;padding:12px 0 2px}.frame-saved-row{align-items:stretch;gap:6px;margin-bottom:7px;display:flex}.frame-saved-open{background:var(--bg-raised);border:1px solid var(--line);text-align:left;border-radius:11px;flex:1;min-width:0;padding:11px 12px}.frame-saved-open:active{background:var(--bg-input)}.frame-saved-open:disabled{opacity:.55}.frame-saved-name,.frame-saved-meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.frame-saved-name{font-size:13px;font-weight:650}.frame-saved-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px}.frame-saved-delete{background:var(--bg-input);width:42px;min-height:42px;color:var(--text-faint);border-radius:11px;font-size:18px}.frame-saved-delete:active{color:var(--danger);background:#ff5f571f}.frame-save-project{flex:1!important}.frame-ai-action-row{margin-top:8px}.frame-selected-ai{flex:1;min-width:0;min-height:44px;font-size:13px}.frame-bulk-ai{flex:none!important}.frame-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.frame-card-actions .frame-download,.frame-card-actions .frame-add-ai{width:100%;min-width:0;min-height:38px;color:var(--text-dim);padding:5px 3px;font-size:10px;font-weight:650}.frame-card-actions .frame-download{border-top:0;border-right:1px solid var(--line)}.frame-card-actions .frame-add-ai{color:var(--text)}.frame-card-actions button:active{background:var(--bg-input)}: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}.mode-select{gap:12px}.hero-mark{color:#fff;background:linear-gradient(135deg,#633be6,#ff5c8a);border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-size:25px;display:grid;box-shadow:0 12px 32px #b64cf03d}.mode-card{border:1px solid var(--line);text-align:left;background:var(--bg-raised);border-radius:20px;align-items:center;gap:15px;width:100%;min-height:112px;padding:18px;display:flex;position:relative;overflow:hidden}.mode-card:after{content:"";background:var(--accent-soft);pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;top:-75px;right:-65px}.mode-card:active{background:var(--bg-input);transform:scale(.985)}.mode-card-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:16px;flex:none;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.mode-card.gif .mode-card-icon{background:linear-gradient(135deg,#3478f6,#6e5cff)}.mode-card-title{letter-spacing:-.02em;font-size:19px;font-weight:700;display:block}.mode-card-sub{color:var(--text-dim);margin-top:4px;font-size:13px;display:block}.mode-arrow{z-index:1;color:var(--text-dim);font-size:30px;position:relative}.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;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;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.censor-viewport{border-radius:6px;overflow:hidden}.brush-draw-layer{z-index:5;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.brush-draw-layer svg{pointer-events:none;display:block}.brush-selection-outline{pointer-events:none;z-index:4;position:absolute;inset:0}.stage-content{width:100%;height:100%;position:absolute;inset:0}.preview-zoom-controls{z-index:6;color:#fff;opacity:0;pointer-events:none;background:#0a0a10cc;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:2px;padding:3px;transition:opacity .22s;display:flex;position:absolute;bottom:8px;right:8px}.preview-zoom-controls.is-visible{opacity:1;pointer-events:auto}.preview-zoom-controls:has(button:focus-visible){opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.preview-zoom-controls{transition:none}}.preview-zoom-controls button{color:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:999px;min-width:30px;height:30px;font-size:19px}.preview-zoom-controls button:disabled{opacity:.3}.preview-zoom-controls button:not(:disabled):active{background:#ffffff29}.preview-zoom-controls .preview-zoom-level{font-variant-numeric:tabular-nums;min-width:51px;font-size:12px}.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}.alignment-guide{z-index:5;pointer-events:none;background:#46d9ff;animation:.7s ease-out forwards guide-pop;position:absolute;box-shadow:0 0 6px #46d9ffe6}.alignment-guide.vertical{width:1px;top:0;bottom:0;left:50%}.alignment-guide.horizontal{height:1px;top:50%;left:0;right:0}@keyframes guide-pop{0%,60%{opacity:.95}to{opacity:0}}.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}.blur-type-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;min-height:44px;color:var(--text);padding:0 12px}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}.size-axis-label{color:var(--text-dim);margin:2px 0 4px;font-size:11px;font-weight:600}.stepper-row+.size-axis-label{margin-top:9px}.quality-scale{color:var(--text-faint);justify-content:space-between;margin-top:-2px;font-size:11px;display:flex}.photo-quality-readout{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.photo-quality-readout>div{border-radius:var(--radius-sm);background:var(--bg-input);padding:12px}.photo-quality-readout span{color:var(--text-faint);font-size:11px;display:block}.photo-quality-readout strong{margin-top:4px;font-size:14px;display:block}.photo-tools{height:34vh}.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}}