@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/outfit-latin-variable.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-variable.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-variable.woff2)format("woff2")}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-display:"Outfit", ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-void:#eef4ff;--color-panel:#ffffff94;--color-panel-strong:#ffffffb8;--color-primary:#2563eb;--color-primary-deep:#173b8f;--color-primary-bright:#3b82f6;--color-accent:#e5a13b;--color-accent-deep:#a96410;--color-signal:var(--color-accent);--color-warn:#b66f1f;--color-ok:#23775e;--color-muted:#71809a;--color-fog:#53627a;--color-ink:#172033;--color-ink-soft:#40506b;--shadow-hue:#1e40af;background:#eef4ff;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0;line-height:1.5;overflow:hidden}button,select,input{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}.app-root{isolation:isolate;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.bg-stage{z-index:-2;background:radial-gradient(70% 55% at 8% 12%,#bfd6ff8c,#0000 55%),radial-gradient(55% 45% at 92% 8%,#d6e5ff80,#0000 50%),radial-gradient(50% 40% at 78% 88%,#f4c77b73,#0000 55%),radial-gradient(60% 50% at 18% 85%,#c8dcff6b,#0000 50%),radial-gradient(40% 35% at 50% 45%,#f6d59e47,#0000 60%),linear-gradient(160deg,#e8f0ff 0%,#f2f6ff 42%,#f8f1e7 100%);position:fixed;inset:0}.bg-grid{z-index:-1;pointer-events:none;opacity:.6;background-image:linear-gradient(#2563eb0a 1px,#0000 1px),linear-gradient(90deg,#2563eb0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 15%,#0000 75%)}.orb{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:9999px;animation:20s ease-in-out infinite orb-drift;position:fixed}.orb-a{background:#bfd6ff73;width:32rem;height:32rem;top:0;left:5%}.orb-b{background:#dbe7ff66;width:26rem;height:26rem;animation-duration:24s;animation-delay:-7s;bottom:5%;right:0}.orb-c{background:#f4c77b59;width:22rem;height:22rem;animation-duration:28s;animation-delay:-12s;top:55%;left:40%}.brand-lockup{align-items:center;gap:.55rem;display:inline-flex}.brand-logo{border-radius:10px;width:36px;height:36px}.brand-mark{font:800 1.875rem/1 var(--font-display);letter-spacing:-.025em;margin:0}.brand-mark span{color:var(--color-primary)}.chip{color:var(--color-fog);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 .7rem/1.2 var(--font-mono);letter-spacing:.03em;white-space:nowrap;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .7rem;display:inline-flex;box-shadow:0 2px 8px #1e40af0f}.chip:before{background:var(--color-primary);content:"";border-radius:9999px;width:.35rem;height:.35rem;box-shadow:0 0 6px #2563eb73}.glass{background:var(--color-panel);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border:1px solid #ffffffa6;border-radius:1.5rem;box-shadow:inset 0 1px #ffffffd9,0 8px 32px #1e40af14,0 2px 8px #1725540a}.placeholder-card{text-align:center;flex:1;place-content:center;gap:.5rem;display:grid}.placeholder-card strong{font:800 2rem/1 var(--font-display)}.placeholder-card span{color:var(--color-muted)}.fade-in{animation:.7s cubic-bezier(.22,1,.36,1) both fade-up}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,4%)scale(1.08)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1280px){.app-body{width:min(100%,1280px);margin-inline:auto}}@media (min-width:1440px){.app-body{width:min(100%,1400px)}.app-shell{padding-inline:clamp(1.25rem,3vw,2.5rem)}}@media (min-width:1680px){.app-body{width:min(100%,1520px)}}@media (min-width:1920px){.app-body{width:min(100%,1640px)}.app-shell{padding-inline:clamp(2rem,5vw,4.5rem)}}.app-root{isolation:isolate;width:100%;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell{z-index:1;flex-direction:column;flex:1;gap:clamp(.4rem,1vh,.85rem);width:100%;min-width:0;min-height:0;padding:clamp(.45rem,1.2vh,1rem) clamp(.65rem,1.5vw,1.35rem);display:flex;position:relative;overflow:hidden}.app-body{gap:inherit;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.app-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem .75rem;width:100%;min-height:3rem;padding-block:.45rem;display:flex}.header-brand-group{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0;display:flex}.brand-lockup{flex-shrink:0;align-items:center;gap:.55rem;min-width:0;display:inline-flex}.brand-logo{object-fit:contain;border-radius:.55rem;flex-shrink:0;width:2.25rem;height:2.25rem}.brand-mark{color:#0000;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.025em;white-space:nowrap;background:linear-gradient(120deg,#172033 0%,#2563eb 52%,#e5a13b 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.25rem,2.2vw,1.875rem);font-weight:800;line-height:1}.brand-mark__accent{color:var(--color-accent,#e5a13b);-webkit-text-fill-color:currentColor}.chip{color:var(--color-fog,#53627a);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.03em;white-space:nowrap;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.7rem;font-weight:500;line-height:1.5;display:inline-flex;box-shadow:0 2px 8px #1e40af0f}.chip:before{background:var(--color-primary,#2563eb);content:"";border-radius:9999px;flex:none;width:.35rem;height:.35rem;box-shadow:0 0 6px #2563eb73}.chip-ok:before{background:var(--color-ok,#23775e);box-shadow:0 0 6px #23775e73}.header-links{align-items:center;gap:.45rem;margin-left:auto;display:flex}.lang-switch{-webkit-backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:9999px;align-items:stretch;padding:.15rem;display:inline-flex;box-shadow:0 2px 8px #1e40af0f}.lang-btn{appearance:none;color:var(--color-fog,#53627a);cursor:pointer;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.02em;background:0 0;border:0;border-radius:9999px;padding:.28rem .65rem;font-size:.72rem;font-weight:500;line-height:1.2;transition:color .15s,background .15s}.lang-btn:hover,.lang-btn:focus-visible{color:var(--color-ink,#172033)}.lang-btn:focus-visible,.header-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb8c}.lang-btn.is-active{color:var(--color-ink,#172033);background:#2563eb2e}.header-link{color:var(--color-fog,#53627a);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.02em;white-space:nowrap;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;font-weight:500;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 2px 8px #1e40af0f}.header-link:hover{color:var(--color-ink,#172033);background:#ffffffc7;border-color:#2563eb73}.header-link svg{flex:none}.desktop-update-trigger,.desktop-privacy-trigger{cursor:pointer}.desktop-update-trigger:disabled{cursor:wait;opacity:.7}.desktop-lifecycle-layer{z-index:40;pointer-events:none;position:fixed;inset:0}.desktop-update-banner{pointer-events:auto;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:min(32rem,100vw - 1.5rem);padding:.85rem 1rem;display:flex;position:absolute;top:clamp(4rem,8vh,5.25rem);right:clamp(.75rem,2vw,2rem);box-shadow:0 18px 60px #17255424}.desktop-lifecycle-copy{gap:.2rem;min-width:0;display:grid}.desktop-lifecycle-copy strong{color:var(--color-ink,#172033);font-family:var(--font-display,"Outfit", sans-serif);font-size:.9rem}.desktop-lifecycle-copy span{color:var(--color-fog,#53627a);font-size:.75rem}.desktop-lifecycle-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;display:flex}.desktop-lifecycle-actions .btn{border-radius:.7rem;min-height:2.25rem;padding:.45rem .75rem;font-size:.75rem}.desktop-privacy-backdrop{pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:#17255447;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.desktop-privacy-dialog{border-radius:1.25rem;width:min(32rem,100%);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 80px #17255438}.desktop-privacy-dialog h2{color:var(--color-ink,#172033);font-family:var(--font-display,"Outfit", sans-serif);margin:0 0 .75rem;font-size:1.25rem}.desktop-privacy-dialog p{color:var(--color-fog,#53627a);margin:0 0 1rem;font-size:.85rem;line-height:1.65}.desktop-privacy-status:empty,.desktop-update-banner[hidden],.desktop-privacy-backdrop[hidden],.desktop-lifecycle-actions>[hidden]{display:none}.app-footer{flex-shrink:0}.app-footer__surface{background:var(--color-panel-strong,#ffffffb8);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid #ffffffb8;border-radius:1.5rem;padding:.75rem 1rem;box-shadow:inset 0 1px #ffffffe6,0 8px 32px #1e40af14,0 2px 8px #1725540a}.app-footer__activity{flex-direction:column;justify-content:center;min-block-size:4.375rem;display:flex}.app-footer__heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;transition:margin-bottom .18s;display:flex}.app-footer[data-progress=hidden] .app-footer__heading{margin-bottom:.25rem}.app-footer__title{color:var(--footer-title-color,var(--color-ink,#172033));font-family:var(--font-display,"Outfit", sans-serif);align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;line-height:1.42857;display:inline-flex}.app-footer__title:before{background:var(--footer-state-color,var(--color-primary,#2563eb));width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--footer-state-color,#2563eb) 12%, transparent);content:"";border-radius:9999px;flex:none}.app-footer__percentage{color:var(--color-primary-deep,#173b8f);font-family:var(--font-mono,"JetBrains Mono", monospace);font-size:1rem;font-weight:700;line-height:1.5}.app-footer[data-progress=active] .app-footer__percentage,.app-footer[data-progress=active] .progress-track{animation:.28s cubic-bezier(.22,1,.36,1) both shell-progress-enter}.progress-track{background:#ffffff80;border:1px solid #2563eb1a;border-radius:9999px;height:.7rem;margin-bottom:.5rem;position:relative;overflow:hidden}.progress-track>div{border-radius:inherit;background:linear-gradient(90deg,#173b8f,#3b82f6,#e5a13b);width:0%;height:100%;transition:width .18s linear;box-shadow:0 0 12px #2563eb59}.progress-track:after{opacity:0;pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;inset:0;transform:translate(-100%)}.progress-track.is-active:after{opacity:1;animation:2.4s ease-in-out infinite shell-sheen}.app-footer__status{min-height:1.25em;color:var(--color-muted,#71809a);font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);margin:0;font-size:.875rem;line-height:1.625}.app-footer__meta{color:var(--color-muted,#71809a);border-top:1px solid #0000000d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.75rem;line-height:1.33333;display:flex}.app-footer__hardware{color:var(--color-ok,#23775e);font-family:var(--font-mono,"JetBrains Mono", monospace);white-space:nowrap}.app-footer__hardware[data-hardware=wasm]{color:var(--color-warn,#b66f1f)}.app-footer[data-stage=idle]{--footer-state-color:var(--color-muted,#71809a)}.app-footer[data-stage=ready],.app-footer[data-stage=done]{--footer-state-color:var(--color-ok,#23775e)}.app-footer[data-stage=done]{--footer-title-color:var(--color-ok,#23775e)}.app-footer[data-stage=cancelled]{--footer-state-color:var(--color-accent-deep,#a96410);--footer-title-color:var(--color-accent-deep,#a96410)}.app-footer[data-stage=error]{--footer-state-color:#b4233b;--footer-title-color:#b4233b}.fade-in,.fade-in-delay-2{animation:.7s cubic-bezier(.22,1,.36,1) both shell-fade-up}.fade-in-delay-2{animation-delay:.22s}@keyframes shell-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shell-sheen{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes shell-progress-enter{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@media (min-width:1280px){.app-body{width:min(100%,1280px);margin-inline:auto}}@media (min-width:1440px){.app-body{width:min(100%,1400px)}.app-shell{padding-inline:clamp(1.25rem,3vw,2.5rem)}}@media (min-width:1680px){.app-body{width:min(100%,1520px)}}@media (min-width:1920px){.app-body{width:min(100%,1640px)}.app-shell{padding-inline:clamp(2rem,5vw,4.5rem)}}@media (max-width:900px){.header-brand-group{flex:100%}.header-links{flex:none}.desktop-update-banner{width:auto;top:7.25rem;left:.75rem;right:.75rem}}@media (max-width:480px){.app-header{gap:.5rem .75rem;padding-block:.45rem}.header-brand-group{gap:.5rem}.brand-lockup{gap:.55rem}.brand-logo{border-radius:.45rem;width:2rem;height:2rem}.brand-mark{font-size:1.25rem;line-height:1.4}.header-links{gap:.45rem}.header-link{padding-inline:.75rem}.desktop-update-banner{flex-direction:column;align-items:stretch}.desktop-lifecycle-actions{justify-content:flex-start}.app-footer__surface{padding:.5rem .75rem}.app-footer__activity{min-block-size:4.75rem}.app-footer__title{font-size:.75rem;line-height:1.33333}.app-footer__percentage{font-size:.875rem;line-height:1.42857}.app-footer__status{font-size:.75rem}.app-footer__meta{margin-top:.5rem;padding-top:.5rem;font-size:.68rem;line-height:1.5}.app-footer__heading,.progress-track{margin-bottom:.375rem}}@media (max-height:700px){.app-shell{gap:.35rem;padding:.4rem .6rem}}@media (max-height:620px){.app-footer__surface{padding-top:.45rem;padding-bottom:.45rem}.progress-track{height:.45rem;margin-bottom:.35rem}.app-footer__heading{margin-bottom:.35rem}.app-footer__meta{margin-top:.45rem;padding-top:.45rem}}@media (prefers-reduced-motion:reduce){.fade-in,.fade-in-delay-2,.app-footer[data-progress=active] .app-footer__percentage,.app-footer[data-progress=active] .progress-track,.progress-track.is-active:after{animation:none}.app-footer__heading,.progress-track>div{transition:none}}.app-workspace{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,340px);align-items:stretch;gap:clamp(.45rem,1vw,.9rem);min-width:0;min-height:0;display:grid}.panel-card,.settings-panel{min-width:0;min-height:0;padding:10px}.panel-card.glass-strong,.settings-panel.glass-strong{background:var(--color-panel-strong,#ffffffb8)}.panel-card{--panel-aux-height:calc(48px + .45rem + 1.4rem);flex-direction:column;display:flex;overflow:hidden}.panel-card>.panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:clamp(.35rem,.8vh,.65rem);display:flex}.panel-title{min-width:0;color:var(--color-ink,#172033);font:600 .875rem/1.42857 var(--font-display,sans-serif);letter-spacing:.025em;margin:0}.panel-title-separator{color:var(--color-muted,#71809a)}.panel-card .chip{flex-shrink:0}.media-panel{background:linear-gradient(#2563eb08 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#2563eb08 1px,#0000 1px) 0 0/28px 28px,#fff6;border:1px solid #ffffffb3;border-radius:18.4px;flex:auto;place-items:center;min-width:0;min-height:0;transition:border-color .25s,box-shadow .25s,background .25s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9}.media-panel.has-media{background:#0f172a;border-style:solid;border-color:#2563eb38;box-shadow:inset 0 0 0 1px #ffffff0f}.media-panel.has-media .corner{opacity:0}.media-panel.has-media .panel-empty{display:none}.media-panel.is-live{border-color:#2563eb59;box-shadow:0 0 0 1px #2563eb14,inset 0 0 32px #2563eb0d}.media-panel.has-media.is-live{box-shadow:0 0 0 1px #2563eb1f,inset 0 0 28px #2563eb14}.drop-zone{border-style:dashed;border-color:#2563eb38}.drop-zone.is-pickable{cursor:pointer}.drop-zone.is-pickable:hover{background-color:#ffffff8c;border-color:#2563eb66;box-shadow:inset 0 0 32px #2563eb0d}.drop-zone:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.drop-zone.dragging{border-style:solid;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,inset 0 0 40px #2563eb0f}.media-el{z-index:1;object-fit:contain;background:0 0;width:100%;max-width:none;height:100%;min-height:0;max-height:none;display:block;position:relative}.media-el[hidden],.panel-empty[hidden],.live-tag[hidden],.export-download[hidden]{display:none!important}.media-panel.has-media .media-el{object-position:center;object-fit:contain;background:#0f172a;width:100%;height:100%}.panel-card video.media-el{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.panel-empty{z-index:1;text-align:center;place-content:center;place-items:center;gap:clamp(.35rem,1vh,.75rem);padding:clamp(.6rem,1.5vh,1.5rem);display:grid;position:absolute;inset:0}.panel-empty-title{color:var(--color-ink,#172033);font:600 1rem/1.5 var(--font-display,sans-serif)}.panel-empty-hint{max-width:20rem;color:var(--color-muted,#71809a);font-size:.75rem;line-height:1.625}.upload-ring{background:linear-gradient(160deg,#bfd6ff59,#dbe7ff33);border:1px solid #fffc;border-radius:1.35rem;place-items:center;width:5.5rem;height:5.5rem;animation:4.5s ease-in-out infinite panel-float-y;display:grid;position:relative;box-shadow:0 8px 28px #2563eb26,inset 0 1px #ffffffb3}.upload-ring:after{content:"";border:1px solid #2563eb26;border-radius:1.55rem;animation:2.8s ease-out infinite panel-ring-pulse;position:absolute;inset:-6px}.corner{z-index:2;opacity:.82;pointer-events:none;border-color:#24304a;width:22px;height:22px;transition:opacity .2s;position:absolute}.corner-tl{border-top:2px solid;border-left:2px solid;border-top-left-radius:2px;top:12px;left:12px}.corner-tr{border-top:2px solid;border-right:2px solid;border-top-right-radius:2px;top:12px;right:12px}.corner-bl{border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:2px;bottom:12px;left:12px}.corner-br{border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:2px;bottom:12px;right:12px}.live-tag{z-index:3;color:var(--color-ink-soft,#40506b);font:500 .7rem/1 var(--font-mono,monospace);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffffb3;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .65rem;display:inline-flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 10px #1e40af14}.live-dot{background:#2563eb;border-radius:9999px;width:.45rem;height:.45rem;animation:1s ease-in-out infinite panel-pulse-dot;box-shadow:0 0 8px #2563eb80}.panel-footer{flex-shrink:0;align-items:center;min-width:0;min-height:2.5rem;margin-top:clamp(.4rem,1vh,.75rem);display:flex}.panel-footer-input{gap:.65rem}.panel-footer-input .meta-strip{flex:1;min-width:0}.panel-footer-input .btn{min-height:2.25rem;padding-inline:1rem;font-size:1rem;line-height:1.5}.file-picker{flex-shrink:0;display:inline-flex}.panel-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meta-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;background:#ffffff73;border:1px solid #ffffffb3;border-radius:.85rem;align-items:center;gap:0;width:100%;min-width:0;min-height:2.5rem;display:flex;overflow-x:auto;box-shadow:0 1px 4px #1e40af0a}.meta-strip::-webkit-scrollbar{display:none}.meta-item{white-space:nowrap;flex:1;align-items:baseline;gap:.35rem;min-width:0;padding:.45rem .65rem;display:flex}.meta-item+.meta-item{border-left:1px solid #2563eb14}.meta-item span{color:var(--color-muted,#71809a);font:500 .62rem/1.5 var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.meta-item strong{color:var(--color-ink,#172033);font:600 .78rem/1.5 var(--font-display,sans-serif);text-overflow:ellipsis;overflow:hidden}.meta-item-file{flex:1.4}.meta-item-file strong{min-width:0}.meta-item-source{flex:0 auto}.btn{min-height:2.75rem;color:var(--color-ink-soft,#40506b);font:600 .875rem/1 var(--font-display,sans-serif);letter-spacing:.01em;cursor:pointer;background:#ffffffa6;border:1px solid #2563eb26;border-radius:.9rem;justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 8px #1e40af0f}.btn:hover:not(:disabled){background:#ffffffe6;border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 4px 14px #1e40af1a}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#173b8f 0%,#1d4ed8 55%,#1e40af 100%);border-color:#0000;box-shadow:0 6px 20px #2563eb4d,inset 0 1px #ffffff4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#102a68 0%,#173b8f 55%,#1d4ed8 100%);box-shadow:0 8px 24px #2563eb66,inset 0 1px #ffffff59}.btn-start{color:#fff;background:linear-gradient(135deg,#173b8f 0%,#1d4ed8 48%,#1e40af 100%);border-color:#0000;box-shadow:0 6px 20px #2563eb47,inset 0 1px #ffffff4d}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#102a68 0%,#173b8f 48%,#1d4ed8 100%);box-shadow:0 8px 24px #2563eb61,inset 0 1px #ffffff59}.btn-danger:hover:not(:disabled){color:#c44a6a;background:#fff0f4e6;border-color:#e86b8a66}.trim-wrap,.export-slot{box-sizing:border-box;height:var(--panel-aux-height);flex-shrink:0;margin-top:clamp(.4rem,1vh,.75rem)}.trim-wrap[hidden],.export-slot[hidden]{display:none!important}.trimbar{touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1px solid #2563eb1f;border-radius:.75rem;height:48px;position:relative;overflow:hidden}.trimbar.is-disabled{opacity:.55;pointer-events:none}.trim-strip{width:100%;height:100%;display:block}.trim-shade{pointer-events:none;background:#e7efffa6;position:absolute;top:0;bottom:0}.trim-region{z-index:1;cursor:grab;touch-action:none;border:1.5px solid #2563ebbf;border-radius:2px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #2563eb26}.trim-region.is-dragging{cursor:grabbing;background:#2563eb1a}.trim-handle{z-index:2;color:#fff;letter-spacing:-1px;cursor:ew-resize;background:linear-gradient(#3b82f6,#2563eb);border-radius:3px;justify-content:center;align-items:center;width:14px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;box-shadow:0 2px 8px #2563eb59}.trim-handle:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.trim-info{align-items:center;gap:.75rem;min-height:1.4rem;margin-top:.45rem;display:flex}.trim-hint{min-width:0;color:var(--color-muted,#71809a);font:400 .72rem/1.35 var(--font-mono,monospace);flex:1}.trim-reset{min-height:1.7rem;color:var(--color-ink-soft,#40506b);cursor:pointer;background:#ffffffa6;border:1px solid #2563eb26;border-radius:.5rem;flex-shrink:0;padding:0 .7rem;font-size:.72rem}.trim-reset:hover:not(:disabled){color:var(--color-ink,#172033);background:#ffffffe6;border-color:#2563eb59}.trim-reset:disabled{opacity:.45;cursor:not-allowed}.export-slot{display:flex}.export-slot .export-card{flex:1;align-items:center;width:100%;min-height:0;padding:.5rem .75rem;display:flex}.export-card{background:#ffffff73;border:1px solid #ffffffb3;border-radius:1rem;padding:.65rem .8rem;transition:border-color .25s,background .25s,box-shadow .25s;box-shadow:0 2px 10px #1e40af0d}.export-status-row{align-items:center;gap:.65rem;width:100%;min-width:0;display:flex}.export-copy{flex:1;min-width:0}.export-dot{background:#b0b4c4;border-radius:9999px;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #b0b4c433}.export-label,.export-detail{margin:0}.export-label{color:var(--color-ink,#172033);font:700 .88rem/1.25 var(--font-display,sans-serif);letter-spacing:.01em}.export-detail{color:var(--color-muted,#71809a);word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.7rem;line-height:1.45;display:-webkit-box;overflow:hidden}.export-download{flex-shrink:0;min-height:2rem;margin-left:auto;padding-inline:.75rem;font-size:.75rem}.export-busy{background:#2563eb14;border-color:#2563eb4d}.export-busy .export-dot{background:#2563eb;animation:1.2s ease-in-out infinite panel-pulse-dot;box-shadow:0 0 0 3px #2563eb2e}.export-busy .export-label{color:#1e40af}.export-ok{background:#23775e1a;border-color:#23775e59;box-shadow:inset 0 0 20px #23775e0d}.export-ok .export-dot{background:#23775e;box-shadow:0 0 0 3px #23775e2e}.export-ok .export-label{color:#1d735c}.export-ok .export-detail{color:#4f7569}.export-warn{background:#b66f1f1a;border-color:#b66f1f59}.export-warn .export-dot{background:#b66f1f;box-shadow:0 0 0 3px #b66f1f2e}.export-warn .export-label{color:#a96410}.settings-panel{flex-direction:column;display:flex;overflow:hidden}.settings-scroll{scrollbar-color:#2563eb47 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding-right:.15rem;display:flex;overflow:hidden auto}.settings-scroll::-webkit-scrollbar{width:6px}.settings-scroll::-webkit-scrollbar-thumb{background:#2563eb47;border-radius:9999px}.settings-scroll::-webkit-scrollbar-track{background:0 0}.settings-section{min-width:0}.section-title{color:var(--color-muted,#71809a);font:600 11.52px/1.35 var(--font-display,sans-serif);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem}.settings-card{background:#ffffff73;border:1px solid #ffffffb3;border-radius:1rem;gap:.625rem;padding:.75rem .85rem;display:grid;box-shadow:0 2px 10px #1e40af0d}.settings-field{min-width:0;display:block}.field-label{color:var(--color-muted,#71809a);letter-spacing:.01em;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:10.88px;font-weight:500;display:flex}.field-hint{color:var(--color-muted,#71809a);opacity:.9;margin:.4rem 0 0;font-size:.68rem;line-height:1.45}.model-cache-hint,.smooth-value{color:var(--color-ok,#23775e);font:500 .68rem/1 var(--font-mono,monospace);flex-shrink:0}.smooth-value{color:var(--color-primary,#2563eb)}.control{width:100%;min-height:35.2px;color:var(--color-ink,#172033);background-color:#ffffffb3;border:1px solid #2563eb1f;border-radius:12.8px;outline:none;padding:0 .7rem;font-size:.78rem;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 1px 3px #1e3a8a0a}.control:hover:not(:disabled){background-color:#ffffffe6;border-color:#2563eb47}.control:focus{border-color:#2563eb80;box-shadow:0 0 0 3px #2563eb1f}.control:disabled{opacity:.45;cursor:not-allowed}.settings-panel select.control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%232563eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:1.9rem}.range-input{accent-color:#2563eb;cursor:pointer;width:100%}.range-input:disabled{cursor:not-allowed}.settings-sync{width:100%}.settings-panel .btn{min-height:37.6px;font-size:.82rem}.settings-actions{border-top:1px solid #2563eb1a;flex-shrink:0;grid-template-columns:1.4fr 1fr;gap:.5rem;margin-top:clamp(.4rem,1vh,.75rem);padding-top:clamp(.4rem,1vh,.75rem);display:grid}@media (min-width:640px){.panel-card,.settings-panel{padding:14px}.panel-title{font-size:1rem;line-height:1.5}.panel-footer-input .btn{min-height:2.5rem;padding-inline:1.25rem;font-size:1rem}.panel-empty-title{font-size:1.125rem;line-height:1.55556}.panel-empty-hint{font-size:.875rem}.settings-scroll{gap:1rem}.settings-card{gap:.75rem}}@media (max-width:1100px){.app-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(250px,300px)}}@media (max-width:900px){.app-workspace{grid-template-rows:minmax(0,1fr) minmax(0,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-panel{grid-column:1/-1;max-height:min(36vh,300px)}}@media (max-width:520px){.corner{width:12px;height:12px}.corner-tl,.corner-tr{top:10px}.corner-bl,.corner-br{bottom:10px}.corner-tl,.corner-bl{left:10px}.corner-tr,.corner-br{right:10px}.settings-panel{padding:10px}}@media (max-height:700px){.trimbar{height:40px}}@media (max-height:620px){.panel-card{--panel-aux-height:calc(48px + .25rem + 1.1rem)}.trim-info{min-height:1.1rem;margin-top:.25rem}}@media (prefers-reduced-motion:reduce){.upload-ring,.upload-ring:after,.live-dot,.export-busy .export-dot{animation:none}}@keyframes panel-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes panel-ring-pulse{0%{opacity:.6;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.12)}}@keyframes panel-pulse-dot{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}