:root{--brand-100: #d9e9fd;--brand-200: #b6d4fb;--brand-300: #8abbf7;--brand-400: #5a9df0;--brand-500: #2e7fe8;--brand-600: #1d66cc;--brand-700: #1751a6;--brand-800: #143f80;--brand-900: #122f5e;--signal-300: #7dddff;--signal-400: #38bdf8;--signal-500: #0ea5e9;--ink-950: #0b1d3a;--ink-900: #122f5e;--ink-600: #475569;--ink-500: #64748b;--ink-400: #94a3b8;--ink-300: #c9d2de;--ink-200: #e2e8f0;--navy-deep: #071426;--navy: #0b1d3a;--surface: #eef1f6;--surface-sunken: #e7eaf0;--surface-raised: #ffffff;--line: #e3e8f0;--line-strong: #dbe2ec;--paper: #f9f7f2;--cream: #f7f3ea;--amber-bg: #fdf9f2;--amber-line: #f2e3c9;--amber-chip: #f5e7ca;--amber-ink: #7c5310;--amber-500: #f0b429;--amber-600: #a16207;--success: #15803d;--success-bright: #4ade80;--danger: #b91c1c;--danger-bg: #fdf3f3;--danger-line: #f7dcdc;--font-display: Raleway, Georgia, "Times New Roman", serif;--font-sans: Rubik, "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 7px;--r-md: 10px;--r-lg: 13px;--r-xl: 18px;--shadow-card: 0 20px 50px -28px rgba(11, 29, 58, .42);--shadow-page: 0 28px 64px -26px rgba(11, 29, 58, .45);--shadow-brand: 0 12px 30px -8px rgba(46, 127, 232, .65);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink-950);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em}p{margin:0}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:var(--brand-600);text-decoration:none}a:hover{color:var(--brand-800)}input,select{font:inherit}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landing{background:var(--surface)}.landing-top{position:relative;background:var(--navy-deep);color:#e6eefb;overflow:hidden}.hero-glow{position:absolute;pointer-events:none}.hero-glow-a{top:-260px;right:-120px;width:980px;height:760px;background:radial-gradient(closest-side,#2e7fe84d,#2e7fe800)}.hero-glow-b{top:120px;left:-240px;width:620px;height:620px;background:radial-gradient(closest-side,#38bdf821,#38bdf800)}.sitenav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:14px 64px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;color:inherit}.brand:hover{color:inherit}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em}.brand-by{font-size:11px;color:#8fa8c6}.sitenav-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.sitenav-links a{font-size:14.5px;color:#b6cbe6}.sitenav-links a:hover{color:#fff}.hero{position:relative;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:56px;align-items:center;padding:74px 64px 64px}.hero-copy{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);color:var(--signal-300)}.pill-dot{width:6px;height:6px;border-radius:999px;background:var(--signal-400)}.hero-title{margin:0;font-size:clamp(38px,5.2vw,66px);line-height:1.04;font-weight:700;letter-spacing:-.026em;color:#fff;text-wrap:balance}.hero-sub{max-width:520px;font-size:clamp(16px,1.3vw,18px);line-height:1.62;color:#a9c0de;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-promises{display:flex;gap:26px;flex-wrap:wrap;margin:8px 0 0;padding:24px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.08);width:100%}.hero-promises li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#9db4d1}.hero-promises svg{color:var(--signal-400);flex-shrink:0}.hero-visual{display:flex;align-items:center;justify-content:center;gap:10px}.hero-card{position:relative;margin:0;flex-shrink:1;min-width:0}.hero-card img{border-radius:4px;width:100%}.hero-card-scan{width:262px;transform:rotate(-3.5deg)}.hero-card-scan img{box-shadow:0 24px 50px -18px #000000bf;border:1px solid rgba(255,255,255,.1)}.hero-card-clean{width:296px;transform:rotate(2.5deg)}.hero-card-clean img{background:#fff;box-shadow:0 40px 80px -24px #2e7fe880,0 0 0 1px #ffffff24}.hero-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-sm)}.hero-tag-scan{top:-13px;left:10px;background:#1b2c44;border:1px solid rgba(255,255,255,.14);color:#b9c8da}.hero-tag-vector{bottom:-13px;right:10px;background:var(--brand-500);color:#fff;box-shadow:0 8px 20px -6px #2e7fe8cc}.hero-arrow{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--brand-400)}.how{background:var(--cream);color:var(--ink-950);padding:52px 64px 56px}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:44px}.how-grid article{display:flex;flex-direction:column;gap:12px}.how-head{display:flex;align-items:center;gap:12px}.how-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-md);background:var(--ink-950);color:#fff;flex-shrink:0}.how-icon.accent{background:var(--brand-500)}.how-step{color:var(--ink-500)}.how-grid h3{margin:4px 0 0;font-size:22px;font-weight:600;letter-spacing:-.012em}.how-grid p{font-size:15px;line-height:1.6;color:var(--ink-600);text-wrap:pretty}.lavi{position:relative;background:var(--navy);color:#e6eefb;overflow:hidden}.lavi-glow{position:absolute;pointer-events:none}.lavi-glow-a{top:-180px;left:-140px;width:760px;height:620px;background:radial-gradient(closest-side,#2e7fe838,#2e7fe800)}.lavi-glow-b{bottom:-220px;right:60px;width:680px;height:560px;background:radial-gradient(closest-side,#38bdf81f,#38bdf800)}.lavi-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,468px);gap:76px;padding:70px 72px 56px;align-items:start}.lavi-pitch{display:flex;flex-direction:column;gap:24px}.lavi-eyebrow{display:flex;align-items:center;gap:12px;color:var(--signal-300)}.lavi-title{margin:0;font-size:clamp(32px,3.8vw,50px);line-height:1.08;font-weight:700;letter-spacing:-.025em;color:#fff;max-width:660px;text-wrap:balance}.lavi-body{max-width:620px;font-size:17px;line-height:1.66;color:#a9c0de;text-wrap:pretty}.lavi-caps{list-style:none;margin:10px 0 0;padding:0;max-width:620px}.lavi-caps li{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-top:1px solid rgba(255,255,255,.09)}.lavi-caps li:last-child{border-bottom:1px solid rgba(255,255,255,.09)}.lavi-cap-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;flex-shrink:0;background:#2e7fe829;border:1px solid rgba(138,187,247,.22);color:var(--brand-300)}.lavi-cap-text{display:flex;flex-direction:column;gap:4px}.lavi-cap-text strong{font-size:16px;font-weight:600;color:#fff}.lavi-cap-text span{font-size:14.5px;line-height:1.55;color:#8fa8c6}.lavi-card{display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:var(--r-xl);background:var(--paper);color:var(--ink-950);box-shadow:0 34px 70px -28px #000000a6}.lavi-card-head{display:flex;flex-direction:column;gap:8px}.lavi-card h3{font-size:27px;font-weight:700;letter-spacing:-.018em}.lavi-card-head p{font-size:14.5px;line-height:1.6;color:var(--ink-600)}.lavi-card-head strong{font-weight:600;color:var(--ink-950)}.lavi-contacts{display:flex;flex-direction:column;gap:1px;border-radius:var(--r-lg);overflow:hidden;border:1px solid #e6e2d8;background:#e6e2d8}.lavi-contact{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;color:var(--ink-950)}.lavi-contact:hover{background:#fbfaf7;color:var(--ink-950)}.lavi-contact svg{color:var(--brand-500);flex-shrink:0}.lavi-contact span{display:flex;flex-direction:column;gap:1px}.lavi-contact em{font-style:normal;font-size:11.5px;color:var(--ink-500)}.lavi-contact b{font-size:14.5px;font-weight:500}.lavi-hours{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--ink-600)}.lavi-hours svg{color:var(--ink-500)}.lavi-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 72px;border-top:1px solid rgba(255,255,255,.09)}.lavi-footer-brand{display:flex;align-items:center;gap:14px;font-size:13.5px;color:#8fa8c6}.lavi-footer-links{display:flex;align-items:center;gap:26px;font-size:13.5px;color:#8fa8c6;flex-wrap:wrap}.lavi-footer-links a{display:inline-flex;align-items:center;gap:8px;color:var(--brand-300)}.lavi-footer-links a:hover{color:var(--brand-100)}.lavi-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:22px 56px;background:var(--navy);color:#e6eefb}.lavi-strip-text{display:flex;align-items:center;gap:18px}.lavi-strip-text div{display:flex;flex-direction:column;gap:3px}.lavi-strip-text strong{font-family:var(--font-display);font-size:18px;font-weight:600;color:#fff}.lavi-strip-text span{font-size:13.5px;color:#8fa8c6}@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:44px;padding:56px 40px}.hero-visual{justify-content:flex-start}.lavi-inner{grid-template-columns:1fr;gap:44px;padding:56px 40px}.sitenav,.how,.lavi-footer,.lavi-strip{padding-left:40px;padding-right:40px}}@media(max-width:680px){.sitenav{padding:12px 20px;gap:12px}.sitenav-links{gap:18px}.hero{padding:40px 20px 48px}.hero-promises{gap:12px;flex-direction:column}.hero-visual{transform:scale(.92);transform-origin:left center}.hero-card-scan{width:44%}.hero-card-clean{width:50%}.how{padding:40px 20px}.how-grid{gap:30px}.lavi-inner{padding:44px 20px}.lavi-card{padding:22px}.lavi-footer,.lavi-strip{padding:20px}}@media(max-width:680px){.hero-visual{flex-direction:column;gap:18px;transform:none}.hero-card-scan{width:min(74%,250px);transform:rotate(-2.5deg)}.hero-card-clean{width:min(78%,264px);transform:rotate(1.5deg)}.hero-arrow svg{transform:rotate(90deg)}.hero-tag-scan{top:-11px;left:8px}.hero-tag-vector{bottom:-11px;right:8px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;border-radius:11px;font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s var(--ease-out),border-color .15s var(--ease-out),transform .15s var(--ease-out)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{height:56px;padding:0 28px;font-size:16.5px;border-radius:12px}.btn-block{width:100%}.btn-primary{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-600);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.17);color:#dce8f7}.btn-outline:hover{border-color:#ffffff59;color:#fff}.btn-outline-dark{border:1px solid var(--ink-300);color:var(--ink-950);font-weight:500}.btn-outline-dark:hover{border-color:var(--ink-400);background:#fff}.btn-quiet{height:40px;padding:0 16px;font-size:14px;font-weight:500;background:#ffffff12;border:1px solid rgba(255,255,255,.13);color:#dce8f7}.btn-quiet:hover:not(:disabled){background:#ffffff21;color:#fff}.btn-quiet-light{height:38px;padding:0 14px;font-size:13.5px;font-weight:500;border:1px solid var(--line-strong);color:var(--ink-600);background:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line);color:var(--ink-600)}.icon-btn:hover:not(:disabled){background:var(--surface)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.ghost{border-color:transparent;color:#a9c0de}.icon-btn.ghost:hover{background:#ffffff17}.linklike{display:inline-flex;align-items:center;gap:6px;color:var(--brand-600);font-weight:500;font-size:13.5px;border-bottom:1px solid var(--brand-300)}.linklike:hover{color:var(--brand-800)}.linklike.quiet{color:var(--ink-500);border-bottom-color:transparent;font-weight:400}.linklike.quiet:hover{color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:var(--surface);color:var(--ink-600);font-size:11.5px;font-weight:500}.chip-brand{background:#eaf2fd;color:var(--brand-600)}.chip-amber{background:var(--amber-chip);color:var(--amber-ink)}.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;font-size:13px}.pill-quiet{background:#38bdf81f;border:1px solid rgba(56,189,248,.26);color:var(--signal-300)}.pill-progress{background:#38bdf81c;border:1px solid rgba(56,189,248,.24);color:#d3f1ff;font-weight:500}.pill-detail{color:#8fc7e8;font-size:12px}.pill-meter{display:inline-block;width:74px;height:4px;border-radius:999px;background:#ffffff29;overflow:hidden}.pill-meter>span{display:block;height:100%;background:var(--signal-400);border-radius:999px;transition:width .4s var(--ease-out)}.pill-ok{background:#15803d29;border:1px solid rgba(74,222,128,.3);color:#b9f4cd;font-weight:500}.pill-amber{background:#f0b42924;border:1px solid rgba(240,180,41,.35);color:#f6dca0;font-weight:500}.pill-danger{background:#b91c1c2e;border:1px solid rgba(248,113,113,.34);color:#ffc9c9;font-weight:500}.notice{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-radius:var(--r-lg)}.notice strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.notice p{font-size:13.5px;line-height:1.55}.notice>svg{flex-shrink:0;margin-top:1px}.notice-error{background:var(--danger-bg);border:1px solid var(--danger-line);color:#7f1d1d}.notice-error>svg{color:var(--danger)}.notice-amber,.notice-ok{background:var(--amber-bg);border:1px solid var(--amber-line);color:#6b5a3c}.notice-amber>svg,.notice-ok>svg{color:var(--amber-600)}.notice-amber strong,.notice-ok strong{color:var(--amber-ink)}.notice-hint{margin-top:4px;opacity:.85}.progress{height:6px;border-radius:999px;background:var(--surface);overflow:hidden;width:100%}.progress-bar{height:100%;border-radius:999px;background:var(--brand-500)}.progress-bar.indeterminate{width:40%;animation:slide 1.4s var(--ease-out) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.spin{animation:spin .9s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.accent{color:var(--brand-500)}.tool{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:8px 20px;background:var(--navy);color:#fff;flex-shrink:0;flex-wrap:wrap}.appbar-left,.appbar-right{display:flex;align-items:center;gap:12px;min-width:0}.appbar-file{display:flex;align-items:baseline;gap:9px;min-width:0}.appbar-filename{font-size:14.5px;font-weight:500;color:#fff;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-meta{font-size:11.5px;color:#8fa8c6}.upload{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:26px;padding:44px 20px 56px}.steps{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-500)}.steps li+li:before{content:"";width:48px;height:1px;background:var(--ink-300);margin-right:12px}.steps li.current{color:var(--ink-950);font-weight:600}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#fff;border:1px solid var(--ink-300);color:var(--ink-400);font-size:13px;font-weight:600}.steps li.current .step-num{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.upload-card{width:min(830px,100%);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-card);overflow:hidden}.dropzone{margin:10px;padding:44px 32px;border-radius:var(--r-lg);border:2px dashed var(--line-strong);background:#fbfcfe;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.dropzone.dragging{border-color:var(--brand-500);background:#f3f8fe}.dropzone h2{font-size:clamp(22px,3vw,29px);font-weight:600;letter-spacing:-.015em}.dropzone p{font-size:15.5px;color:var(--ink-600)}.drop-icon{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:20px;background:#fff;border:1px solid var(--brand-100);color:var(--brand-500);box-shadow:0 10px 26px -12px #2e7fe88c}.formats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.formats .chip{background:#eaf2fd;color:var(--brand-600);text-transform:uppercase;letter-spacing:.1em}.formats-note{font-size:13px;color:var(--ink-500)}.staged{display:flex;align-items:center;gap:14px;width:100%;max-width:460px;text-align:left}.staged-thumb{display:inline-flex;align-items:center;justify-content:center;width:46px;height:60px;border-radius:4px;flex-shrink:0;background:#f3f8fe;border:1px solid var(--brand-100);color:var(--brand-400)}.staged-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex-grow:1}.staged-meta strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged-meta>span{font-size:12.5px;color:var(--ink-500)}.staged-status{display:inline-flex;align-items:center;gap:6px;font-size:12px}.staged-status.ok{color:var(--success)}.staged-status.busy{color:var(--brand-600)}.upload-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid var(--surface);font-size:13px;color:var(--ink-600);flex-wrap:wrap}.upload-foot span{display:inline-flex;align-items:center;gap:8px}.upload-foot svg{color:var(--ink-500);flex-shrink:0}.upload-eta{color:var(--ink-500)}.upload .notice{width:min(830px,100%);align-items:center}.upload .notice>div{flex-grow:1}.studio{height:100vh;overflow:hidden}.pane-bar{display:grid;grid-template-columns:1fr 1px 1fr;min-height:46px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.pane-bar-side{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 20px;min-width:0;flex-wrap:wrap}.pane-bar-divider{background:var(--line)}.pane-title{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500}.pane-title svg{color:var(--ink-500)}.zoomer{display:flex;align-items:center;gap:5px}.zoom-val{font-size:11.5px;color:var(--ink-600);width:42px;text-align:center}.sync-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;cursor:pointer;border:1px solid transparent;background:var(--surface);color:var(--ink-600);font:inherit;font-size:11.5px;font-weight:500}.sync-toggle:hover{border-color:var(--line-strong)}.sync-toggle.is-on{background:#eaf2fd;color:var(--brand-600)}.sync-toggle svg{opacity:.75}.sync-toggle.is-on svg{opacity:1}.sync-toggle:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.panes{display:grid;grid-template-columns:1fr 1px 1fr;flex-grow:1;min-height:0}.pane{overflow:auto;padding:40px 0;display:flex;justify-content:center;align-items:flex-start}.pane-scan{background:var(--surface-sunken);display:block;text-align:center}.pane-score{background:#f4f6fa}.pane-divider{background:#d7dde7}.scan-wrap{display:inline-block;transition:width .2s var(--ease-out)}.scan-wrap img{width:100%;box-shadow:0 16px 44px -20px #0b1d3a8c;border-radius:2px}.score-sheet{width:min(100%,660px)}.score{display:flex;flex-direction:column;gap:22px}.score-page{background:#fff;box-shadow:0 16px 44px -20px #0b1d3a4d,0 0 0 1px var(--line);border-radius:2px;overflow:hidden}.score svg{display:block;width:100%;height:auto}.score .is-sounding{fill:var(--brand-500)}.score .is-sounding *{fill:var(--brand-500);stroke:var(--brand-500)}.score g.measure.is-suspect rect.measure-bg{fill:#f0b42929;stroke:#f0b4298c;stroke-width:8;rx:30;pointer-events:none}.score g.measure.is-suspect{outline:none}.score g.measure.is-suspect:after{content:none}.pane-waiting{width:min(100%,560px);padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px}.pane-waiting-label{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-600)}.pane-waiting-label svg{color:var(--brand-500)}.pane-waiting-detail{font-size:12.5px;color:var(--ink-500)}.skeleton{display:flex;flex-direction:column;gap:22px;width:100%}.skeleton-system{display:flex;flex-direction:column;gap:5px}.skeleton-system span{height:5px;border-radius:999px;background:var(--line)}.skeleton-system span:nth-child(2n){background:#eef1f6}.skeleton-system:nth-child(2){opacity:.7}.skeleton-system:nth-child(3){opacity:.45}.transport{display:flex;align-items:center;gap:20px;min-height:88px;padding:12px 24px;background:#fff;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.transport-controls{display:flex;align-items:center;gap:10px}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:var(--brand-500);color:#fff;box-shadow:0 10px 22px -8px #2e7fe8bf}.play-btn:disabled{background:var(--ink-300);box-shadow:none;cursor:not-allowed}.transport-clock{font-size:12.5px;color:var(--ink-600);white-space:nowrap}.transport-clock span{color:var(--ink-400)}.scrubber{flex-grow:1;display:flex;flex-direction:column;gap:7px;min-width:240px}.scrub-track{position:relative;height:16px;cursor:pointer;display:flex;align-items:center}.scrub-track:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:999px;background:var(--surface)}.scrub-fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--brand-500)}.scrub-knob{position:absolute;width:16px;height:16px;margin-left:-8px;border-radius:999px;background:#fff;border:3px solid var(--brand-500);box-shadow:0 2px 8px -2px #0b1d3a80}.scrub-flag{position:absolute;width:11px;height:11px;margin-left:-5.5px;border-radius:999px;background:var(--amber-500);border:2px solid #fff}.scrub-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--ink-500)}.scrub-legend .mono{font-size:11px}.transport-meta{display:flex;align-items:center;gap:8px}.transport-warn{font-size:12px;color:var(--amber-600)}.midi-host{display:none}.failure{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:48px 20px}.failure-card{max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 32px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-card)}.failure-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:var(--danger-bg);color:var(--danger)}.failure-card h2{font-size:26px;font-weight:600;letter-spacing:-.018em}.failure-card p{font-size:15px;line-height:1.6;color:var(--ink-600);text-wrap:pretty}.failure-hint{font-size:14px;color:var(--ink-500)}.failure-card .btn{margin-top:8px}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#0b1d3aeb;color:#d6e3f3;font-size:13px}.result-body{flex-grow:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,448px);gap:56px;padding:40px 56px 44px;align-items:start}.result-preview{display:flex;justify-content:center}.result-page{width:min(100%,470px);background:#fff;box-shadow:var(--shadow-page),0 0 0 1px var(--line)}.result-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:420px;font-size:13.5px;color:var(--ink-500)}.result-page-empty svg{color:var(--brand-500)}.result-panel{display:flex;flex-direction:column;gap:20px}.result-head{display:flex;flex-direction:column;gap:9px}.result-head h1{font-size:clamp(28px,3.4vw,38px);font-weight:700;letter-spacing:-.022em;line-height:1.1}.result-head p{font-size:15px;line-height:1.6;color:var(--ink-600);text-wrap:pretty}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;border-radius:11px;overflow:hidden;background:var(--line);border:1px solid var(--line)}.stats>div{display:flex;flex-direction:column;gap:3px;padding:13px 14px;background:#fff}.stats dt{font-size:19px;font-weight:500}.stats dd{margin:0;font-size:11.5px;color:var(--ink-500)}.downloads{display:flex;flex-direction:column;gap:10px}.download{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:11px;background:#fff;border:1px solid var(--line-strong);color:var(--ink-950)}.download:hover{border-color:var(--brand-300);color:var(--ink-950)}.download-text{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.download-text strong{font-size:14.5px;font-weight:500}.download-text span{font-size:12px;color:var(--ink-500)}.download-size{font-size:11.5px;color:var(--ink-500)}.download-icon{color:var(--ink-500);flex-shrink:0}.download-primary{padding:16px 20px;background:var(--brand-500);border-color:var(--brand-500);color:#fff;box-shadow:0 14px 32px -12px #2e7fe8b3}.download-primary:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.download-primary .download-icon,.download-primary .download-size{color:#cfe3fc}.download-primary .download-text strong{font-size:16.5px;font-weight:600}.download-primary .download-text span{color:#cfe3fc}.warnings{list-style:none;margin:8px 0 10px;padding:0;display:flex;flex-direction:column;gap:7px}.warnings li{display:flex;align-items:baseline;gap:10px}.warnings li span:last-child{font-size:13.5px;line-height:1.5}.warnings .chip{flex-shrink:0}.result-clean{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--success)}.result-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.result-foot .btn{flex-grow:1}.result-privacy{font-size:12px;color:var(--ink-500)}@media(max-width:1100px){.studio{height:auto;overflow:visible}.panes{grid-template-columns:1fr}.pane-divider{display:none}.pane{max-height:70vh}.pane-bar{grid-template-columns:1fr}.pane-bar-divider{display:none}.pane-bar-side+.pane-bar-side{border-top:1px solid var(--line)}.result-body{grid-template-columns:1fr;gap:36px;padding:32px 24px}}@media(max-width:680px){.appbar{padding:8px 14px}.appbar-filename{max-width:150px}.upload{padding:28px 16px 40px}.dropzone{padding:32px 18px;margin:8px}.steps li+li:before{width:22px;margin-right:8px}.transport{gap:12px;padding:12px 16px}.scrubber{order:3;width:100%;flex-basis:100%}.result-body{padding:24px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.pager{display:inline-flex;align-items:center;gap:4px}.pager-label{font-size:11.5px;color:var(--ink-600);min-width:40px;text-align:center}.pager-next svg{transform:rotate(180deg)}.scan-wrap img{display:block;width:100%;height:100%;object-fit:contain}.reengrave{border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);overflow:hidden}.reengrave-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;background:none;cursor:pointer;font:inherit;text-align:left;color:inherit}.reengrave-toggle:hover{background:var(--surface)}.reengrave-toggle:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.reengrave-toggle>svg:first-child{color:var(--brand-500);flex-shrink:0}.reengrave-toggle-text{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.reengrave-toggle-text strong{font-size:14px;font-weight:600}.reengrave-toggle-text span{font-size:12.5px;color:var(--ink-500)}.reengrave-chev{flex-shrink:0;color:var(--ink-500);transition:transform .18s var(--ease-out)}.reengrave-chev.is-open{transform:rotate(180deg)}.reengrave-form{display:flex;flex-direction:column;gap:16px;padding:4px 16px 18px;border-top:1px solid var(--line)}.reengrave-form .field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0}.reengrave-form label,.reengrave-form legend{display:flex;align-items:baseline;gap:8px;font-size:12.5px;font-weight:500;color:var(--ink-600);padding:0}.reengrave-form input[type=text]{padding:9px 11px;border:1px solid var(--line-strong);border-radius:7px;font:inherit;font-size:14px;background:#fff;color:inherit}.reengrave-form input[type=text]:focus-visible{outline:2px solid var(--brand-500);outline-offset:-1px;border-color:var(--brand-500)}.reengrave-form input[type=range]{accent-color:var(--brand-500);width:100%}.reengrave-form input:disabled{opacity:.55;cursor:not-allowed}.field-value{font-size:11.5px;color:var(--ink-500)}.field-hint{font-size:12px;color:var(--ink-500)}.segmented{display:inline-flex;align-self:flex-start;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden}.segmented button{padding:8px 16px;border:0;background:#fff;cursor:pointer;font:inherit;font-size:13px;color:var(--ink-600)}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button.is-on{background:var(--brand-500);color:#fff;font-weight:500}.segmented button:disabled{opacity:.55;cursor:not-allowed}.segmented button:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.reengrave-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reengrave-note{font-size:12px;color:var(--ink-500);flex:1 1 180px;min-width:0}.reengrave-error{font-size:12.5px;color:var(--danger, #b42318)}.result-name{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:10px;font-size:14px}.result-name svg{color:var(--brand-500);align-self:center;flex-shrink:0}.result-name-text{font-weight:600}.result-name-note{font-size:12px;color:var(--ink-500)}.reengrave-scope{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border-radius:7px;background:var(--surface);color:var(--ink-600);font-size:12.5px;line-height:1.45}.reengrave-scope svg{color:var(--ink-500);flex-shrink:0;margin-top:1px}.play-btn.is-preparing{background:var(--brand-500);cursor:progress}.play-btn.is-preparing svg{color:#fff}.staged-wait{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-600)}.staged-wait svg{color:var(--ink-500);flex-shrink:0}