:root{--font-display:"Chakra Petch", "Noto Sans TC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;--font-body:"IBM Plex Sans", "Noto Sans TC", "Noto Sans JP", "Microsoft JhengHei", "Yu Gothic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:6px;--radius-lg:10px;--wobble-sm:6px;--wobble-lg:10px}:root[data-theme=light]{--bg:#f2f5fb;--bg-raised:#fcfdff;--bg-sunken:#e5eaf4;--panel:#1c2e640a;--line:#1c2e6421;--line-strong:#1c2e6447;--ink:#111729;--ink-dim:#4d5872;--ink-faint:#8a94ae;--mark-bg:#111729;--accent:#4f46e5;--accent-soft:#4f46e51a;--accent-ink:#fff;--paint-red:#db2777;--paint-blue:#0284c7;--paint-yellow:#d97706;--paint-green:#15803d;--paint-violet:#7c3aed;--weave:#1c2e640d;--danger:#dc2626;--warn:#b45309;--ok:#15803d;--shadow:0 1px 2px #1117290f, 0 10px 30px #1117291a;--glow:0 0 0 1px #4f46e540, 0 0 18px #4f46e538;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a0e1c;--bg-raised:#161d33;--bg-sunken:#04060f;--panel:#82a5ff0f;--line:#91afff2b;--line-strong:#a5beff57;--ink:#e8edff;--ink-dim:#a6b2d8;--ink-faint:#67729b;--mark-bg:#e8edff;--accent:#38dfff;--accent-soft:#38dfff21;--accent-ink:#041220;--paint-red:#ff5c8a;--paint-blue:#4db8ff;--paint-yellow:#ffc23e;--paint-green:#3ce08c;--paint-violet:#a78bfa;--weave:#82a5ff0f;--danger:#ff6b6b;--warn:#ffb454;--ok:#3ce08c;--shadow:0 1px 2px #00000080, 0 14px 36px #00000073;--glow:0 0 0 1px #38dfff4d, 0 0 20px #38dfff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior-x:none;margin:0;padding:0;overflow-x:clip}body{background-color:var(--bg);background-image:linear-gradient(var(--weave) 1px, transparent 1px), linear-gradient(90deg, var(--weave) 1px, transparent 1px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:28px 28px;font-size:15px;line-height:1.6;transition:background .3s,color .3s}body:after{content:"";pointer-events:none;z-index:999;opacity:.035;color:var(--ink);background-image:repeating-linear-gradient(0deg,currentColor 0 1px,#0000 1px 3px);position:fixed;inset:0}:root[data-theme=dark] body:after{opacity:.05}select,select option,select optgroup{background-color:var(--bg-raised);color:var(--ink)}.app{z-index:1;max-width:1060px;margin:0 auto;padding:0 24px;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark svg{width:30px;height:30px;display:block}.brand-name{font-family:var(--font-display);letter-spacing:.01em;font-size:22px;font-style:italic;font-weight:400}.topbar-actions{align-items:center;gap:10px;display:flex}.lang-switch{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);padding:2px;display:flex}.lang-switch button{color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .18s}.lang-switch button.active{background:var(--ink);color:var(--bg)}.theme-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);width:36px;height:36px;color:var(--ink-dim);cursor:pointer;place-items:center;transition:all .18s;display:grid}.theme-toggle:hover:not(.active){color:var(--ink);border-color:var(--ink)}.theme-toggle.active:hover{color:var(--bg)}.theme-toggle.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.hero{text-align:center;padding:54px 0 44px;transition:padding .5s;position:relative;overflow:hidden}.hero-fold{grid-template-rows:1fr;transition:grid-template-rows .5s;display:grid}.hero-fold-inner{opacity:1;min-height:0;transition:opacity .35s,transform .5s;overflow:hidden;transform:none}.hero-compact{padding:24px 0 22px}.hero-compact .hero-fold{grid-template-rows:0fr}.hero-compact .hero-fold-inner{opacity:0;transform:translateY(-8px)}.hero-compact .feat-row{margin-top:0}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--accent) 34%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 34%, transparent) 1px, transparent 1px);transform-origin:50% 100%;opacity:.5;background-size:46px 46px;height:62%;animation:3s linear infinite gridFlow;position:absolute;bottom:-10px;left:-24px;right:-24px;transform:perspective(380px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 8%,#000 70%);mask-image:linear-gradient(#0000 8%,#000 70%)}@keyframes gridFlow{to{background-position:0 46px,0 0}}.hero:after{content:"";pointer-events:none;background-image:radial-gradient(closest-side, var(--paint-blue), transparent 70%), radial-gradient(closest-side, var(--paint-red), transparent 70%), radial-gradient(closest-side, var(--paint-violet), transparent 72%);filter:blur(34px);opacity:.16;background-position:4% 14%,96% 22%,55% -12%;background-repeat:no-repeat;background-size:340px 240px,280px 220px,240px 200px;animation:14s ease-in-out infinite alternate orbDrift;position:absolute;inset:-30px -24px}:root[data-theme=dark] .hero:after{opacity:.26}@keyframes orbDrift{0%{background-position:4% 14%,96% 22%,55% -12%}to{background-position:12% 30%,86% 44%,42% 4%}}.hero>:not(.hero-backdrop){z-index:1;position:relative}.hero-tagline{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:500;animation:.6s backwards rise}.hero-tagline:before{content:"> ";opacity:.6}.hero-tagline:after{content:"▌";margin-left:2px;animation:1.1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-title{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 8px;font-size:clamp(36px,5.6vw,54px);font-weight:600;line-height:1.08;animation:.6s 60ms backwards rise}.hero-accent{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent);display:inline-block;position:relative}.hero-accent:before,.hero-accent:after{content:attr(data-text);pointer-events:none;opacity:0;position:absolute;inset:0}.hero-accent:before{color:var(--paint-blue);animation:4s step-end infinite glitchA}.hero-accent:after{color:var(--paint-red);animation:4s step-end infinite glitchB}@keyframes glitchA{0%,88%,to{opacity:0;clip-path:none;transform:none}89%{opacity:.85;clip-path:inset(8% 0 55%);transform:translate(-3px,1px)}92%{opacity:.85;clip-path:inset(55% 0 12%);transform:translate(3px,-1px)}95%{opacity:0;transform:none}}@keyframes glitchB{0%,88%,to{opacity:0;clip-path:none;transform:none}90%{opacity:.85;clip-path:inset(48% 0 22%);transform:translate(3px,-1px)}93%{opacity:.85;clip-path:inset(12% 0 62%);transform:translate(-3px,2px)}95%{opacity:0;transform:none}}.hero-stage{justify-content:center;align-items:center;max-width:540px;margin:36px auto 0;animation:.6s .14s backwards rise;display:flex}.format-card{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--bg-raised);width:128px;height:122px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:border-color .25s,transform .25s;display:flex}.format-card:hover{border-color:var(--ink);transform:translateY(-2px)}.format-card.to{border-color:var(--accent)}.format-icon{width:32px;height:32px;color:var(--ink-faint)}.format-card.to .format-icon{color:var(--accent)}.stage-link{flex:1;align-items:center;max-width:180px;display:flex;position:relative}.stage-line{background-image:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 13px);flex:1;height:1px;animation:1.4s linear infinite convey}@keyframes convey{to{background-position:13px 0}}.stage-orb{border:1px solid var(--line-strong);background:var(--bg-raised);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%;place-items:center;margin:0 6px;display:grid}.orb-icon{width:18px;height:18px;color:var(--ink);animation:12s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-to{font-family:var(--font-mono);letter-spacing:.32em;color:var(--ink-faint);font-size:10px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.fsel{align-items:center;animation:.5s both fadeSwap;display:inline-flex;position:relative}@keyframes fadeSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fsel:after{content:"";border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:5px;transform:translateY(-70%)rotate(45deg)}.fsel select{appearance:none;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink);cursor:pointer;text-align:center;text-align-last:center;background:0 0;border:none;width:96px;padding:2px 16px 2px 4px;font-size:16px;font-weight:600}.fsel select:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:4px}.fsel.accent select{color:var(--accent)}.fsel.accent:after{border-color:var(--accent)}.hero-cta{margin-top:30px}.btn{font-family:var(--font-body);letter-spacing:.01em;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff59,#0000);width:50%;transition:left .45s;position:absolute;top:0;bottom:0;left:-75%;transform:skew(-20deg)}.btn:hover:not(:disabled):after{left:125%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--paint-violet));color:var(--accent-ink);border-color:#0000}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg, var(--accent), var(--paint-violet));color:var(--accent-ink);box-shadow:var(--glow);border-color:#0000;transform:translateY(-1px)}.btn-sub{font-family:var(--font-mono);opacity:.75;font-size:11px;font-weight:400}.btn-ghost{border-color:var(--line-strong);color:var(--ink-dim);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.btn-lg{padding:12px 32px;font-size:14.5px}.workbench{padding:26px 0 54px}.dropzone{border:1px solid var(--line-strong);background:var(--bg-raised);--dz-b:2px;--dz-l:22px;background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-size:var(--dz-l) var(--dz-b), var(--dz-b) var(--dz-l), var(--dz-l) var(--dz-b), var(--dz-b) var(--dz-l), var(--dz-l) var(--dz-b), var(--dz-b) var(--dz-l), var(--dz-l) var(--dz-b), var(--dz-b) var(--dz-l);text-align:center;cursor:pointer;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;border-radius:4px;padding:42px 24px;transition:border-color .2s,background-color .2s,box-shadow .2s;position:relative}.dropzone:hover,.dropzone.over{border-color:var(--accent);background-color:var(--bg-sunken);box-shadow:var(--glow)}.dz-glyph{border:1.5px solid var(--line-strong);width:48px;height:48px;color:var(--accent);background:var(--bg);border-radius:50%;place-items:center;margin:0 auto 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.dz-glyph svg{width:22px;height:22px}.dropzone:hover .dz-glyph,.dropzone.over .dz-glyph{border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px)}.dz-title{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 3px;font-size:20px;font-weight:600}.dropzone.dz-compact{text-align:left;align-items:center;gap:12px;padding:11px 18px;display:flex}.dz-compact .dz-glyph{flex-shrink:0;width:32px;height:32px;margin:0}.dz-compact .dz-glyph svg{width:15px;height:15px}.dz-compact .dz-title{margin:0;font-size:15px}.dz-compact .dz-kbd{margin:0 0 0 auto}.dz-hint{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:12px}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-dim);border-left-width:4px;align-items:center;gap:11px;margin-top:16px;padding:12px 16px;font-size:13.5px;animation:.35s backwards rise;display:flex}.banner.danger{border-left-color:var(--danger);color:var(--danger)}.banner.warn{border-left-color:var(--warn);color:var(--warn)}.banner.info{border-left-color:var(--accent);color:var(--ink-dim)}.banner.note{border-left-color:var(--line-strong)}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spinFast}@keyframes spinFast{to{transform:rotate(360deg)}}.batch-bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px;padding:13px 16px;animation:.35s backwards rise;display:flex}.bb-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bb-count{font-family:var(--font-mono);color:var(--ink-dim);font-size:12.5px}.bb-progress-wrap{align-items:center;gap:10px;display:flex}.bb-progress{background:var(--bg-sunken);border-radius:999px;width:120px;height:6px;display:inline-block;overflow:hidden}.bb-bar{background:linear-gradient(90deg, var(--paint-blue), var(--accent), var(--paint-red));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;transition:width .4s;display:block;position:relative;overflow:hidden}.bb-bar:after,.fc-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:46px;animation:1.5s linear infinite barSheen;position:absolute;top:0;bottom:0;left:-46px}@keyframes barSheen{to{transform:translate(100vw)}}.bb-done{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.bb-actions{flex-wrap:wrap;gap:10px;display:flex}.file-list{flex-direction:column;gap:10px;display:flex}.file-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);padding:16px 18px;transition:border-color .22s;animation:.35s backwards rise}.file-card.status-converting{border-color:var(--accent)}.file-card.status-done{border-color:var(--ok)}.file-card.status-error{border-color:var(--danger)}.fc-main{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.fc-icon{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);width:42px;height:42px;color:var(--ink);flex-shrink:0;place-items:center;display:grid}.fc-icon svg{width:20px;height:20px}.fc-thumb{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-sunken);flex-shrink:0;width:64px;height:46px;overflow:hidden}.fc-thumb img{object-fit:cover;width:100%;height:100%;display:block}.fc-meta{flex:1;min-width:180px;overflow:hidden}.fc-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:600;overflow:hidden}.fc-info{align-items:center;gap:12px;margin:3px 0 0;display:flex}.fc-kind{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line-strong);border-radius:4px;padding:1px 7px;font-size:10px;font-weight:500}.fc-size{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.fc-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fc-target{color:var(--ink-faint);align-items:center;gap:8px;font-size:12.5px;display:flex}.fc-chips{display:none}.fc-target select{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;padding:7px 10px;font-size:12.5px;font-weight:600;transition:border-color .18s}.fc-target select:hover{border-color:var(--ink)}.fc-remove{padding:9px 11px}.fc-detail-btn.active{border-color:var(--ink);color:var(--ink);background:var(--panel)}.fc-details{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 22px;margin:13px 0 0;padding:13px 15px;animation:.28s backwards rise;display:grid}.fc-detail-row{align-items:baseline;gap:10px;font-size:13px;display:flex}.fc-detail-row dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0;min-width:66px;font-size:10.5px}.fc-detail-row dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.fc-detail-row a{color:var(--accent);text-decoration:none}.fc-detail-row a:hover{text-decoration:underline}.fc-quality{color:var(--ink-faint);align-items:center;gap:12px;margin-top:13px;font-size:12.5px;display:flex}.fc-quality input[type=range]{max-width:260px;accent-color:var(--accent);flex:1}.fc-quality-val{font-family:var(--font-mono);min-width:38px;font-size:12px}.fc-progress{background:var(--bg-sunken);border-radius:999px;height:6px;margin-top:13px;overflow:hidden}.fc-bar{background:linear-gradient(90deg, var(--paint-blue), var(--accent), var(--paint-red));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;transition:width .3s;position:relative;overflow:hidden}.fc-progress-row{align-items:center;gap:12px;margin-top:13px;display:flex}.fc-progress-row .fc-progress{flex:1;margin-top:0}.fc-pct{font-family:var(--font-mono);color:var(--ink-dim);text-align:right;min-width:40px;font-size:12px}.engine-banner{align-items:flex-start}.engine-dl{flex-direction:column;flex:1;gap:8px;display:flex}.engine-progress{margin-top:0}.fc-error{color:var(--danger);margin:10px 0 0;font-size:13px}.fc-warn{color:var(--warn);gap:7px;margin:10px 0 0;font-size:12.5px;display:flex}.fc-warn:before{content:"△"}.fc-warn.danger{color:var(--danger)}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f0b0866;animation:.22s both fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--bg-raised);border-left:1px solid var(--line);width:min(380px,92vw);box-shadow:var(--shadow);z-index:101;padding:22px 24px;animation:.3s cubic-bezier(.2,.8,.3,1) backwards slideIn;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}.drawer-bottom-close{width:100%;margin-top:18px}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.drawer-head h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400}.drawer .settings-panel{background:0 0;border:none;margin:0;padding:0;animation:none}.drawer .sp-grid{grid-template-columns:1fr;gap:22px}.settings-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);margin-bottom:16px;padding:20px 22px}.sp-section+.sp-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.sp-sec-title{font-family:var(--font-display);margin:0 0 12px;font-size:17px;font-weight:400}.sp-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px 26px;display:grid}.sp-check,.sp-field.sp-check{cursor:pointer;flex-direction:row;align-items:center;gap:10px}.sp-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.sp-field{flex-direction:column;gap:7px;font-size:13px;display:flex}.sp-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:500;display:flex}.sp-val{font-family:var(--font-mono);color:var(--accent);text-transform:none;letter-spacing:0;font-size:12px}.sp-hint{color:var(--ink-faint);font-size:12px;line-height:1.55}.sp-field select{font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;padding:8px 10px;font-size:13px;font-weight:600;transition:border-color .18s}.sp-field select:hover{border-color:var(--ink)}.sp-field input[type=range]{accent-color:var(--accent)}.matrix{border-top:1px solid var(--line);padding:34px 0 56px}.matrix-title{font-family:var(--font-display);text-align:center;margin:0 0 24px;font-size:26px;font-weight:400;position:relative}.matrix-title:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:120px;height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);margin:12px auto 0;display:block}.matrix-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.mx-card{border:1px solid var(--line);border-top:4px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-raised);padding:20px 22px;transition:border-color .22s,transform .22s}.mx-card:hover{transform:translateY(-2px)}.mx-image{border-top-color:var(--paint-green)}.mx-audio{border-top-color:var(--paint-blue)}.mx-video{border-top-color:var(--paint-red)}.mx-image:hover{border-color:var(--paint-green);box-shadow:0 0 18px color-mix(in srgb, var(--paint-green) 22%, transparent)}.mx-audio:hover{border-color:var(--paint-blue);box-shadow:0 0 18px color-mix(in srgb, var(--paint-blue) 22%, transparent)}.mx-video:hover{border-color:var(--paint-red);box-shadow:0 0 18px color-mix(in srgb, var(--paint-red) 22%, transparent)}.mx-image .mx-icon{color:var(--paint-green);border-color:var(--paint-green)}.mx-audio .mx-icon{color:var(--paint-blue);border-color:var(--paint-blue)}.mx-video .mx-icon{color:var(--paint-red);border-color:var(--paint-red)}.mx-pdf{border-top-color:var(--paint-violet)}.mx-pdf:hover{border-color:var(--paint-violet);box-shadow:0 0 18px color-mix(in srgb, var(--paint-violet) 22%, transparent)}.mx-pdf .mx-icon{color:var(--paint-violet);border-color:var(--paint-violet)}.file-card.kind-pdf .fc-icon{color:var(--paint-violet)}.mx-doc{border-top-color:var(--accent)}.mx-doc:hover{border-color:var(--accent);box-shadow:var(--glow)}.mx-doc .mx-icon{color:var(--accent);border-color:var(--accent)}.file-card.kind-doc .fc-icon{color:var(--accent)}.mx-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;display:flex}.mx-icon{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);width:36px;height:36px;color:var(--ink);place-items:center;display:grid}.mx-icon svg{width:18px;height:18px}.mx-kind{font-family:var(--font-display);font-size:19px;font-weight:400}.mx-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 7px;font-size:10px}.mx-chips{flex-wrap:wrap;gap:5px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line-strong);color:var(--ink-dim);background:0 0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.chip.out{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.mx-arrow{color:var(--ink-faint);margin:10px 0;font-size:13px}.feat-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.feat{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-dim);border:1px solid var(--line);border-radius:var(--wobble-sm);background:var(--bg-raised);align-items:center;gap:7px;padding:4px 12px;font-size:11px;display:inline-flex}.feat svg{color:var(--accent)}.feat:first-child{border-color:var(--paint-blue);background:color-mix(in srgb, var(--paint-blue) 7%, var(--bg-raised))}.feat:first-child svg{color:var(--paint-blue)}.feat:nth-child(2){border-color:var(--paint-red);background:color-mix(in srgb, var(--paint-red) 7%, var(--bg-raised))}.feat:nth-child(2) svg{color:var(--paint-red)}.feat:nth-child(3){border-color:var(--paint-green);background:color-mix(in srgb, var(--paint-green) 7%, var(--bg-raised))}.feat:nth-child(3) svg{color:var(--paint-green)}.feat:nth-child(4){border-color:var(--paint-violet);background:color-mix(in srgb, var(--paint-violet) 7%, var(--bg-raised))}.feat:nth-child(4) svg{color:var(--paint-violet)}.feat:nth-child(5){border-color:var(--paint-yellow);background:color-mix(in srgb, var(--paint-yellow) 7%, var(--bg-raised))}.feat:nth-child(5) svg{color:var(--paint-yellow)}.feat:nth-child(6){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg-raised))}.feat:nth-child(6) svg{color:var(--accent)}.mx-edit{font-family:var(--font-mono);color:var(--ink-faint);border-top:1px dashed var(--line);margin:13px 0 0;padding-top:11px;font-size:11px}.fc-edited{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 7px;font-size:10.5px}.btn-sm{padding:6px 12px;font-size:12.5px}.editor-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:110;background:#0f0b0880;place-items:center;padding:20px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}.editor{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(760px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);padding:18px 22px;animation:.28s cubic-bezier(.2,.8,.3,1) backwards rise;overflow-y:auto}.editor-wide{width:min(980px,100%)}.ed-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.ed-title{font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ed-preview{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);place-items:center;margin-bottom:16px;padding:12px;display:grid}.media-preview.mp-video{grid-template-rows:100%;height:42vh;overflow:hidden}.media-preview.mp-audio{height:84px}.ed-preview video{object-fit:contain;border-radius:4px;max-width:100%;height:100%}.ed-preview audio{width:100%}.track-sec{border-top:1px dashed var(--line);padding-top:13px}.track-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:10px;font-weight:500}.replace-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.replace-row .btn{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:inline-block;overflow:hidden}.gif-preview canvas{max-width:100%;max-height:var(--gif-ph,40vh);image-rendering:auto;border-radius:4px}.ed-controls{flex-direction:column;gap:16px;display:flex}.ed-row{flex-direction:column;gap:8px;display:flex}.ed-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:14px 22px;display:grid}.ed-mark-btns{flex-wrap:wrap;gap:8px;display:flex}.ed-seg{border:1px solid var(--line-strong);border-radius:var(--radius);width:fit-content;display:flex;overflow:hidden}.ed-seg button{color:var(--ink-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:12px;transition:all .15s}.ed-seg button+button{border-left:1px solid var(--line)}.ed-seg button.active{background:var(--ink);color:var(--bg)}.ed-input{font-family:var(--font-body);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:8px 11px;font-size:14px}.ed-input:focus-visible{outline:1.5px solid var(--ink);outline-offset:1px}.ed-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.ed-foot-main{gap:10px;margin-left:auto;display:flex}.ed-hint{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.dual{width:100%}.dual-track{cursor:pointer;touch-action:none;height:26px;position:relative}.dual-track:before{content:"";background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dual-fill{background:linear-gradient(90deg, var(--paint-blue), var(--accent), var(--paint-red));height:4px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.dual-handle{background:var(--bg-raised);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:16px;height:16px;transition:border-color .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.dual-handle:hover{border-color:var(--accent)}.dual-labels{font-family:var(--font-mono);color:var(--ink-faint);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.ed-toolbar{scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:2px;display:flex;overflow-x:auto}.ed-toolbar>*{flex-shrink:0}.ed-toolbar{touch-action:pan-x pan-y}.ed-options{touch-action:pan-x;scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);flex-wrap:nowrap;align-items:center;gap:8px;min-height:50px;margin-bottom:12px;padding:6px 12px;display:flex;overflow-x:auto}.ed-options>*{flex-shrink:0}.opt-tool{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border-right:1px solid var(--line);min-width:54px;margin-right:2px;padding-right:10px;font-size:10px;font-weight:500}.opt-spacer{flex:auto;min-width:8px}kbd{font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:10.5px;line-height:1.7}.kbd-hints{font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}.kbd-hints>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.dz-kbd{font-family:var(--font-mono);color:var(--ink-faint);justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:11.5px;display:flex}.tool-btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);width:34px;height:34px;color:var(--ink-dim);cursor:pointer;place-items:center;transition:all .15s;display:grid}.tool-btn svg{width:17px;height:17px}.tool-btn:hover:not(:disabled):not(.active){color:var(--ink);border-color:var(--ink)}.tool-btn.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tool-btn.active:hover{color:var(--bg)}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.tool-btn.wand-global{width:auto;font-family:var(--font-mono);letter-spacing:.04em;padding:0 10px;font-size:11px}.tb-sep{background:var(--line-strong);width:1px;height:22px;margin:0 4px}.tb-color{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);cursor:pointer;width:32px;height:32px;padding:2px}.swatches{flex-shrink:0;grid-template-columns:repeat(5,14px);grid-auto-rows:14px;gap:3px;display:grid}.swatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:3px;width:14px;height:14px;padding:0;transition:transform .12s,box-shadow .12s}.swatch:hover{transform:scale(1.18)}.swatch.active{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--accent)}.lp-locked{margin:0 0 8px;padding:14px 10px}.lp-colour{border-bottom:1px solid var(--line);flex-direction:column;gap:7px;margin-bottom:10px;padding-bottom:10px;display:flex}.cp{flex-direction:column;gap:7px;display:flex}.cp-sv{border-radius:var(--radius);border:1px solid var(--line-strong);cursor:crosshair;touch-action:none;height:104px;position:relative}.cp-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #0000008c}.cp-hue{border:1px solid var(--line-strong);cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:14px;position:relative}.cp-hue-dot{background:var(--bg-raised);pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 1px #0000008c}.cp-foot{align-items:center;gap:7px;display:flex}.cp-preview{border-radius:var(--radius);border:1px solid var(--line-strong);flex-shrink:0;width:26px;height:26px}.cp-hex{min-width:0;font-family:var(--font-mono);text-transform:uppercase;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);flex:1;padding:5px 8px;font-size:12px}.cp-hex:focus{outline:1.5px solid var(--accent);outline-offset:1px}.tb-slider input[type=range]{width:90px;accent-color:var(--accent)}.ie-stage{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);place-items:center;padding:12px;display:grid;position:relative;overflow:hidden}.ie-canvas,.ie-overlay{border-radius:2px;grid-area:1/1;max-width:100%;max-height:56vh}.ie-overlay{cursor:crosshair;touch-action:none}.ie-textinput{border:1px dashed var(--accent);font-family:var(--font-body);background:0 0;outline:none;min-width:140px;padding:2px 6px;font-weight:600;position:absolute}.ie-layout{grid-template-columns:minmax(0, 1fr) 8px min(var(--ie-panel-w,262px), 42vw);align-items:start;gap:6px;display:grid}@media (width<=720px),(height<=540px),(pointer:coarse) and (width<=920px){.ie-layout{grid-template-columns:minmax(0,1fr);gap:12px}}.ie-gutter,.split-gutter{cursor:col-resize;touch-action:none;border-radius:4px;align-self:stretch;transition:background .15s;position:relative}.ie-gutter:before,.split-gutter:before{content:"";background:var(--line-strong);border-radius:2px;width:2px;height:38px;transition:background .15s,box-shadow .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ie-gutter:hover,.split-gutter:hover{background:var(--panel)}.ie-gutter:hover:before,.ie-gutter:active:before,.split-gutter:hover:before,.split-gutter:active:before{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 50%, transparent)}.split-gutter.h{cursor:row-resize;flex-shrink:0;height:8px}.split-gutter.h:before{width:38px;height:2px}@media (width<=720px),(height<=540px),(pointer:coarse) and (width<=920px){.ie-gutter{display:none}}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.split-gutter{display:none}}.ie-vpwrap{min-width:0;min-height:0;display:flex;position:relative}.ie-vpwrap .ie-viewport{flex:1;min-width:0}.lp-fab{z-index:6;border:1px solid var(--line-strong);background:var(--bg-raised);width:42px;height:42px;color:var(--ink-dim);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;display:none;position:absolute;top:12px;right:12px}.lp-fab.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.lp-scrim{display:none}.zoom-float{font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line-strong);pointer-events:none;z-index:5;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:12px}.ie-viewport{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);max-height:54vh;padding:14px;overflow:auto}.ie-inner{margin:0 auto;position:relative}.ie-canvas2{touch-action:none;box-shadow:var(--shadow);background:repeating-conic-gradient(var(--bg-sunken) 0% 25%, var(--bg-raised) 0% 50%) 0 0 / 16px 16px;border-radius:2px;display:block}.zoom-ctrl{align-items:center;gap:4px;display:flex}.zoom-ctrl .tool-btn{width:28px;height:28px;font-family:var(--font-mono);font-size:14px}.zoom-val{font-family:var(--font-mono);color:var(--ink-dim);text-align:center;min-width:42px;font-size:11px}.layers-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);min-width:0;max-height:54vh;padding:10px 12px;overflow-y:auto}.layer-item{border-bottom:1px solid var(--line);cursor:pointer;border-radius:4px;align-items:center;gap:7px;padding:6px 4px;font-size:12.5px;display:flex}.layer-item:last-child{border-bottom:none}.layer-item.active{background:var(--accent-soft);outline:1px solid var(--accent)}.layer-eye{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.layer-swatch{border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:10px;height:10px}.layer-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);flex:1;overflow:hidden}.layer-btns{gap:2px;display:flex}.layer-btns button{color:var(--ink-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 4px;font-size:12px}.layer-btns button:hover{color:var(--ink);background:var(--panel)}.lp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.lp-ops{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.lp-ops button{border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--ink-dim);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:10.5px;transition:all .15s;display:flex}.lp-ops button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.lp-ops button:disabled{opacity:.35;cursor:not-allowed}.lp-hist{margin-bottom:10px}.lp-hist-head{border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:inherit;background:0 0;align-items:center;gap:6px;padding:4px 0 8px;display:flex}.lp-hist-count{font-family:var(--font-mono);color:var(--ink-faint);margin-left:auto;font-size:11px}.lp-hist-chev{color:var(--ink-faint);font-size:11px;transition:transform .15s}.lp-hist-chev.open{transform:rotate(180deg)}.lp-hist-empty{padding:8px 0 0}.lp-hist-list{flex-direction:column;gap:4px;max-height:180px;padding-top:8px;display:flex;overflow-y:auto}.hist-item{border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-dim);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;transition:all .15s;display:flex}.hist-item:hover:not(.current){border-color:var(--accent);color:var(--ink);box-shadow:var(--glow)}.hist-item.current{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);cursor:default}.hist-item.hist-future{opacity:.72;border-style:dashed}.hist-item.hist-future:hover{opacity:1}.hist-n{font-family:var(--font-mono);color:var(--ink-faint);text-align:right;flex:none;min-width:16px;font-size:11px}.hist-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hist-now{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:10px}.hist-item img,.hist-noimg{object-fit:contain;background:var(--panel);border-radius:3px;flex:none;width:44px;height:30px}.lp-props{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:7px;margin-bottom:8px;padding:8px 8px 10px;display:flex}.lp-row{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.lp-row>span:first-child{flex-shrink:0;min-width:52px}.lp-row input[type=range]{accent-color:var(--accent);flex:1;min-width:0}.lp-blend{text-transform:none;flex:1;min-width:0;padding:5px 7px;font-size:11px}.lp-mask-btns{gap:3px;margin-left:auto;display:flex}.lp-mask .btn{padding:5px 10px;font-size:11px}.lp-mask-btns button{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:5px;font-size:11px}.lp-mask-btns button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lp-mask .btn{margin-left:auto}.lp-layer{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:6px;transition:border-color .18s;overflow:hidden}.lp-layer.active{border-color:var(--accent)}.lp-layer-head{cursor:pointer;background:var(--bg-raised);align-items:center;gap:7px;min-height:40px;padding:8px 9px;transition:background .15s;display:flex}.lp-layer-head:hover{background:var(--panel)}.lp-title{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lp-title-row{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.lp-disclose{text-align:left;font-family:var(--font-mono);color:var(--ink-faint);cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;font-size:9.5px}.lp-disclose:hover{color:var(--accent)}.lp-thumb{border:1px solid var(--line-strong);background:repeating-conic-gradient(var(--bg-sunken) 0% 25%, var(--bg-raised) 0% 50%) 0 0 / 8px 8px;border-radius:4px;flex-shrink:0;width:36px;max-height:30px;display:block;overflow:hidden}.lp-thumb img{object-fit:contain;width:100%;height:100%;display:block}.lp-layer{cursor:pointer}.layer-bg-row{cursor:default}.layer-bg-row .lp-title-row{color:var(--ink);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.layer-bg-row .layer-off{color:var(--ink-faint);text-decoration:line-through}.lp-actions{opacity:0;flex-shrink:0;gap:1px;transition:opacity .15s;display:flex}.lp-layer-head:hover .lp-actions,.lp-layer.active .lp-actions{opacity:1}.lp-actions button{width:22px;height:22px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:11px;display:grid}.lp-actions button:hover{color:var(--accent);background:var(--bg)}.lp-layer.active .lp-layer-head{background:var(--accent-soft)}.lp-name{min-width:0;font-family:var(--font-mono);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:2px 4px;font-size:11.5px;font-weight:600}.lp-name:hover,.lp-name:focus{border-color:var(--line-strong);outline:none}.lp-badge{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);border-radius:3px;flex-shrink:0;padding:0 3px;font-size:9px;font-weight:700}.lp-badge.lock,.lp-badge.dim{color:var(--ink-faint);border-color:var(--line-strong)}.lp-badge.lock{place-items:center;padding:1px 3px;display:inline-grid}.lp-obj{align-items:center;min-height:32px}.canvas-modal{width:min(440px,94vw)}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.preset{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:8px 9px;transition:all .15s;display:flex}.preset:hover{border-color:var(--ink)}.preset.active{border-color:var(--accent);background:var(--accent-soft)}.preset-name{font-family:var(--font-mono);color:var(--ink);font-size:11px;font-weight:600}.preset-dim{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px}.size-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.size-field{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:6px;font-size:11px;display:flex}.size-field input{width:84px;font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 9px;font-size:13px}.size-field input:focus{outline:1.5px solid var(--accent);outline-offset:1px}.layer-btns button.on{color:var(--accent)}.lp-obj{border-bottom:none;border-top:1px solid var(--line);padding-left:14px;font-size:12px}.lp-empty{margin:0;padding:6px 10px;font-size:11px}.layer-item.layer-bg{border-top:1px dashed var(--line-strong);cursor:default;margin-top:6px;padding-top:9px}.layer-bg-swatch{border:1px solid var(--line-strong);background:var(--bg-raised);cursor:pointer;border-radius:5px;flex-shrink:0;width:18px;height:18px;padding:1px}.layer-name.layer-off{color:var(--ink-faint);text-decoration:line-through}.gif-transport{scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);flex-wrap:nowrap;align-items:center;gap:8px;min-height:50px;margin-bottom:12px;padding:6px 12px;display:flex;overflow-x:auto}.gif-transport>*{flex-shrink:0}.play-btn{background:var(--ink);border-color:var(--ink);color:var(--bg)}.play-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.gif-pos{font-family:var(--font-mono);color:var(--ink-dim);min-width:70px;font-size:12px}.gif-delay{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:7px;font-size:11.5px;display:flex}.gif-delay input[type=number]{width:72px;font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 8px;font-size:12.5px}.strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);gap:6px;margin-bottom:14px;padding:10px;display:flex;overflow-x:auto}.thumb{border:1.5px solid var(--line-strong);background:var(--bg-raised);cursor:pointer;border-radius:5px;flex-shrink:0;padding:0;transition:border-color .15s,opacity .15s;position:relative;overflow:hidden}.thumb img{height:48px;display:block}.thumb span{font-family:var(--font-mono);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:9px;position:absolute;bottom:1px;right:3px}.thumb.active{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent)}.thumb.dim{opacity:.35}.tb-select{font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;padding:7px 8px;font-size:12px;font-weight:600}.tb-select:hover{border-color:var(--ink)}.cap-panel .sp-label{justify-content:space-between;align-items:center;display:flex}.cap-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;display:flex}.cap-text{flex:1;min-width:140px}.num-sm{width:58px;font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 7px;font-size:12.5px}.cap-dash{font-family:var(--font-mono);color:var(--ink-faint)}.cap-row select{font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;padding:6px 7px;font-size:12px}.pdf-editor{flex-direction:column;display:flex}.pdf-editor>:not(.pdf-body){flex-shrink:0}.pdf-tools{flex-wrap:wrap;row-gap:6px}.pdf-tools .btn-sm{align-items:center;gap:6px;display:inline-flex}.pdf-tools .pdf-del:not(:disabled):hover{color:var(--danger);border-color:var(--danger)}.pdf-grid{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--wobble-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;min-height:220px;max-height:64vh;padding:10px;display:grid;overflow-y:auto}.pdf-status{font-family:var(--font-mono);color:var(--ink-faint);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:40px 0;font-size:12px;display:flex}.pdf-status.danger{color:var(--danger)}.pdf-page{border:1px solid var(--line);border-radius:var(--wobble-sm);background:var(--bg-raised);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:8px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.pdf-page:hover{border-color:var(--line-strong)}.pdf-page.sel{border-color:var(--accent);box-shadow:var(--glow)}.pdf-page.dragging{opacity:.45}.pdf-page.over-before:before,.pdf-page.over-after:after{content:"";background:var(--accent);width:3px;box-shadow:var(--glow);border-radius:2px;position:absolute;top:6px;bottom:6px}.pdf-page.over-before:before{left:-8px}.pdf-page.over-after:after{right:-8px}.pdf-thumb{border:1px solid var(--line);background:#fff;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.pdf-thumb img{object-fit:contain;width:100%;height:100%;display:block}.pdf-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:6px;left:6px}.pdf-badge.rot{background:var(--paint-yellow);color:#1a1500;left:auto;right:6px}.pdf-page-foot{align-items:center;gap:6px;display:flex}.pdf-num{text-align:center;font-family:var(--font-mono);color:var(--ink-dim);flex:1;font-size:12px}.pdf-check,.pdf-ins{border:1px solid var(--line-strong);background:var(--bg);width:20px;height:20px;color:var(--ink-dim);cursor:pointer;border-radius:4px;place-items:center;padding:0;display:grid}.pdf-check.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pdf-ins:hover{border-color:var(--accent);color:var(--accent)}.pdf-progress{margin-top:10px}.pdf-badge.deco{background:var(--bg-raised);color:var(--ink);border:1px solid var(--line-strong);inset:6px 6px auto auto}.pdf-lock{margin-right:6px;font-size:13px}.fc-lock.open{opacity:.75}.pdf-body{grid-template-columns:minmax(0,1fr) auto auto;gap:0 12px;min-height:0;transition:gap .28s;display:grid}.pdf-body:not(.with-preview){gap:0}.pdf-gutter{align-self:stretch;width:8px;transition:width .28s}.pdf-body:not(.with-preview) .pdf-gutter{pointer-events:none;visibility:hidden;width:0}.pdf-preview{width:min(var(--pdf-prev-w,400px), 46vw);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--wobble-sm);flex-direction:column;gap:8px;min-width:0;max-height:64vh;padding:10px;transition:width .28s,opacity .22s,padding .28s,visibility linear;display:flex;overflow:hidden}.pdf-body:not(.with-preview) .pdf-preview{opacity:0;pointer-events:none;visibility:hidden;border-width:0;width:0;padding:10px 0;transition:width .28s,opacity .22s,padding .28s,visibility 0s linear .28s}.editor-overlay>.editor.pdf-editor{height:min(920px,100%)}.editor-overlay>.editor.pdf-editor .pdf-body{flex:auto;min-height:0}.editor-overlay>.editor.pdf-editor .pdf-grid,.editor-overlay>.editor.pdf-editor .pdf-preview{height:100%;max-height:none}.pdf-preview-bar{align-items:center;gap:6px;display:flex}.pdf-preview-bar .pdf-num{flex:none;min-width:64px}.pdf-dims{margin-left:auto}.pdf-preview-stage{background:repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in srgb, var(--line) 40%, transparent) 10px 11px);flex:auto;place-items:center;min-height:160px;display:grid;overflow:auto}.pdf-preview-stage.noting{cursor:crosshair}.pdf-preview-page{background:#fff;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;box-shadow:0 4px 24px #00000040}.pdf-preview-page img{object-fit:contain;width:100%;height:100%;animation:.18s pdfPrevIn;display:block}.pdf-preview-page.zoomable{cursor:zoom-in}@keyframes pdfPrevIn{0%{opacity:0}to{opacity:1}}.pdf-zoom{z-index:140;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out;place-items:center;padding:24px;animation:.18s pdfPrevIn;display:grid;position:fixed;inset:0;overflow:auto}.pdf-zoom img{background:#fff;width:auto;max-width:min(1400px,96vw);height:auto;max-height:calc(100vh - 48px);box-shadow:0 10px 50px #00000080}.pdf-zoom-close{position:fixed;top:14px;right:14px}.pdf-note-pin{background:var(--paint-yellow);color:#1a1500;width:22px;height:22px;font:700 11px var(--font-mono);cursor:pointer;border:2px solid #1a1500;border-radius:6px 6px 6px 0;padding:0;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 6px #00000059}.pdf-note-pin.active{outline:2px solid var(--accent);box-shadow:var(--glow)}.pdf-notes{flex-direction:column;gap:6px;max-height:32%;display:flex;overflow-y:auto}.pdf-note-row{border-radius:6px;align-items:flex-start;gap:6px;padding:4px;display:flex}.pdf-note-row.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}.pdf-note-row textarea{resize:vertical;flex:1;min-height:40px;font-size:13px}.pdf-note-idx{background:var(--paint-yellow);color:#1a1500;height:22px;font:700 11px var(--font-mono);border-radius:6px 6px 6px 0;flex:0 0 22px;place-items:center;display:grid}.pdf-wm{border:1px solid var(--line);border-radius:var(--wobble-sm);background:var(--bg-raised);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px 14px;margin-bottom:10px;padding:10px 12px;display:grid}.pdf-wm-field{flex-direction:column;gap:4px;min-width:0;display:flex}.pdf-wm-field input[type=range]{width:100%}.pdf-wm-text{grid-column:span 2}.pdf-wm-color{grid-column:1/-1}.pdf-wm-color .cp{max-width:260px}.pdf-wm-btns{flex-wrap:wrap;gap:6px;display:flex}.pdf-wm-apply{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.pdf-export,.pw-modal{flex-direction:column;gap:10px;display:flex}.pdf-x-row{align-items:center;gap:10px;display:flex}.pdf-x-row .sp-label{flex:0 0 110px}.pdf-x-row .ed-input{flex:1;min-width:0}.pdf-x-pw{border-left:2px solid var(--accent);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.pw-file{font-family:var(--font-mono);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pw-row{gap:6px;display:flex}.pw-input{letter-spacing:.1em;flex:1;min-width:0;font-size:16px}.pw-err{color:var(--danger);margin:0;font-size:13px}.pw-modal.shake{animation:.35s pwShake}@keyframes pwShake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.editor.ie-inline.pdf-editor{flex-direction:column;display:flex}.editor.ie-inline .pdf-body{flex:auto;min-height:0}.editor.ie-inline .pdf-grid,.editor.ie-inline .pdf-preview{height:100%;max-height:none}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.pdf-body,.pdf-body.with-preview{grid-template-columns:minmax(0,1fr);gap:12px}.pdf-gutter{display:none}.pdf-preview{width:auto;max-height:52vh;transition:none}.pdf-body:not(.with-preview) .pdf-preview{display:none}.editor-overlay>.editor.pdf-editor .pdf-grid{height:auto;max-height:64vh}.editor-overlay>.editor.pdf-editor .pdf-preview{height:auto;max-height:52vh}.editor.ie-inline .pdf-grid{height:auto;max-height:40vh}.editor.ie-inline .pdf-preview{height:auto;max-height:46vh}}@media (width<=640px){.pdf-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:none;padding:8px}.editor-overlay>.editor.pdf-editor{height:100dvh}.editor-overlay>.editor.pdf-editor .pdf-body{flex:auto;min-height:0;overflow-y:auto}.editor-overlay>.editor.pdf-editor .pdf-grid{max-height:none}.pdf-editor .kbd-hints{display:none}.pdf-wm-text{grid-column:1/-1}.pdf-x-row{flex-wrap:wrap}.pdf-x-row .sp-label{flex-basis:100%}}@media (pointer:coarse){.pdf-check,.pdf-ins{width:28px;height:28px}}.doc-mdbar{gap:4px;position:relative}.mdb-btn{font-size:13px}.mdb-btn.mdb-wide{width:auto;font-family:var(--font-mono);padding:0 8px;font-size:11px}.md-heading{flex-shrink:0;width:92px}.md-pop{z-index:30;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--wobble-sm);box-shadow:var(--shadow), var(--glow);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.md-grid{grid-template-columns:repeat(8,18px);gap:3px;display:grid}.md-cell{border:1px solid var(--line-strong);background:var(--bg-sunken);cursor:pointer;border-radius:3px;width:18px;height:18px}.md-cell.on{background:var(--accent);border-color:var(--accent)}.md-pop-qr{flex-direction:row;align-items:center;width:min(360px,80vw)}.md-pop-qr .ed-input{min-width:0;font-family:var(--font-mono);flex:1;font-size:12px}.editor.ie-inline.doc-editor{flex-direction:column;display:flex}.editor.ie-inline .doc-body{flex:auto;height:auto;min-height:0}.doc-editor{flex-direction:column;display:flex}.doc-tools .chip{font-family:var(--font-mono);font-size:11px}.doc-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:58vh;min-height:240px;display:grid}.doc-editor.view-source .doc-body,.doc-editor.view-preview .doc-body{grid-template-columns:minmax(0,1fr)}.doc-source{resize:none;border:1px solid var(--line);border-radius:var(--wobble-sm);background:var(--bg-sunken);width:100%;height:100%;color:var(--ink);font:13px/1.55 var(--font-mono);tab-size:2;padding:12px 14px}.doc-source:focus{border-color:var(--accent);box-shadow:var(--glow);outline:none}.doc-preview{border:1px solid var(--line);border-radius:var(--wobble-sm);color:#1c2030;background:#fff;padding:18px 22px;overflow:auto}.doc-prose{font:15px/1.65 var(--font-body);word-break:break-word}.doc-prose h1,.doc-prose h2,.doc-prose h3,.doc-prose h4{font-family:var(--font-display);color:#0d1020;margin:1.2em 0 .5em;line-height:1.25}.doc-prose h1{border-bottom:1px solid #ddd;padding-bottom:.25em;font-size:1.9em}.doc-prose h2{font-size:1.5em}.doc-prose h3{font-size:1.2em}.doc-prose p,.doc-prose ul,.doc-prose ol,.doc-prose table,.doc-prose pre,.doc-prose blockquote{margin:0 0 .9em}.doc-prose ul,.doc-prose ol{padding-left:1.6em}.doc-prose a{color:#3a56d4}.doc-prose code{font-family:var(--font-mono);background:#f0f2f7;border-radius:4px;padding:1px 5px;font-size:.9em}.doc-prose pre{background:#f0f2f7;border-radius:6px;padding:12px 14px;overflow:auto}.doc-prose pre code{background:0 0;padding:0}.doc-prose blockquote{color:#555c70;border-left:3px solid #c9cfe0;padding-left:12px}.doc-prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.doc-prose th,.doc-prose td{text-align:left;border:1px solid #c9cfe0;padding:4px 10px}.doc-prose th{background:#eef1f8}.doc-prose img{max-width:100%;height:auto}.doc-prose hr{border:0;border-top:1px solid #ddd;margin:1.2em 0}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.doc-body{flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.doc-editor.view-source .doc-body,.doc-editor.view-preview .doc-body{grid-template-rows:1fr}}@media (width<=640px){.editor-overlay>.editor.doc-editor{height:100dvh}.doc-tools .ed-hint{display:none}.doc-source{font-size:16px}}.sheet-editor{flex-direction:column;gap:10px;display:flex}.sheet-tools{flex-wrap:wrap;row-gap:6px}.sheet-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sheet-tab{border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-dim);font:500 12px var(--font-mono);cursor:pointer;border-bottom-color:#0000;border-radius:6px 6px 0 0;padding:4px 12px}.sheet-tab.active{background:var(--bg-raised);color:var(--ink);border-color:var(--accent)}.sheet-tab.sheet-add,.sheet-tab.sheet-del{padding:4px 8px}.sheet-tab.sheet-del:hover{color:var(--danger);border-color:var(--danger)}.sheet-rename{width:140px;padding:3px 8px;font-size:12px}.sheet-grid{border:1px solid var(--line);border-radius:0 var(--wobble-sm) var(--wobble-sm);background:var(--bg-raised);min-height:220px;max-height:58vh;position:relative;overflow:auto}.sheet-grid table{border-collapse:separate;border-spacing:0;min-width:100%;font:13px var(--font-mono)}.sheet-grid th,.sheet-grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}.sheet-grid thead th{z-index:2;background:var(--bg-sunken);min-width:96px;height:26px;color:var(--ink-faint);letter-spacing:.06em;cursor:pointer;padding:0 8px;font-size:11px;font-weight:600;position:sticky;top:0}.sheet-grid tbody th{z-index:1;text-align:right;background:var(--bg-sunken);width:44px;min-width:44px;color:var(--ink-faint);cursor:pointer;padding:0 6px;font-size:11px;font-weight:500;position:sticky;left:0}.sheet-grid th.sh-corner{z-index:3;left:0}.sheet-grid th.sel{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-sunken))}.sheet-grid td{background:var(--bg-raised);min-width:96px}.sheet-grid td.sel{outline:2px solid var(--accent);outline-offset:-2px}.sheet-grid tr.sh-header td{background:color-mix(in srgb, var(--accent) 7%, var(--bg-raised))}.sheet-grid tr.sh-header input{font-weight:600}.sheet-grid td input{width:100%;min-width:96px;height:28px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:0 8px}.sheet-grid td input.num{text-align:right;color:var(--paint-blue)}.sheet-grid td input:focus{background:color-mix(in srgb, var(--accent) 10%, var(--bg-raised))}.sheet-more{margin:10px auto;display:block}@media (width<=640px){.editor-overlay>.editor.sheet-editor{height:100dvh}.sheet-grid{flex:auto;min-height:0;max-height:none}.sheet-grid td input{height:34px;font-size:16px}}.qr-tool{flex-direction:column;gap:12px;display:flex}.qr-foot{margin-top:4px}.qr-tool .ed-head{gap:12px}.qr-tabs{margin-left:auto}.qr-make{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.qr-form{flex-direction:column;gap:12px;min-width:0;display:flex}.qr-tpl{flex-wrap:wrap}.qr-field{flex-direction:column;gap:4px;display:flex}.qr-field .ed-input{width:100%}.qr-text{resize:vertical;font-family:var(--font-mono);font-size:13px}.qr-sec{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.qr-sec-title{margin:0}.qr-style{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px 14px;display:grid}.qr-style .qr-sec-title{grid-column:1/-1;align-self:start}.qr-colors{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.qr-colors .cp{max-width:240px}.qr-color-chip{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-sunken);color:var(--ink);font:600 12px var(--font-mono);cursor:pointer;align-items:center;gap:8px;padding:7px 10px;display:flex}.qr-color-chip.open{border-color:var(--accent);box-shadow:var(--glow)}.qr-chip-dot{border:1px solid var(--line-strong);border-radius:4px;flex-shrink:0;width:18px;height:18px}.qr-chip-dot.checker{background:repeating-conic-gradient(#ccd 0 25%, #fff 0 50%) 0 0 / 8px 8px}.qr-chip-hex{text-align:left;flex:1}.qr-chip-caret{color:var(--ink-faint);font-size:10px}.qr-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-sunken);flex-direction:column;align-self:start;align-items:center;gap:10px;padding:14px;display:flex}.qr-canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--wobble-sm);background:#fff;place-items:center;width:100%;display:grid;overflow:hidden}.qr-canvas.checker{background:repeating-conic-gradient(#ccd 0 25%, #fff 0 50%) 0 0 / 20px 20px}.qr-canvas img{width:100%;height:100%;image-rendering:pixelated}.qr-payload{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.qr-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qr-read{flex-direction:column;gap:12px;display:flex}.qr-drop{text-align:center;cursor:pointer;border:1.5px dashed var(--line-strong);border-radius:var(--wobble-lg);background:var(--bg-sunken);min-height:200px;color:var(--ink-dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.qr-drop:hover,.qr-drop.drop-hot{border-color:var(--accent);box-shadow:var(--glow)}.qr-drop p{margin:0}.qr-video{border-radius:var(--wobble-sm);background:#000;width:100%;max-height:50vh}.qr-read-actions{flex-wrap:wrap;gap:8px;display:flex}.qr-result{border:1px solid var(--line);border-radius:var(--wobble-sm);background:var(--bg-raised);flex-direction:column;gap:8px;padding:12px;display:flex}.qr-decoded{font-family:var(--font-mono);resize:vertical;font-size:13px}.qr-kind{align-self:flex-start}.qr-kind-url{border-color:var(--paint-green);color:var(--paint-green)}.fc-qr{cursor:pointer;border-color:var(--paint-green);color:var(--paint-green);font:inherit;background:0 0}.fc-qr:hover{box-shadow:var(--glow)}.dz-note{color:var(--accent);font:500 13px var(--font-body);cursor:pointer;background:0 0;border:0;margin-top:8px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (width<=760px){.qr-make{grid-template-columns:minmax(0,1fr)}.qr-preview{order:-1}.qr-canvas{max-width:260px}}@media (width<=640px){.topbar .qr-btn{display:none}.qr-overlay{z-index:90;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.editor-overlay.qr-overlay>.editor.qr-tool{height:100dvh;padding-top:max(14px, env(safe-area-inset-top));padding-bottom:calc(58px + env(safe-area-inset-bottom));overflow:hidden}.qr-tool .qr-foot{display:none}.qr-make{flex:auto;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.qr-form{overscroll-behavior:contain;min-height:0;padding-bottom:8px;overflow-y:auto}.qr-sec{gap:8px;padding:10px 12px}.qr-style,.qr-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.qr-preview{gap:8px;padding:10px}.qr-canvas{aspect-ratio:1;width:auto;max-width:none;height:14vh;max-height:150px}.qr-tool .qr-actions .btn{min-height:34px;padding:5px 12px;font-size:13px}.qr-payload{display:none}.qr-read{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.qr-foot{flex-shrink:0}}.studio-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);height:36px;color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.studio-toggle:hover{color:var(--ink);border-color:var(--ink)}.studio-toggle.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.app.studio-mode{max-width:none;padding:0 22px}.app.studio-mode .footer{display:none}.studio{flex-direction:column;height:calc(100vh - 96px);padding:14px 0 16px;animation:.4s backwards rise;display:flex}.st-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin-bottom:12px;display:flex}.st-focus-btn,.st-save{display:none}.st-body:has(.st-assets.collapsed){grid-template-columns:max-content 0 1fr}.st-body:has(.st-assets.collapsed) .split-gutter{display:none}.st-assets.collapsed>:not(.st-assets-head){display:none}.st-assets.collapsed .st-assets-head{gap:10px;margin-bottom:0}.st-assets.collapsed .st-assets-head .asset-size{display:none}.st-assets.collapsed{height:fit-content;max-height:none}.st-name{font-family:var(--font-display);color:var(--ink);border-radius:var(--radius);background:0 0;border:1px solid #0000;min-width:120px;max-width:260px;padding:5px 10px;font-size:18px}.st-name:hover,.st-name:focus{border-color:var(--line-strong);outline:none}.st-body{grid-template-columns:min(var(--st-assets-w,252px), 40vw) 8px minmax(0, 1fr);flex:1;gap:4px;min-height:0;display:grid}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){:is(.st-body,.st-body:has(.st-assets.collapsed)){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}:is(.studio.st-focus .st-body,.studio.st-focus .st-body:has(.st-assets.collapsed)){grid-template-rows:minmax(0,1fr)}.st-assets.collapsed .st-assets-head .asset-size{display:inline}}.st-assets{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);min-height:0;padding:12px 14px;animation:.4s 50ms backwards panelIn;overflow-y:auto}.st-main{flex-direction:column;min-width:0;min-height:0;animation:.4s .12s backwards panelIn;display:flex}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.view-anim{flex-direction:column;flex:1;min-height:0;animation:.3s backwards rise;display:flex}.mixer{flex-direction:column;flex:1;min-height:0;display:flex}.media-view{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.st-assets-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.st-fab,.st-scrim{display:none}.st-assets-toggle{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;padding:4px 6px;display:inline-flex}.st-import{justify-content:center;width:100%;margin-bottom:10px}.st-empty{font-family:var(--font-mono);color:var(--ink-faint);border:1.5px dashed var(--line-strong);border-radius:var(--wobble-lg);text-align:center;padding:18px 12px;font-size:11.5px;line-height:1.7}.asset-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:7px 4px;font-size:12.5px;display:flex}.asset-row:last-child{border-bottom:none}.asset-icon{color:var(--ink-dim);flex-shrink:0;place-items:center;display:grid}.asset-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.asset-size{font-family:var(--font-mono);color:var(--ink-faint);flex-shrink:0;font-size:10.5px}.asset-btns{flex-shrink:0;gap:2px;display:flex}.asset-btns button{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:2px 5px;font-size:13px;display:grid}.asset-btns button:hover{color:var(--accent);background:var(--panel)}.mixer{min-width:0}.rec-btn.recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:1.2s ease-in-out infinite recPulse}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.55}}.tl-scroll{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);flex:1;min-height:0;overflow:auto}.tl-inner{min-width:100%;position:relative}.tl-row{display:flex}.trk-head{z-index:5;background:var(--bg-raised);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:172px;padding:8px 10px;display:flex;position:sticky;left:0}.tl-corner{border-bottom:1px solid var(--line-strong);height:30px;padding:0}.trk-name{font-family:var(--font-mono);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:2px 5px;font-size:11.5px;font-weight:600}.trk-name:hover,.trk-name:focus{border-color:var(--line-strong);outline:none}.trk-btns{gap:4px;display:flex}.trk-btns button{width:24px;height:20px;font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:4px;font-size:10px;font-weight:600}.trk-btns button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.trk-gain{accent-color:var(--accent);width:100%}.tl-ruler{border-bottom:1px solid var(--line-strong);background:var(--bg-sunken);cursor:pointer;flex-shrink:0;height:30px;position:relative}.tick{border-left:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-faint);pointer-events:none;padding-left:3px;font-size:9px;line-height:30px;position:absolute;top:0;bottom:0}.tick.major{border-left-color:var(--line-strong)}.tl-body{position:relative}.lane{border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg, transparent 0 79px, var(--line) 79px 80px), var(--bg-sunken);flex-shrink:0;height:72px;position:relative}.clip{background:var(--accent-soft);border:1px solid var(--accent);cursor:grab;touch-action:none;border-radius:6px;position:absolute;top:6px;bottom:6px;overflow:hidden}.tl-row:nth-child(4n+2) .clip{border-color:var(--paint-blue);background:color-mix(in srgb, var(--paint-blue) 13%, transparent)}.tl-row:nth-child(4n+3) .clip{border-color:var(--paint-red);background:color-mix(in srgb, var(--paint-red) 12%, transparent)}.tl-row:nth-child(4n+4) .clip{border-color:var(--paint-green);background:color-mix(in srgb, var(--paint-green) 13%, transparent)}.tl-row:nth-child(4n+5) .clip{border-color:var(--paint-yellow);background:color-mix(in srgb, var(--paint-yellow) 14%, transparent)}.clip.sel{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 40%, transparent);z-index:2}.clip-wave{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.clip-name{font-family:var(--font-mono);color:var(--ink-dim);pointer-events:none;white-space:nowrap;max-width:calc(100% - 12px);font-size:9px;position:absolute;top:2px;left:6px;overflow:hidden}.clip-edge{cursor:ew-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0}.clip-edge.l{left:0}.clip-edge.r{right:0}.clip-edge:hover{background:var(--accent-soft)}.mix-empty{font-family:var(--font-mono);color:var(--ink-faint);margin:0;padding:30px 20px 30px 192px;font-size:12px}.playhead{background:var(--accent);pointer-events:none;z-index:4;width:1.5px;position:absolute;top:-30px;bottom:0}.tl-row.active .trk-head{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-raised));padding-left:7px}.tl-row.active .lane{background-color:var(--accent-soft)}.rec-time{color:var(--danger);font-weight:600}.tl-scroll::-webkit-scrollbar{width:9px;height:9px}.st-assets::-webkit-scrollbar{width:9px;height:9px}.media-view::-webkit-scrollbar{width:9px;height:9px}.editor::-webkit-scrollbar{width:9px;height:9px}.ie-viewport::-webkit-scrollbar{width:9px;height:9px}.layers-panel::-webkit-scrollbar{width:9px;height:9px}.strip::-webkit-scrollbar{width:9px;height:9px}.ed-toolbar::-webkit-scrollbar{width:9px;height:9px}.ed-options::-webkit-scrollbar{width:9px;height:9px}.gif-transport::-webkit-scrollbar{width:9px;height:9px}.tl-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.st-assets::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.media-view::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.editor::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.ie-viewport::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.layers-panel::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.strip::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.ed-toolbar::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.ed-options::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.gif-transport::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.tl-scroll::-webkit-scrollbar-track{background:0 0}.st-assets::-webkit-scrollbar-track{background:0 0}.media-view::-webkit-scrollbar-track{background:0 0}.tl-scroll,.st-assets,.media-view,.editor,.ie-viewport,.layers-panel,.strip{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.st-launcher{height:auto;min-height:calc(100vh - 96px);display:block}.launcher-title{font-family:var(--font-display);margin:0;font-size:26px;font-weight:400}.pj-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:6px;display:grid}.pj-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.4s backwards panelIn;display:flex;overflow:hidden}.pj-card:nth-child(2){animation-delay:50ms}.pj-card:nth-child(3){animation-delay:.1s}.pj-card:nth-child(4){animation-delay:.15s}.pj-card:nth-child(5){animation-delay:.2s}.pj-card:nth-child(n+6){animation-delay:.25s}.pj-card:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-3px)}.pj-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:5px;padding:18px 18px 12px;display:flex}.pj-name{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.pj-meta{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.pj-actions{gap:8px;padding:0 14px 12px;display:flex}.pj-new{cursor:pointer;min-height:132px;color:var(--ink-dim);border-style:dashed;justify-content:center;align-items:center;gap:8px;padding:18px}.pj-new:hover{color:var(--accent);border-color:var(--accent)}.pj-new .pj-plus{font-size:28px;line-height:1}.type-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink-dim);background:var(--panel);white-space:nowrap;border-radius:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.tb-audio{border-color:var(--paint-blue);color:var(--paint-blue)}.tb-text{border-color:var(--accent);color:var(--accent)}.tb-image{border-color:var(--paint-green);color:var(--paint-green)}.tb-gif{border-color:var(--paint-yellow);color:var(--paint-yellow)}.tb-video{border-color:var(--paint-red);color:var(--paint-red)}.pj-type{cursor:pointer;text-align:left;align-items:flex-start;gap:6px;padding:20px 18px}.pj-type:hover{border-color:var(--accent)}.type-icon{color:var(--accent);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);place-items:center;width:40px;height:40px;margin-bottom:4px;display:grid}.picker-panel{border:1.5px dashed var(--line-strong);border-radius:var(--wobble-lg);background:var(--bg-raised);flex-direction:column;align-items:flex-start;gap:14px;padding:26px;animation:.3s backwards rise;display:flex}.picker-list{flex-wrap:wrap;gap:8px;display:flex}.picker-list .btn{text-overflow:ellipsis;max-width:260px;display:inline-block;overflow:hidden}.ie-inline-wrap{flex:1;min-height:0;display:flex}.editor.ie-inline{flex-direction:column;flex:1;width:100%;min-height:0;max-height:none;animation:.3s backwards rise;display:flex;overflow:hidden}.editor.ie-inline>*{flex-shrink:0}.editor.ie-inline .ie-layout{flex:1;align-items:stretch;min-height:0}.editor.ie-inline .ie-vpwrap{height:100%;min-height:0}.editor.ie-inline .ie-viewport{height:100%;max-height:none}.editor.ie-inline .layers-panel{max-height:none}.zf-sep{color:var(--ink-faint);margin:0 6px}.vw{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.vw-tabs{align-self:flex-start;display:none}.vw-top{grid-template-columns:minmax(0, 1fr) 8px min(var(--vw-side-w,250px), 44vw);flex-shrink:0;gap:4px;display:grid}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.vw-top{grid-template-columns:minmax(0,1fr)}}.vw-preview{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-lg);height:var(--vw-ph,34vh);grid-template-rows:100%;place-items:center;display:grid;overflow:hidden}.vw-preview video{object-fit:contain;max-width:100%;height:100%}.vw-side{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.vw-extract{align-items:center;gap:8px;display:flex}.vw-extract .btn{flex:auto;justify-content:center}.vw-note{font-family:var(--font-mono);color:var(--paint-yellow);margin:0;font-size:11.5px}.pj-thumb{background:repeating-conic-gradient(var(--bg-sunken) 0% 25%, var(--bg-raised) 0% 50%) 0 0 / 14px 14px;border-bottom:1px solid var(--line);width:100%;height:96px;color:var(--ink-faint);border-radius:var(--radius) var(--radius) 0 0;place-items:center;display:grid;overflow:hidden}.pj-thumb img,.pj-thumb video{object-fit:cover;width:100%;height:100%}.pj-open{gap:0;padding:0 0 10px}.pj-body{flex-direction:column;gap:5px;padding:12px 16px 0;display:flex}.pj-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.pj-list .pj-card{flex-direction:row;align-items:center}.pj-list .pj-open{flex-direction:row;align-items:center;gap:14px;padding:8px 12px}.pj-list .pj-thumb{border:1px solid var(--line);border-radius:var(--radius);flex-shrink:0;width:88px;height:54px}.pj-list .pj-body{padding:0}.pj-list .pj-name{font-size:16px}.pj-list .pj-actions{padding:0 12px 0 0}.type-modal{flex-direction:column;gap:18px;width:min(760px,94vw);max-height:84vh;display:flex;overflow-y:auto}.type-modal>.btn-ghost{align-self:flex-end;margin-top:6px}.mini-modal{flex-direction:column;gap:14px;width:min(380px,94vw);display:flex}.meta-list{grid-template-columns:1fr;margin:0}.rz-grid{align-items:center;gap:8px;display:flex}.bg-check{cursor:pointer;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.bg-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent)}.vw-pick{flex-direction:column;align-items:center;gap:10px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.frame-modal{width:min(560px,94vw)}.fp-preview{height:240px;margin-bottom:0}.st-note{z-index:150;box-shadow:var(--shadow);margin:0;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.footer-link{color:var(--ink-faint);align-items:center;gap:7px;text-decoration:none;transition:color .18s;display:inline-flex}.footer-link:hover{color:var(--accent)}.st-tabs{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);padding:2px;display:flex}.st-tabs button{color:var(--ink-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .18s}.st-tabs button.active{background:var(--ink);color:var(--bg)}.media-view{min-width:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.media-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);transition:border-color .2s;overflow:hidden}.media-card:hover{border-color:var(--ink)}.media-thumb{background:repeating-conic-gradient(var(--bg-sunken) 0% 25%, var(--bg-raised) 0% 50%) 0 0 / 16px 16px;border-bottom:1px solid var(--line);place-items:center;height:140px;display:grid;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:contain;max-width:100%;max-height:100%}.media-name{white-space:nowrap;text-overflow:ellipsis;margin:8px 10px 4px;font-size:12.5px;font-weight:600;overflow:hidden}.media-actions{align-items:center;gap:6px;padding:0 10px 10px;display:flex}.info-i{width:18px;height:18px;color:var(--ink-faint);cursor:help;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.info-i:hover,.info-i:focus-visible{color:var(--accent);outline:none}.tip-pop{background:var(--ink);width:max-content;max-width:250px;color:var(--bg);font-family:var(--font-body);z-index:300;white-space:normal;text-align:left;pointer-events:none;box-shadow:var(--shadow);border-radius:7px;padding:7px 11px;font-size:11.5px;line-height:1.55;animation:.15s both tipIn;position:fixed;transform:translate(-50%,-100%)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,calc(4px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}.footer{border-top:1px solid var(--line);text-align:center;padding:24px 0 32px}.footer p{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-faint);margin:0;font-size:11.5px}.install-card{z-index:95;background:var(--bg);border:1px solid var(--line-strong);max-width:380px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;animation:.3s backwards rise;display:flex;position:fixed;bottom:18px;right:18px}.install-icon svg{width:38px;height:38px;display:block}.install-text{flex-direction:column;gap:2px;min-width:0;display:flex}.install-text strong{font-family:var(--font-display);font-size:14px}.install-text span{color:var(--ink-dim);font-size:12px}.install-btns{flex-direction:column;gap:6px;display:flex}.m-tabbar{display:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=640px){.hero{padding:30px 0 32px}.hero-compact{padding:18px 0}.fc-controls{justify-content:flex-end;width:100%}}@supports (height:100dvh){.studio{height:calc(100dvh - 96px)}.st-launcher{height:auto;min-height:calc(100dvh - 96px)}.editor{max-height:calc(100dvh - 40px)}.type-modal{max-height:84dvh}}.st-note{bottom:calc(18px + env(safe-area-inset-bottom,0px))}:is(body:has(.editor-overlay),body:has(.drawer-overlay)){overflow:hidden}:is(html:has(.editor-overlay),html:has(.drawer-overlay)){overflow-y:clip}@media (width<=640px){.app{padding:0 16px}.topbar{flex-wrap:wrap;gap:8px 10px;padding:14px 0}.brand-name{font-size:19px}.lang-switch button{padding:5px 9px}.feat{padding:3px 10px;font-size:10px}.workbench{padding-top:16px}.dropzone{padding:30px 16px}.dz-title{font-size:18px}.bb-actions{width:100%}.bb-actions .btn{flex:auto;justify-content:center}.file-card{padding:13px 14px}.fc-target{display:none}.fc-chips{overscroll-behavior-x:contain;align-items:center;gap:6px;width:100%;padding:2px 0;display:flex;overflow-x:auto}.fc-chips-label{color:var(--ink-faint);flex:none;font-size:12px}.fc-chip{border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;border-radius:6px;flex:none;padding:8px 13px;font-size:12px}.fc-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.fc-chip:disabled{opacity:.5;cursor:not-allowed}.fc-controls>.btn{flex:auto;justify-content:center}.fc-details{grid-template-columns:1fr}.fc-quality input[type=range]{max-width:none}.editor-overlay{padding:0}.editor-overlay>.editor{width:100%;max-height:100dvh;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));border-left:none;border-right:none;border-radius:0}.media-preview.mp-video{height:34vh}.ie-viewport,.ie-canvas,.ie-overlay{max-height:44vh}.layers-panel{max-height:240px}.fp-preview{height:180px}.ed-toolbar,.gif-transport{flex-wrap:wrap}.drawer-overlay{z-index:90}.drawer{z-index:91;width:100%;padding:max(14px, env(safe-area-inset-top)) 0 0;border-left:0;flex-direction:column;display:flex;overflow:hidden}.drawer-head{flex-shrink:0;margin:0 18px;padding:4px 0 12px}.drawer .settings-panel{overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 18px 10px;overflow-y:auto}.drawer-bottom-close{width:auto;margin:10px 18px calc(76px + env(safe-area-inset-bottom,0px));flex-shrink:0}.matrix{padding:26px 0 40px}.matrix-title{font-size:22px}.app.studio-mode{padding:0 12px}.st-name{max-width:150px;font-size:16px}.st-tabs button{padding:5px 10px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pj-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vw-preview{height:26vh}.gif-preview canvas{max-height:40vh}.picker-panel{padding:18px 16px}.ed-input,.cp-hex,.num-sm,.size-field input,.gif-delay input[type=number],.fc-target select,.sp-field select,.tb-select{font-size:16px}.footer{padding:18px 0 26px}.studio-toggle{display:none}.m-tabbar{z-index:95;background:var(--bg);border-top:1px solid var(--line-strong);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.m-tabbar button{cursor:pointer;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.03em;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10.5px;display:flex}.m-tabbar button.active{color:var(--accent)}.app,.app.studio-mode{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.st-note{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.install-card{max-width:none;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px))}}@media (display-mode:standalone){.footer{display:none}.topbar{padding-top:calc(22px + env(safe-area-inset-top,0px))}}@media (display-mode:standalone) and (width<=640px){.topbar{padding-top:calc(14px + env(safe-area-inset-top,0px))}}@media (width<=400px){.app{padding:0 12px}.hero-title{font-size:34px}.lang-switch button{padding:5px 7px}}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.studio{height:auto;min-height:calc(100dvh - 96px)}.st-assets{max-height:30vh}.editor.ie-inline .ie-viewport{height:42vh}.editor.ie-inline .layers-panel{max-height:32vh;overflow-y:auto}.editor.ie-inline:has(.ie-layout){grid-template:"rail canvas"minmax(0,1fr)"rail options""foot foot"/50px minmax(0,1fr);display:grid;position:relative}.editor.ie-inline:has(.ie-layout) .ed-toolbar{overscroll-behavior:contain;scrollbar-width:none;border-right:1px solid var(--line);flex-flow:column;grid-area:rail;justify-content:flex-start;margin:0;padding:8px 0 26px;position:absolute;inset:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000001a);mask-image:linear-gradient(#000 calc(100% - 22px),#0000001a)}.editor.ie-inline:has(.ie-layout) .tb-sep{width:22px;height:1px;margin:2px 0}.editor.ie-inline:has(.ie-layout) .ie-layout{grid-area:canvas;height:100%;min-height:0}.editor.ie-inline:has(.ie-layout) .ie-vpwrap{height:100%;min-height:0}.editor.ie-inline:has(.ie-layout) .ie-viewport{height:100%;display:flex}.editor.ie-inline:has(.ie-layout) .ie-inner{margin:auto}.editor.ie-inline:has(.ie-layout) .ed-options{grid-area:options;margin:0}.editor.ie-inline:has(.ie-layout) .ed-foot{grid-area:foot;margin-top:8px}.editor.ie-inline:has(.ie-layout) .kbd-hints{display:none}.st-assets-toggle{display:inline-flex}.st-assets.collapsed>:not(.st-assets-head){display:none}.st-assets.collapsed{max-height:none}.st-assets.collapsed .st-assets-head{margin-bottom:0}.editor.ie-inline .ed-foot{margin-top:8px;padding-top:8px}.editor.ie-inline .ed-foot .btn{flex:none;min-height:34px;padding:6px 14px;font-size:12.5px}.st-focus-btn{display:inline-flex}.st-focus-btn.active{color:var(--accent);border-color:var(--accent)}.studio.st-focus{height:100dvh;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top,0px)) 0 0}.studio.st-focus .st-bar{padding:0 12px}.studio.st-focus .st-main{padding-bottom:0}.studio.st-focus .split-gutter,.studio.st-focus .type-badge,.studio.st-focus .st-export,.studio.st-focus .st-del{display:none}.studio.st-focus .st-bar{gap:8px}.studio.st-focus .st-assets{z-index:130;background:var(--bg-raised);max-height:68dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:14px 14px 0 0;margin:0;transition:transform .25s;animation:none;position:fixed;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -12px 40px #00000073}.studio.st-focus .st-assets:not(.collapsed){transform:none}.studio.st-focus .st-assets.collapsed>:not(.st-assets-head){display:revert}.studio.st-focus .st-assets-toggle{display:none}.studio.st-focus .st-scrim{z-index:129;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060e8c;display:block;position:fixed;inset:0}.studio.st-focus .st-fab{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-raised);width:38px;height:38px;color:var(--ink);cursor:pointer;flex-shrink:0;place-items:center;display:grid;position:relative}.studio.st-focus .st-fab.on{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow)}.st-fab-n{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);font:700 11px var(--font-mono);text-align:center;border-radius:9px;padding:0 4px;line-height:18px;position:absolute;top:-4px;right:-4px}.studio.st-focus .editor.ie-inline .ed-foot{display:none}.studio.st-focus:has(.editor.ie-inline .ed-foot) .st-save{display:inline-flex}.studio.st-focus:has(.editor.ie-inline .ed-foot .btn-accent:disabled) .st-save{opacity:.45;pointer-events:none}.studio.st-focus .st-back-txt,.studio.st-focus .st-bar .opt-spacer{display:none}.studio.st-focus .st-name{flex:60px;min-width:60px;max-width:none}.studio.st-focus .editor.ie-inline{box-shadow:none;padding:4px 10px calc(10px + env(safe-area-inset-bottom,0px));border:0;border-radius:0}.studio.st-focus .editor.ie-inline:not(:has(.ie-layout)){overflow-y:auto}.studio.st-focus .editor.ie-inline:has(.ie-layout){padding:0}.studio.st-focus .editor.ie-inline:has(.ie-layout) .ie-viewport{border:0;border-radius:0;padding:10px}.studio.st-focus .editor.ie-inline:has(.ie-layout) .ed-options{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border-bottom:0;border-left:0;border-right:0;border-radius:0}.studio.st-focus .mixer,.studio.st-focus .vw{padding:0 10px calc(4px + env(safe-area-inset-bottom,0px))}.studio.st-focus .vw{overscroll-behavior:contain;overflow-y:auto}.studio.st-focus .editor.ie-inline:has(.gif-preview){overflow:hidden}.studio.st-focus .editor.ie-inline .ed-preview.gif-preview{flex:none;grid-template-rows:100%;height:25vh;min-height:120px;overflow:hidden}.studio.st-focus .editor.ie-inline .gif-preview canvas{max-height:100%}.studio.st-focus .editor.ie-inline:has(.gif-preview) .gif-transport{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.studio.st-focus .editor.ie-inline:has(.gif-preview) .gif-transport::-webkit-scrollbar{display:none}.studio.st-focus .editor.ie-inline:has(.gif-preview) .gif-transport>*{flex-shrink:0}.studio.st-focus .editor.ie-inline:has(.gif-preview) .ed-controls{border-top:1px solid var(--line);scrollbar-width:thin;overscroll-behavior:contain;background:linear-gradient(var(--bg) 30%, transparent) top / 100% 26px local, linear-gradient(transparent, var(--bg) 70%) bottom / 100% 26px local, radial-gradient(farthest-side at 50% 0, color-mix(in srgb, var(--accent) 45%, transparent), transparent) top / 100% 12px scroll, radial-gradient(farthest-side at 50% 100%, color-mix(in srgb, var(--accent) 45%, transparent), transparent) bottom / 100% 12px scroll;background-repeat:no-repeat;flex:auto;min-height:0;max-height:none;padding:8px 10px 4px;overflow-y:auto}.studio.st-focus .editor.ie-inline.pdf-editor{overflow:hidden}.studio.st-focus .editor.ie-inline .pdf-body{overscroll-behavior:contain;overflow-y:auto}.studio.st-focus .editor.ie-inline .pdf-grid{max-height:none}body:has(.studio.st-focus) .install-card{display:none}:is(body:has(.studio.st-focus) .topbar,body:has(.studio.st-focus) .m-tabbar,body:has(.studio.st-focus) .footer){display:none}body:has(.studio.st-focus) .app{padding-bottom:0;padding-left:0;padding-right:0}body:has(.studio.st-focus) .app.studio-mode{padding-bottom:0;padding-left:0;padding-right:0}}@media (width<=720px),(height<=540px),(pointer:coarse) and (width<=920px){.lp-fab{display:grid}.lp-scrim{z-index:129;background:#04060f73;animation:.2s both fadeIn;display:block;position:fixed;inset:0}.layers-panel,.editor.ie-inline .layers-panel{z-index:130;border:1px solid var(--line-strong);max-height:62dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:14px 14px 0 0;margin:0;transition:transform .28s cubic-bezier(.2,.8,.3,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -12px 40px #00000059}.layers-panel.open,.editor.ie-inline .layers-panel.open{flex-direction:column;display:flex;transform:none}.layers-panel.open>*{flex-shrink:0}.layers-panel.open .lp-colour{order:8}.layers-panel.open .lp-hist{order:9}.editor.ie-inline .ie-viewport{height:56vh}}@media (width<=640px),(height<=540px),(pointer:coarse) and (width<=920px){.editor-overlay:has(.ie-layout){padding:0}.editor-overlay>.editor:has(.ie-layout){border-radius:0;grid-template:"head head""rail canvas"minmax(0,1fr)"rail options""foot foot"/50px minmax(0,1fr);width:100%;max-width:none;height:100dvh;max-height:none;padding:0;display:grid;overflow:hidden}.editor-overlay>.editor:has(.ie-layout) .ed-head{padding:max(10px, env(safe-area-inset-top,0px)) 14px 8px;grid-area:head;margin:0}.editor-overlay>.editor:has(.ie-layout) .ed-toolbar{overscroll-behavior:contain;scrollbar-width:none;border-right:1px solid var(--line);flex-flow:column;grid-area:rail;justify-content:flex-start;margin:0;padding:8px 0 26px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000001a);mask-image:linear-gradient(#000 calc(100% - 22px),#0000001a)}.editor-overlay>.editor:has(.ie-layout) .tb-sep{width:22px;height:1px;margin:2px 0}.editor-overlay>.editor:has(.ie-layout) .ie-layout{grid-area:canvas;align-items:stretch;min-height:0;display:flex}.editor-overlay>.editor:has(.ie-layout) .ed-options{border-left:none;border-right:none;border-radius:0;grid-area:options;margin:0}.editor-overlay>.editor:has(.ie-layout) .ed-foot{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));grid-area:foot;margin:0}.editor-overlay>.editor:has(.ie-layout) .ie-gutter{display:none}.editor-overlay>.editor:has(.ie-layout) .ie-vpwrap{flex:1;min-width:0;min-height:0}.editor-overlay>.editor:has(.ie-layout) .ie-viewport{height:100%;max-height:none;display:flex}.editor-overlay>.editor:has(.ie-layout) .ie-inner{margin:auto}.editor-overlay>.editor:has(.ie-layout) .kbd-hints{display:none}:is(.editor-overlay:has(.gif-preview),.editor-overlay:has(.mp-video)){padding:0}:is(.editor-overlay>.editor:has(.gif-preview),.editor-overlay>.editor:has(.mp-video)){border-radius:0;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;display:flex;overflow:hidden}:is(.editor-overlay>.editor:has(.gif-preview)>*,.editor-overlay>.editor:has(.mp-video)>*){flex-shrink:0}.editor-overlay>.editor:has(.gif-preview) .ed-preview.gif-preview{flex:auto;grid-template-rows:100%;min-height:120px;margin-bottom:10px;overflow:hidden}.editor-overlay>.editor:has(.gif-preview) .gif-preview canvas{max-height:100%}.editor-overlay>.editor:has(.mp-video) .media-preview.mp-video{flex:auto;height:auto;min-height:160px;margin-bottom:10px}:is(.editor-overlay>.editor:has(.gif-preview) .ed-controls,.editor-overlay>.editor:has(.mp-video) .ed-controls){overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.editor-overlay>.editor:has(.gif-preview) .ed-controls{max-height:26vh}.editor-overlay>.editor:has(.mp-video) .ed-controls{max-height:44vh}:is(.editor-overlay>.editor:has(.gif-preview) .ed-foot,.editor-overlay>.editor:has(.mp-video) .ed-foot){margin-top:8px;padding-top:8px}}@media (width<=760px),(height<=540px),(pointer:coarse) and (width<=920px){.pdf-tools,.mixer .gif-transport,.doc-tools,.doc-mdbar{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.pdf-tools::-webkit-scrollbar{display:none}.mixer .gif-transport::-webkit-scrollbar{display:none}.doc-tools::-webkit-scrollbar{display:none}.doc-mdbar::-webkit-scrollbar{display:none}.pdf-tools>*,.mixer .gif-transport>*,.doc-tools>*,.doc-mdbar>*{flex-shrink:0}.ed-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 12px}.md-pop{inset:auto 12px calc(84px + env(safe-area-inset-bottom,0px)) 12px;z-index:140;position:fixed;top:auto}.md-pop-qr{width:auto}.vw-tabs{display:inline-flex}.vw.vw-pane-video .mixer,.vw.vw-pane-video .split-gutter.h,.vw.vw-pane-audio .vw-top{display:none}.mixer .trk-head:not(.tl-corner){gap:2px;height:72px;padding:5px 8px;overflow:hidden}.mixer .trk-name{padding:0 4px}.mixer .trk-btns button{width:26px;height:18px}.mixer .trk-gain{height:16px;margin:0}}@media (hover:none){.lp-actions{opacity:1}.clip-edge{background:var(--accent-soft)}.kbd-hints,.dz-kbd,.zf-xy{display:none}}@media (pointer:coarse){.tool-btn{width:40px;height:40px}.zoom-ctrl .tool-btn{width:32px;height:32px}.tb-color{width:38px;height:38px}.dual-track{height:34px}.dual-handle{width:22px;height:22px}.swatches{grid-template-columns:repeat(5,18px);grid-auto-rows:18px}.swatch{width:18px;height:18px}.lp-mask-btns button,.lp-actions button{width:27px;height:27px}.lp-ops button{padding:8px 2px}.trk-btns button{width:30px;height:24px}.clip-edge{width:14px}.asset-btns button{padding:4px 7px;font-size:15px}.thumb img{height:56px}.btn{min-height:40px}.btn-sm{min-height:36px}.tl-scroll,.ie-viewport,.strip,.layers-panel,.editor{overscroll-behavior:contain}.ed-options,.ed-toolbar,.gif-transport{overscroll-behavior-x:contain}.ed-options{scrollbar-width:none}.ed-options::-webkit-scrollbar{display:none}}button{-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled),.tool-btn:active:not(:disabled),.theme-toggle:active,.studio-toggle:active,.lang-switch button:active,.st-tabs button:active,.trk-btns button:active,.asset-btns button:active,.layer-btns button:active{transition-duration:60ms;transform:translateY(1px)scale(.97)}.pj-card:active{transform:translateY(-1px)scale(.99)}.btn:focus-visible,.tool-btn:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.asset-row{border-radius:6px;transition:background .15s}.asset-row:hover{background:var(--panel)}.asset-draggable{cursor:grab}.asset-draggable:active{cursor:grabbing}.st-main.drop-hot{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:var(--radius-lg);background:var(--accent-soft)}.thumb:hover:not(.active){border-color:var(--ink)}.editor-overlay>.editor{animation:.24s cubic-bezier(.2,.9,.3,1.15) backwards modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}.dropzone{transition:border-color .2s,background .2s,transform .2s}.dropzone.over{transform:scale(1.006)}select,.tb-select,.fc-target select,.sp-field select{transition:border-color .18s,box-shadow .18s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}