:root{--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-display: clamp(2.25rem, 5.2vw, 3.75rem);--fs-h1: clamp(1.75rem, 3.4vw, 2.25rem);--fs-h2: 1.5rem;--fs-h3: 1.25rem;--fs-body: 1rem;--fs-small: .875rem;--fs-micro: .6875rem;--lh-tight: 1;--lh-snug: 1.15;--lh-body: 1.5;--tracking-display: -.03em;--tracking-h2: -.025em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--rule-width: 1px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--dur-tap: 90ms;--dur-fast: .12s;--dur: .22s;--dur-slow: .42s;--dur-entrance: .64s;--stagger: 42ms;--measure: 62ch;--page-max: 1180px}:root,[data-theme=light]{--bg: #faf7f5;--panel: #ffffff;--elev: #f9f4f1;--rule: #ededed;--rule-strong: #dfcec3;--ink: #141414;--muted: #5c5c5c;--faint: #8a8a8a;--accent: #1f5f6b;--accent-ink: #ffffff;--accent-dark: #12414a;--accent-mid: #2d7b88;--accent-soft: #a8ccd2;--accent-tint: #f2f7f8;--highlight: #b8873f;--sepia: #8a6d3b;--good: #38946a;--warn: #b45309;--paper: #ffffff;--sheet-desk: #efe9e4;--hand-left: #8a6a86;--note: #1f5f6b;--note-est: #b8873f;--pedal-band: rgba(31, 95, 107, .08);--roll-row-a: #ffffff;--roll-row-b: #faf7f5;--roll-black: #f1ece8;--roll-beat: #f0ebe7;--roll-bar: #e2d9d2;--grain-opacity: 0;--grain-blend: normal;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-even: 0 2px 16px 4px rgba(0, 0, 0, .07);--shadow-page: var(--shadow-even)}[data-theme=dark]{--bg: #111113;--panel: #17181a;--elev: #1d1f22;--rule: #26282c;--rule-strong: #34373d;--ink: #f7f8f8;--muted: #a8adb4;--faint: #6b6f76;--accent: #5fc9dc;--accent-ink: #06222a;--accent-dark: #2f8fa3;--accent-mid: #3fa6bb;--accent-soft: #1f5f6b;--accent-tint: #14262b;--highlight: #d9a44f;--sepia: #c2a15f;--good: #4ec48c;--warn: #e0a458;--paper: #f5f2ee;--sheet-desk: #0b0c0d;--hand-left: #c193c6;--note: #5fc9dc;--note-est: #d9a44f;--pedal-band: rgba(95, 201, 220, .09);--roll-row-a: #17181a;--roll-row-b: #141517;--roll-black: #0f1011;--roll-beat: #1e2023;--roll-bar: #2d3035;--grain-opacity: 0;--grain-blend: normal;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-even: 0 2px 16px 4px rgba(0, 0, 0, .35);--shadow-page: var(--shadow-even)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111113;--panel: #17181a;--elev: #1d1f22;--rule: #26282c;--rule-strong: #34373d;--ink: #f7f8f8;--muted: #a8adb4;--faint: #6b6f76;--accent: #5fc9dc;--accent-ink: #06222a;--accent-dark: #2f8fa3;--accent-mid: #3fa6bb;--accent-soft: #1f5f6b;--accent-tint: #14262b;--highlight: #d9a44f;--sepia: #c2a15f;--good: #4ec48c;--warn: #e0a458;--paper: #f5f2ee;--sheet-desk: #0b0c0d;--hand-left: #c193c6;--note: #5fc9dc;--note-est: #d9a44f;--pedal-band: rgba(95, 201, 220, .09);--roll-row-a: #17181a;--roll-row-b: #141517;--roll-black: #0f1011;--roll-beat: #1e2023;--roll-bar: #2d3035;--grain-opacity: 0;--grain-blend: normal;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-even: 0 2px 16px 4px rgba(0, 0, 0, .35);--shadow-page: var(--shadow-even)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}a{color:inherit}input,button,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule-strong);border:4px solid transparent;background-clip:padding-box}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}.serif{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--tracking-display);color:var(--ink);margin:0;text-wrap:balance}.display em{font-style:normal;color:var(--accent)}.h1{font-family:var(--font-display);font-size:var(--fs-h1);line-height:1.1;font-weight:700;letter-spacing:var(--tracking-h2);color:var(--ink);margin:0}.h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.25;font-weight:700;letter-spacing:var(--tracking-h2);color:var(--ink);margin:0}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}.lede{font-size:1.0625rem;line-height:1.6;color:var(--muted);max-width:var(--measure);margin:0}.prose{color:var(--muted);line-height:1.6;max-width:var(--measure);margin:0}.numeral{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.card{background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:42px;padding:0 var(--sp-5);border:var(--rule-width) solid transparent;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-tap) var(--ease),opacity var(--dur) var(--ease)}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 90%,#000);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:not-allowed;background:var(--elev);border-color:var(--rule);color:var(--faint);box-shadow:none}.btn-sm{height:34px;padding:0 var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-small)}.btn-lg{height:56px;padding:0 var(--sp-6);font-size:var(--fs-h3);font-weight:700}.btn-ghost{background:var(--panel);border-color:var(--rule-strong);color:var(--ink);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--panel);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none;font-weight:500}.btn-quiet:hover:not(:disabled){background:var(--elev);color:var(--ink);box-shadow:none}.btn-link{display:inline;height:auto;padding:0;background:none;border:none;box-shadow:none;color:var(--accent);font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;cursor:pointer;transition:color var(--dur) var(--ease)}.btn-link:hover{background:none;box-shadow:none;color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.field{display:block;margin-bottom:var(--sp-4)}.field-label{display:block;font-size:var(--fs-small);font-weight:500;color:var(--ink);margin-bottom:var(--sp-2)}.field-input{width:100%;height:42px;padding:0 var(--sp-3);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.field-input::placeholder{color:var(--faint)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-7) var(--sp-6) var(--sp-9)}.rule{border:0;border-top:var(--rule-width) solid var(--rule);margin:0}.stack{display:flex;flex-direction:column}.fade-in{animation:fadeIn var(--dur-slow) var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.enter-stagger>*{animation:enterUp var(--dur-entrance) var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes enterUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{display:block}.rv-word{display:inline-block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;vertical-align:bottom}.reveal{white-space:pre-wrap}.rv-inner{display:inline-block;opacity:0;transform:translateY(.9em);transition:opacity var(--dur-entrance) var(--ease-out-expo),transform var(--dur-entrance) var(--ease-out-expo);transition-delay:calc(var(--i, 0) * var(--stagger))}.reveal.is-shown .rv-inner{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv-inner{opacity:1;transform:none}}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sweep{animation:sweep 1.7s var(--ease) infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.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}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.boot{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;height:200vh;height:200svh;align-items:flex-start;padding-top:calc(50svh - .5em);background:var(--bg);transition:transform var(--dur-entrance) cubic-bezier(.8,0,.2,1)}.boot.is-lifting{transform:translateY(-102vh)}.boot-mark{display:flex;align-items:baseline;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-h1);color:var(--ink);animation:bootPulse 1.6s var(--ease) infinite}@keyframes bootPulse{0%,to{opacity:.45}50%{opacity:1}}.boot-inline{min-height:40vh}.app-header{display:flex;align-items:center;gap:var(--sp-6);height:64px;padding:0 var(--sp-6);border-bottom:var(--rule-width) solid var(--rule);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:baseline;gap:5px;background:none;border:none;padding:0;cursor:pointer}.brand-word{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.brand-dot{width:10px;height:9px;border-radius:0;background:repeating-linear-gradient(to bottom,var(--accent) 0 1px,transparent 1px 3px);align-self:center}.brand-lg .brand-word{font-size:1.75rem}.brand-lg{margin-bottom:var(--sp-7)}.app-nav{display:flex;gap:var(--sp-1)}.nav-link{background:none;border:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;color:var(--muted);cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-link:hover{color:var(--ink);background:var(--elev)}.nav-link.is-active{color:var(--accent);background:var(--accent-tint)}.app-header-end{margin-left:auto;display:flex;align-items:center;gap:var(--sp-4)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:none;border:none;color:var(--muted);font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.theme-toggle:hover{color:var(--ink);background:var(--elev)}.avatar{width:30px;height:30px;border-radius:var(--radius-pill);background:var(--accent-tint);border:var(--rule-width) solid color-mix(in srgb,var(--accent) 25%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--accent)}.screen-head{margin-bottom:var(--sp-7);padding-bottom:var(--sp-5);border-bottom:var(--rule-width) solid var(--rule)}.screen-head .eyebrow,.screen-head .h1{margin-bottom:var(--sp-3)}.section-title{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:0 0 var(--sp-2)}.section-hint{font-size:var(--fs-small);color:var(--faint);margin:0 0 var(--sp-4)}.section-optional{font-family:var(--font-body);font-style:normal;font-size:var(--fs-small);color:var(--faint)}.form-error{color:var(--accent);font-size:var(--fs-small);margin:var(--sp-4) 0 0}.aside-note{font-size:var(--fs-small);color:var(--faint);line-height:1.55;margin:var(--sp-3) 0 0}.btn-sm{height:34px;padding:0 var(--sp-4);font-size:var(--fs-small)}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:1.05rem;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.icon-btn:hover:not(:disabled){color:var(--ink);background:var(--elev)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.empty{padding:var(--sp-8) var(--sp-6);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-xl);text-align:center}.empty .h2{margin-bottom:var(--sp-3)}.auth{flex:1;display:grid;grid-template-columns:1.35fr 1fr;min-height:100vh}.auth-pitch{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-9);background:linear-gradient(170deg,var(--bg) 30%,var(--accent-tint) 70%,var(--elev) 100%);border-right:var(--rule-width) solid var(--rule)}.auth-pitch-body{display:flex;flex-direction:column;gap:var(--sp-6);max-width:46ch}.auth-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5);margin:0;padding-top:var(--sp-5);border-top:var(--rule-width) solid var(--rule-strong)}.auth-facts dt{font-size:2rem;font-weight:700;letter-spacing:-.02em;letter-spacing:-.03em;color:var(--accent)}.auth-facts dd{margin:var(--sp-1) 0 0;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--sp-7) var(--sp-6)}.auth-form{width:100%;max-width:340px}.auth-title{margin-bottom:var(--sp-2)}.auth-sub{font-size:var(--fs-small);color:var(--muted);margin:0 0 var(--sp-7)}.auth-submit{width:100%;margin-top:var(--sp-2)}.auth-note{font-size:var(--fs-micro);color:var(--faint);text-align:center;margin:var(--sp-3) 0 0}.auth-switch{font-size:var(--fs-small);color:var(--muted);margin:var(--sp-6) 0 0}.upload-head{max-width:46rem}.step-bar{display:flex;align-items:center;gap:var(--sp-2);list-style:none;margin:0 0 var(--sp-7);padding:0}.step-item{display:flex;align-items:center;gap:var(--sp-2)}.step-item+.step-item:before{content:"";width:var(--sp-7);height:2px;border-radius:var(--radius-pill);background:var(--rule);transition:background var(--dur-slow) var(--ease)}.step-item.is-done+.step-item:before,.step-item.is-current:before{background:var(--accent)}.step-dot{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-1);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--faint);cursor:pointer;font-size:var(--fs-small);font-weight:500;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.step-dot:disabled{cursor:default}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--elev);border:var(--rule-width) solid var(--rule);font-size:var(--fs-micro);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.step-item.is-current .step-dot{color:var(--ink);background:var(--accent-tint)}.step-item.is-current .step-num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-item.is-done .step-dot{color:var(--muted)}.step-item.is-done .step-num{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.step-panel{animation:stepIn var(--dur-slow) var(--ease-out-expo) both}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.step-block+.step-block{margin-top:var(--sp-7)}.engine-list .engine,.format-row .chip{animation:stepIn var(--dur-slow) var(--ease-out-expo) both;animation-delay:calc(.12s + var(--i, 0) * var(--stagger))}.step-file{max-width:46rem}.step-details{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-6);align-items:start}.details-card{padding:var(--sp-6);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.summary-card{padding:var(--sp-5);background:var(--accent-tint);border:var(--rule-width) solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius-xl);position:sticky;top:calc(64px + var(--sp-5))}.summary-list{margin:var(--sp-4) 0 var(--sp-5)}.summary-list>div{padding:var(--sp-3) 0;border-bottom:var(--rule-width) solid color-mix(in srgb,var(--accent) 14%,transparent)}.summary-list>div:last-child{border-bottom:none}.summary-list dt{font-size:var(--fs-micro);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--sp-1)}.summary-list dd{margin:0;font-size:var(--fs-small);color:var(--ink)}.summary-file{word-break:break-all}.summary-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.step-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:var(--rule-width) solid var(--rule)}@media(max-width:900px){.step-details{grid-template-columns:minmax(0,1fr)}.summary-card{position:static}.step-label{display:none}}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-2);min-height:260px;padding:var(--sp-8) var(--sp-5);background:var(--accent);border:2px dashed color-mix(in srgb,var(--accent-ink) 32%,transparent);border-radius:var(--radius-lg);color:var(--accent-ink);cursor:pointer;box-shadow:var(--shadow-md);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-tap) var(--ease)}.drop:hover,.drop.is-dragging{background:color-mix(in srgb,var(--accent) 92%,#000);border-color:var(--accent-ink)}.drop:active{transform:scale(.995)}.drop.has-file{border-style:solid;border-color:var(--accent-ink)}.drop-mark{font-size:1.9rem;color:color-mix(in srgb,var(--accent-ink) 75%,transparent)}.drop-title{display:inline-flex;align-items:center;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius);background:var(--panel);color:var(--accent-dark);font-size:var(--fs-body);font-weight:600;word-break:break-all;box-shadow:var(--shadow)}.drop-sub{font-size:var(--fs-small);color:color-mix(in srgb,var(--accent-ink) 82%,transparent);margin-top:var(--sp-2)}.drop-formats{font-size:var(--fs-micro);color:color-mix(in srgb,var(--accent-ink) 66%,transparent);margin-top:var(--sp-4)}.engine-list{display:flex;flex-direction:column;gap:var(--sp-3)}.engine{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;text-align:left;padding:var(--sp-4) var(--sp-5);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-tap) var(--ease)}.engine:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-sm)}.engine.is-selected{border-color:var(--accent);background:var(--accent-tint);box-shadow:var(--shadow-sm)}.engine:active:not(.is-unavailable){transform:scale(.985)}.engine.is-unavailable{opacity:.5;cursor:not-allowed}.engine-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.engine-radio{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--rule-strong);flex:none;transition:all var(--dur) var(--ease)}.engine.is-selected .engine-radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--panel)}.engine-name{font-size:var(--fs-h3);font-weight:500}.engine-badge{font-size:var(--fs-micro);color:var(--accent);letter-spacing:.04em}.engine-badge.is-warn{color:var(--sepia)}.engine-tag{font-size:var(--fs-micro);color:var(--good)}.engine-notes{font-size:var(--fs-small);color:var(--muted);line-height:1.55;padding-left:calc(13px + var(--sp-3))}.format-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-4);cursor:pointer;color:var(--muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-tap) var(--ease)}.chip:active{transform:scale(.985)}.chip.is-on{color:var(--accent);background:var(--accent-tint);border-color:var(--accent)}.chip:hover{color:var(--ink);border-color:var(--accent)}.chip-box{width:15px;height:15px;border-radius:var(--radius-pill);border:var(--rule-width) solid var(--rule-strong);display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--accent-ink);align-self:center;transition:all var(--dur) var(--ease)}.chip.is-on .chip-box{background:var(--accent);border-color:var(--accent)}.chip-label{font-size:var(--fs-small);font-weight:600}.chip-hint{font-size:var(--fs-micro);color:var(--faint)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.upload-start{width:100%;margin-top:var(--sp-5)}.waiting{display:flex;align-items:center;justify-content:center;flex:1}.waiting-inner{width:100%;max-width:520px;text-align:center}.waiting-stage{margin:var(--sp-3) 0 var(--sp-3);text-transform:lowercase}.waiting-note{margin:0 auto var(--sp-7);text-align:center}.progress{position:relative;height:8px;background:var(--elev);border:var(--rule-width) solid var(--rule);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--dur-slow) var(--ease)}.progress-sweep{position:absolute;top:0;left:0;height:100%;width:28%;background:var(--accent)}.waiting-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--rule-width) solid var(--rule);margin:0}.waiting-stats>div{padding:var(--sp-4) var(--sp-1)}.waiting-stats dt{font-size:var(--fs-small);color:var(--faint);margin-bottom:var(--sp-1)}.waiting-stats dd{margin:0;font-size:var(--fs-body)}.waiting-clock{font-size:1.5rem;font-weight:500}.waiting-actions{margin-top:var(--sp-6)}.waiting-fineprint{font-size:var(--fs-small);color:var(--faint);line-height:1.6;margin:var(--sp-4) auto 0;max-width:44ch}.result{height:calc(100vh - 64px);display:flex;flex-direction:column;min-height:0}.result-head{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-6);background:transparent}.result-title{display:flex;align-items:baseline;gap:var(--sp-3);min-width:0}.result-engine{font-size:var(--fs-micro);color:var(--muted)}.result-head-end{margin-left:auto}.result-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-5);min-height:0;padding:0 var(--sp-6) var(--sp-5)}.result-roll{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-even);overflow:hidden}.roll-toolbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:var(--rule-width) solid var(--rule)}.roll-toolbar-spacer{flex:1}.roll-duration{font-size:var(--fs-body)}.view-controls{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);border-bottom:var(--rule-width) solid var(--rule);background:var(--panel)}.vc-group{display:flex;align-items:center;gap:var(--sp-2)}.vc-label{font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.vc-seg{display:flex;gap:2px;padding:3px;background:var(--elev);border:var(--rule-width) solid var(--rule);border-radius:var(--radius-pill)}.vc-seg button{padding:2px var(--sp-3);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.vc-seg button:hover{color:var(--ink)}.vc-seg button.is-active{background:var(--panel);color:var(--accent);box-shadow:var(--shadow-sm)}.vc-stepper{display:flex;align-items:center;gap:var(--sp-1)}.vc-value{min-width:3ch;padding:2px var(--sp-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:var(--fs-small);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.vc-value:hover:not(:disabled){background:var(--elev);color:var(--accent)}.vc-value:disabled{cursor:default;color:var(--muted)}.vc-note{flex:1 1 100%;margin:0;font-size:var(--fs-micro);color:var(--faint)}@media(max-width:1200px){.vc-note{display:none}}.transport{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:var(--rule-width) solid var(--rule);background:var(--panel);animation:transport-in var(--dur-slow) var(--ease-out-expo) both}@keyframes transport-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.transport-play{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius);background:var(--bg);color:var(--ink);cursor:pointer;font-size:11px;line-height:1;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-tap) var(--ease)}.transport-play:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.transport-play:active:not(:disabled){transform:scale(.94)}.transport-play:disabled{opacity:.4;cursor:not-allowed}.transport-clock{font-size:var(--fs-small);font-variant-numeric:tabular-nums;flex:none;min-width:8ch}.transport-clock-total{color:var(--faint)}.transport-track{position:relative;flex:1;height:18px;cursor:pointer;touch-action:none}.transport-track:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--rule)}.transport-fill{position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--accent);transform:scaleX(0);transform-origin:left center;will-change:transform}.transport-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.transport-note{font-size:var(--fs-micro);color:var(--faint);flex:none}.transport-hint-keys{color:var(--muted)}.transport-warn{color:var(--sepia)}@media(max-width:720px){.transport-note{display:none}}.roll-zoom-label,.roll-zoom-value{font-size:var(--fs-micro);color:var(--faint)}.roll-zoom{display:flex;align-items:center;gap:var(--sp-3)}.roll-zoom-value{min-width:42px;text-align:center;color:var(--muted)}.roll-wrap{flex:1;min-height:0;display:flex}.roll-scroll{flex:1;overflow:auto;background:var(--bg)}.roll-inner{display:flex;width:fit-content;position:relative}.roll-keys{position:sticky;left:0;z-index:3;display:block}.roll-canvas-wrap{position:relative}.roll-canvas{display:block;cursor:crosshair}.roll-playhead{position:absolute;top:0;left:0;width:1.5px;background:var(--accent);pointer-events:none;will-change:transform}.falling-wrap{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.falling-field{flex:1;min-height:0;position:relative;overflow:hidden;cursor:crosshair}.falling-canvas{position:absolute;top:0;left:0;display:block;will-change:transform}.falling-keys{display:block;flex:none;position:relative;z-index:2}.view-toggle{display:flex;gap:2px;padding:3px;background:var(--elev);border:var(--rule-width) solid var(--rule);border-radius:var(--radius-pill)}.view-toggle button{padding:var(--sp-1) var(--sp-4);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.view-toggle button:hover{color:var(--ink)}.view-toggle button.is-active{background:var(--panel);color:var(--accent);box-shadow:var(--shadow-sm)}.roll-legend{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);border-top:var(--rule-width) solid var(--rule);font-size:var(--fs-small);color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:var(--sp-2)}.swatch{width:20px;height:8px;border-radius:var(--radius-pill);display:inline-block}.swatch-measured{background:var(--note)}.swatch-estimated{background:linear-gradient(90deg,var(--note-est) 0 2.5px,color-mix(in srgb,var(--note-est) 40%,transparent) 2.5px)}.swatch-rh{background:var(--note)}.swatch-lh{background:var(--hand-left)}.swatch-pedal{background:var(--pedal-band);border:1px solid var(--rule)}.legend-note{font-size:var(--fs-micro);color:var(--faint)}.result-aside{overflow:auto;background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-even)}.aside-block{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:var(--rule-width) solid var(--rule)}.fact-list{margin:0}.fact-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--rule-width) solid var(--rule)}.fact-list>div:last-child{border-bottom:none}.fact-list dt{font-size:var(--fs-small);color:var(--muted)}.fact-list dd{margin:0;font-size:var(--fs-body)}.trust{background:var(--bg);border-top:2px solid var(--accent);padding-top:var(--sp-5)}.trust-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4)}.trust-head .section-title{margin:0}.trust-head .btn-link{margin-left:auto;font-size:var(--fs-micro)}.trust-item{padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:var(--rule-width) solid var(--rule)}.trust-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.trust-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.trust-label{font-size:var(--fs-small);color:var(--muted)}.trust-pill{font-size:var(--fs-micro);color:var(--muted)}.trust-pill.is-good{color:var(--good)}.trust-pill.is-warn{color:var(--sepia)}.trust-value{font-size:1.2rem;font-weight:700;letter-spacing:-.015em;margin:0 0 var(--sp-1)}.trust-caption{font-size:var(--fs-small);color:var(--muted);line-height:1.5;margin:0}.trust-detail{font-size:var(--fs-small);color:var(--faint);line-height:1.6;margin:var(--sp-2) 0 0}.trust-bar{height:3px;background:var(--rule);overflow:hidden;margin-bottom:var(--sp-3)}.trust-bar-fill{display:block;height:100%;background:var(--good);transition:width var(--dur-slow) var(--ease)}.trust-bar-fill.is-warn{background:var(--sepia)}.download-list{list-style:none;margin:0;padding:0}.download{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);width:100%;padding:var(--sp-3) 0;background:none;border:none;border-bottom:var(--rule-width) solid var(--rule);cursor:pointer;text-align:left;transition:color var(--dur) var(--ease)}.download:hover{color:var(--accent)}.download-fmt{font-size:var(--fs-small)}.download-desc{font-size:var(--fs-micro);color:var(--muted)}.history-head{display:flex;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap}.history-head>div{flex:1;min-width:0}.job-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.job-row{display:grid;grid-template-columns:minmax(0,1.2fr) .7fr .8fr minmax(0,1.6fr) 32px;gap:var(--sp-4);align-items:center;width:100%;padding:var(--sp-4) var(--sp-5);background:var(--panel);border:var(--rule-width) solid var(--rule-strong);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.job-row:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-sm)}.job-row.is-inert{cursor:default;opacity:.72}.job-when{display:flex;flex-direction:column;gap:2px;min-width:0}.job-id{font-size:var(--fs-small);color:var(--ink)}.job-time{font-size:var(--fs-micro);color:var(--faint)}.job-engine{font-size:var(--fs-small);color:var(--muted)}.job-state{justify-self:start;padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--elev);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.job-state.is-succeeded{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.job-state.is-running{background:var(--accent-tint);color:var(--accent)}.job-state.is-failed{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.job-desc{font-size:var(--fs-small);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-arrow{text-align:right;color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.job-row:hover:not(:disabled) .job-arrow,.job-row:focus-visible:not(:disabled) .job-arrow{opacity:1;transform:none}.job-row:not(:disabled) .job-when,.job-row:not(:disabled) .job-desc{transition:transform .4s var(--ease-out-expo)}.job-row:hover:not(:disabled) .job-when,.job-row:focus-visible:not(:disabled) .job-when,.job-row:hover:not(:disabled) .job-desc,.job-row:focus-visible:not(:disabled) .job-desc{transform:translate(6px)}.sheet{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--sheet-desk)}.sheet-bar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);border-bottom:var(--rule-width) solid var(--rule);background:transparent}.sheet-bar-spacer{flex:1}.sheet-pager{display:flex;align-items:center;gap:var(--sp-3)}.sheet-page-label{font-size:var(--fs-small);color:var(--muted);min-width:56px;text-align:center}.sheet-desk{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:var(--sp-7) var(--sp-5)}.sheet-page{width:100%;max-width:780px;background:var(--paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-even);padding:var(--sp-6)}.sheet-svg{animation:pageTurn var(--dur-slow) var(--ease-out-expo) both}@keyframes pageTurn{0%{opacity:0;transform:scale(.985) translateY(6px)}to{opacity:1;transform:none}}.sheet-svg svg{width:100%;height:auto;display:block}.sheet-loading{min-height:60vh}.sheet-caption{font-size:var(--fs-small);color:var(--muted);text-align:center;margin:var(--sp-5) 0 0;max-width:52ch}@media(max-width:1040px){.result{height:auto;min-height:calc(100vh - 60px)}.result-body{grid-template-columns:minmax(0,1fr)}.result-roll{border-right:none;border-bottom:var(--rule-width) solid var(--rule)}.roll-wrap{height:58vh}.result-aside{max-height:none}}@media(max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-pitch{padding:var(--sp-8) var(--sp-6);border-right:none;border-bottom:var(--rule-width) solid var(--rule)}.job-row{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--sp-1)}.job-engine,.job-arrow{display:none}.job-desc{grid-column:1 / -1;white-space:normal}}@media(max-width:640px){.page{padding:var(--sp-6) var(--sp-4) var(--sp-8)}.app-header{gap:var(--sp-4);padding:0 var(--sp-4)}.app-nav{gap:var(--sp-4)}.auth-facts{grid-template-columns:minmax(0,1fr)}}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-top:var(--rule-width) solid var(--rule);font-size:var(--fs-small);color:var(--muted)}.site-footer nav{display:flex;gap:var(--sp-4)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.legal-screen{padding:var(--sp-8) var(--sp-6) var(--sp-9)}.legal{max-width:34rem;margin:0 auto}.legal-title{font-size:var(--fs-h1);line-height:var(--lh-snug);letter-spacing:var(--tracking-h2);margin:var(--sp-2) 0 var(--sp-5)}.legal-lede{font-size:1.0625rem;line-height:var(--lh-body);color:var(--ink);padding-bottom:var(--sp-5);border-bottom:var(--rule-width) solid var(--rule);margin-bottom:var(--sp-5)}.legal h2{font-size:var(--fs-h3);letter-spacing:var(--tracking-h2);margin:var(--sp-6) 0 var(--sp-2)}.legal p{line-height:var(--lh-body);color:var(--muted);margin:0 0 var(--sp-3)}.legal-foot{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:var(--rule-width) solid var(--rule);font-size:var(--fs-small)}.legal-foot a{color:var(--accent)}.feedback-form{display:grid;gap:.75rem}.feedback-form textarea{resize:vertical;font:inherit}.feedback-keep{display:block;font-size:.85rem;line-height:1.45;color:var(--muted)}