@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/stemflipper/assets/fraunces-var-BOz5zopO.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/stemflipper/assets/ibm-plex-sans-var-BD64o3ke.woff2) format("woff2")}:root{--bg: #fbf6ed;--surface: #fffaf1;--surface-2: #f4ece0;--surface-3: #ece2d2;--text: #1a1814;--text-soft: #4a4338;--text-dim: #6b6152;--line: #d8cbb2;--line-soft: rgba(122, 112, 95, .18);--accent: #c2410c;--accent-hover: #9a340a;--accent-ink: #fffaf1;--accent-soft: #fde8ce;--accent-line: rgba(194, 65, 12, .16);--success: #3d6a1f;--success-soft: #e8f2dd;--error: #b91c1c;--error-soft: #fdeaea;--warn: #b45309;--warn-soft: #fdf0dd;--roll-bg: #16130f;--roll-row: #1c1813;--roll-grid: #2b2419;--roll-bar: #453a28;--roll-label: #9a9082;--roll-note: #f59e4b;--roll-note-dim: #a8703a;--roll-note-sel: #fffaf1;--roll-playhead: #6ad5c0;--ruler-bg: #1e1a15;--ruler-text: #c9c0b2;--ruler-loop: rgba(245, 158, 75, .22);--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-xs: 12px;--t-sm: 13px;--t-md: 15px;--t-lg: 18px;--t-xl: 24px;--t-2xl: 32px;--t-3xl: 44px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 0 rgba(26, 24, 20, .06), 0 1px 2px rgba(26, 24, 20, .04);--shadow-md: 0 2px 0 rgba(26, 24, 20, .06), 0 8px 22px rgba(122, 112, 95, .14);--shadow-lg: 0 30px 60px rgba(26, 24, 20, .16);--focus: 0 0 0 3px var(--accent-line), 0 0 0 1px var(--accent);--container: 1080px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16130f;--surface: #1e1a15;--surface-2: #272219;--surface-3: #332c21;--text: #f2ece1;--text-soft: #c9c0b2;--text-dim: #9a9082;--line: #383024;--line-soft: rgba(242, 236, 225, .12);--accent: #f59e4b;--accent-hover: #ffb46e;--accent-ink: #1b1200;--accent-soft: rgba(245, 158, 75, .16);--accent-line: rgba(245, 158, 75, .28);--success: #8ec96a;--success-soft: rgba(142, 201, 106, .14);--error: #f08a86;--error-soft: rgba(240, 138, 134, .14);--warn: #e0a458;--warn-soft: rgba(224, 164, 88, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 30px 60px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark],[data-scheme=studio]{--bg: #16130f;--surface: #1e1a15;--surface-2: #272219;--surface-3: #332c21;--text: #f2ece1;--text-soft: #c9c0b2;--text-dim: #9a9082;--line: #383024;--line-soft: rgba(242, 236, 225, .12);--accent: #f59e4b;--accent-hover: #ffb46e;--accent-ink: #1b1200;--accent-soft: rgba(245, 158, 75, .16);--accent-line: rgba(245, 158, 75, .28);--success: #8ec96a;--success-soft: rgba(142, 201, 106, .14);--error: #f08a86;--error-soft: rgba(240, 138, 134, .14);--warn: #e0a458;--warn-soft: rgba(224, 164, 88, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 30px 60px rgba(0, 0, 0, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--t-md)/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0;letter-spacing:-.01em}h1{font-size:var(--t-3xl)}h2{font-size:var(--t-2xl)}h3{font-size:var(--t-lg)}p{margin:0}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-hover)}code,kbd,.tabular{font-family:var(--mono);font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}button,input,select,textarea{font:inherit;color:inherit}input[type=range]{accent-color:var(--accent)}input[type=text],input[type=password],input[type=url],select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 8px}canvas{display:block;width:100%}hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0}::selection{background:var(--accent-soft)}.dim{color:var(--text-dim)}.soft{color:var(--text-soft)}.small{font-size:var(--t-sm)}.xs{font-size:var(--t-xs)}.serif{font-family:var(--serif)}.spacer{flex:1}.nowrap{white-space:nowrap}.center{text-align:center}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--s2)}.wrap{flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.scroll-x{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.scroll-x>table{min-width:max-content}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app.app--studio{height:100vh;height:100dvh;min-height:0;overflow:hidden}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s4)}.container--narrow{max-width:760px}.screen{flex:1;min-height:0}.screen--scroll{overflow:auto}.section{padding:var(--s7) 0}.section+.section{padding-top:0}.section__head{margin-bottom:var(--s4)}.siteheader{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);background:var(--surface)}.siteheader__brand{display:flex;align-items:center;gap:var(--s2);font-family:var(--serif);font-weight:700;font-size:var(--t-lg);color:var(--text);text-decoration:none}.siteheader__brand:hover{color:var(--text)}.siteheader__by{font-family:var(--sans);font-size:var(--t-xs);color:var(--text-dim);font-weight:400}.grid-cards{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-2{display:grid;gap:var(--s4);grid-template-columns:1fr 1fr}.grid-cards>*,.grid-2>*,.stack>*{min-width:0}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.section{padding:var(--s5) 0}:root{--t-3xl: 32px;--t-2xl: 26px}.container{padding:0 var(--s3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 14px;min-height:40px;cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease,transform .06s ease}.btn:hover{border-color:var(--text-dim);background:var(--surface-2);color:var(--text)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;transform:none}.btn:disabled:hover{border-color:var(--line);background:var(--surface)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-2);border-color:var(--line)}.btn--danger{color:var(--error);border-color:var(--error);background:transparent}.btn--lg{min-height:52px;padding:12px 24px;font-size:var(--t-lg);border-radius:var(--r-md)}.btn--sm{min-height:32px;padding:4px 10px;font-size:var(--t-sm)}.btn--icon{min-height:36px;padding:6px 10px}.btn--on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card--quiet{background:var(--surface-2);box-shadow:none}.card__title{font-family:var(--serif);font-weight:600;font-size:var(--t-lg);margin-bottom:var(--s1)}.card__body{color:var(--text-soft)}.progress{position:relative;height:10px;width:100%;background:var(--surface-3);border-radius:var(--r-pill);overflow:hidden}.progress__fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .3s ease}.progress--indeterminate .progress__fill{width:35%;animation:progress-slide 1.4s ease-in-out infinite}@keyframes progress-slide{0%{margin-left:-35%}to{margin-left:100%}}.steps{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s3)}.step{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);color:var(--text-dim)}.step__dot{width:18px;height:18px;border-radius:var(--r-pill);flex:none;border:2px solid var(--line);display:grid;place-items:center;font-size:10px}.step--done{color:var(--text-soft)}.step--done .step__dot{border-color:var(--success);color:var(--success)}.step--active{color:var(--text);font-weight:600}.step--active .step__dot{border-color:var(--accent);border-style:dashed;animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disclosure{border-top:1px solid var(--line)}.disclosure__summary{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 0;cursor:pointer;font-weight:500;list-style:none}.disclosure__summary::-webkit-details-marker{display:none}.disclosure__chevron{transition:transform .15s ease;color:var(--text-dim)}.disclosure[open] .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{padding-bottom:var(--s4)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px;gap:3px}.segmented__item{border:0;background:transparent;color:var(--text-soft);padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:500;min-height:34px}.segmented__item:hover:not(:disabled){color:var(--text);background:var(--surface)}.segmented__item[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.segmented__item:disabled{opacity:.4;cursor:default}.badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-xs);font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-dim);border:1px solid var(--line)}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.badge--ok{background:var(--success-soft);color:var(--success);border-color:transparent}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge--err{background:var(--error-soft);color:var(--error);border-color:transparent}.notice{border:1px solid var(--line);border-left:3px solid var(--text-dim);background:var(--surface);border-radius:var(--r-sm);padding:var(--s3) var(--s4)}.notice--error{border-left-color:var(--error);background:var(--error-soft)}.notice--warn{border-left-color:var(--warn);background:var(--warn-soft)}.notice--info{border-left-color:var(--accent);background:var(--accent-soft)}.notice__title{font-weight:600;margin-bottom:var(--s1)}.notice__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.toasts{position:fixed;bottom:var(--s4);left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:var(--s2);pointer-events:none;width:min(560px,calc(100vw - 2 * var(--s4)))}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-md);padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3)}.toast--error{border-color:var(--error)}kbd{font-family:var(--mono);font-size:var(--t-xs);background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 6px;color:var(--text-soft)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:70;padding:var(--s4)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:var(--s5);max-width:560px;width:100%;max-height:85vh;overflow:auto}.modal__head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.spinner{width:16px;height:16px;border-radius:50%;flex:none;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--s2);border:2px dashed var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--text-soft);padding:var(--s7) var(--s4);text-align:center;cursor:pointer;width:100%;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.dropzone--hot{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.dropzone__big{font-family:var(--serif);font-size:var(--t-xl);color:var(--text);font-weight:600}.dropzone__hint{font-size:var(--t-sm);color:var(--text-dim)}.dropveil{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--accent-soft) 88%,transparent);border:3px dashed var(--accent);display:grid;place-items:center;font-family:var(--serif);font-size:var(--t-2xl);color:var(--accent)}.hero{padding:var(--s8) 0 var(--s6);text-align:center}.hero__title{max-width:18ch;margin:0 auto var(--s3)}.hero__sub{max-width:58ch;margin:0 auto var(--s5);color:var(--text-soft);font-size:var(--t-lg)}.hero__actions{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap;margin-top:var(--s4)}.howto{counter-reset:step;display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.howto__item{position:relative;padding-left:var(--s6)}.howto__item:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:var(--t-sm)}.quota-table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.quota-table th,.quota-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.quota-table th{color:var(--text-dim);font-weight:600}.quota-table tr:last-child td{border-bottom:0}.quota-table .is-you{background:var(--accent-soft)}.where{display:grid;gap:var(--s2);grid-template-columns:1fr 1fr}.where__opt{display:flex;flex-direction:column;gap:var(--s2);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3);cursor:pointer;font:inherit;color:inherit}.where__opt:hover:not(:disabled){border-color:var(--text-dim)}.where__opt--on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.where__opt:disabled{opacity:.45;cursor:default}.where__head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.where__lines{display:flex;flex-direction:column;gap:3px;color:var(--text-dim)}@media(max-width:640px){.where{grid-template-columns:1fr}}.score-sheet{overflow-x:auto}.score-host{background:#fffdf8;border-radius:var(--r-sm);padding:var(--s2);min-height:120px}.score-host svg{display:block}.engines{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--s2)}.engine{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;font:inherit;cursor:pointer}.engine:hover{border-color:var(--text-dim)}.engine--on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.engine__head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.engine__why{display:flex;flex-direction:column;gap:2px}.engine__pro{color:var(--text-dim)}.engine__con{color:var(--text-dim);opacity:.8}.transport{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);position:sticky;top:var(--s2);z-index:5;box-shadow:var(--shadow-sm)}.transport__clock{font-family:var(--mono);font-size:var(--t-sm);min-width:46px}.transport__scrub{flex:1;min-width:0}.stems{display:flex;flex-direction:column;gap:var(--s2)}.stemrow{display:grid;grid-template-columns:1fr 110px;grid-template-areas:"head fader" "wave fader" "more more";gap:var(--s1) var(--s3);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3);transition:opacity .15s ease}.stemrow--quiet{opacity:.45}.stemrow__head{grid-area:head;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.stemrow__wave{grid-area:wave;min-width:0}.stemrow__fader{grid-area:fader;display:flex;align-items:center}.stemrow__fader input{width:100%}.waveform{width:100%;cursor:pointer;border-radius:3px}.filelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--t-sm)}.filelist a{display:inline-block;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:var(--t-xs);font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--text-soft)}.chip--more{border-style:dashed}.facts{border-collapse:collapse;width:100%;margin-top:var(--s2)}.facts td{padding:3px 6px;border-bottom:1px solid var(--line-soft)}.facts tr:last-child td{border-bottom:0}@media(max-width:640px){.stemrow{grid-template-columns:1fr;grid-template-areas:"head" "wave" "fader" "more"}.stemrow__fader{width:100%}.transport{position:static}}.lanegrid{border-collapse:collapse;font-size:var(--t-sm)}.lanegrid th,.lanegrid td{padding:3px 10px;text-align:center}.lanegrid thead th{font-size:var(--t-xs);color:var(--text-dim);font-weight:600}.lanegrid tbody th{text-align:left;font-weight:500;white-space:nowrap}.lanegrid tbody th .swatch{display:inline-block;vertical-align:middle;margin-right:4px}.lanegrid tbody tr+tr th,.lanegrid tbody tr+tr td{border-top:1px solid var(--line-soft)}.stemrow__more{grid-area:more;min-width:0;margin-top:var(--s1)}.stemrow__roll{margin-top:var(--s3);min-width:0;overflow:hidden}.stemrow__pads{margin-top:var(--s3)}.lanemix{display:flex;flex-direction:column;gap:var(--s1)}.lanemix__row{display:grid;grid-template-columns:74px 1fr 40px;gap:var(--s2);align-items:center}.lanemix__row--off{opacity:.5}.lanemix__name{font:inherit;font-size:12px;text-align:left;padding:2px 6px;cursor:pointer;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:inherit}.lanemix__name:hover:not(:disabled){border-color:var(--line)}.lanemix__name:disabled{cursor:default}.lanemix__row input{width:100%}.lanemix__value{text-align:right;font-variant-numeric:tabular-nums}.lanemix__note{margin:var(--s1) 0 0}.pads{display:flex;flex-wrap:wrap;gap:var(--s2)}.pad{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:58px;padding:var(--s2);cursor:pointer;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);transition:transform .06s ease,border-color .12s ease}.pad:hover{border-color:var(--text-dim)}.pad:active{transform:translateY(1px)}.pad--on{background:var(--accent-soft)}.pad__label{font-size:12px}.pad__sub{line-height:1.1}.studiobar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:var(--s2) var(--s3);background:var(--surface);border-bottom:1px solid var(--line);flex:none}.studiobar__clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-md);color:var(--accent);min-width:92px}.studiobar__sep{color:var(--line)}.studio-scroll{flex:1;overflow:auto;min-height:0}.tracks{display:flex;flex-direction:column}.track{display:flex;border-bottom:1px solid var(--line)}.trackhead{width:260px;min-width:260px;padding:var(--s2) var(--s3);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.tracklanes{flex:1;position:relative;min-width:0}.track__name{font-weight:600;display:flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:2px;flex:none}.lanefader{display:grid;grid-template-columns:62px 1fr 30px;align-items:center;gap:6px;font-size:var(--t-xs)}.lanefader input[type=range]{width:100%;min-width:0}.meter{width:7px;height:20px;background:var(--surface-3);border-radius:2px;overflow:hidden;display:flex;align-items:flex-end;flex:none}.meter__fill{width:100%;background:var(--roll-playhead)}.ruler{position:sticky;top:0;z-index:3;background:var(--ruler-bg);border-bottom:1px solid var(--line)}.stage-ok{color:var(--success)}.stage-fallback{color:var(--warn)}.stage-failed{color:var(--error)}.stage-skipped{color:var(--text-dim)}.studio table{border-collapse:collapse;font-size:var(--t-sm)}.studio th,.studio td{border:1px solid var(--line);padding:4px 8px;text-align:left}.lane-explainer{display:flex;gap:var(--s4);flex-wrap:wrap;padding:var(--s2) var(--s3);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:var(--t-xs);color:var(--text-dim);flex:none}.lane-explainer b{color:var(--text-soft)}.studio-narrow{display:none;padding:var(--s2) var(--s3);background:var(--warn-soft);color:var(--warn);font-size:var(--t-xs)}@media(max-width:900px){.studio-narrow{display:block}}.lanes{border-bottom:1px solid var(--line)}.lanes canvas{width:100%}