:root{--paper: #FCFDFE;--canvas: #EEF2F6;--card: #FCFDFE;--card-2: #F4F7F9;--ink: #1F2A36;--ink-2: #4C5B69;--ink-3: #63707D;--line: #E3E8ED;--line-2: #EDF1F4;--brand: #0E7566;--accent: #0E7566;--accent-2: #0C685A;--accent-soft: #D4F5F0;--vocals: #4E5AC4;--vocals-soft: #E7E9F8;--drums: #BE7330;--drums-soft: #F6ECDF;--bass: #1B8C7C;--bass-soft: #DEF0EC;--other: #7C68AC;--other-soft: #EEE9F6;--guitar: #C0483D;--guitar-soft: #F6E2DF;--piano: #3E7CA8;--piano-soft: #E1ECF3;--good: #1E9C6B;--warn: #C7893A;--on-accent: #FFFFFF;--warn-soft: #FCF1E1;--warn-line: #C7893A;--shadow-flat: 0 1px 1.5px rgba(22, 32, 43, .05);--shadow: 0 1px 2px rgba(22, 32, 43, .05), 0 4px 10px -2px rgba(22, 32, 43, .06);--shadow-pop: 0 2px 4px rgba(22, 32, 43, .07), 0 14px 30px -8px rgba(22, 32, 43, .16);--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic UI", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Roboto Mono", "Consolas", monospace;--r: 16px;--col: 640px;--measure: 600px}:root[data-theme=dark]{--paper: #131C26;--canvas: #0F151C;--card: #1A2430;--card-2: #151E28;--ink: #DDE5EC;--ink-2: #A6B4C0;--ink-3: #7F8D99;--line: #243039;--line-2: #1C262F;--brand: #2FB79C;--accent: #2FB79C;--accent-2: #54C9B1;--accent-soft: #123029;--vocals: #8B94E6;--vocals-soft: #1E2340;--drums: #DBA268;--drums-soft: #33261A;--bass: #46C0AC;--bass-soft: #123029;--other: #AD9AD8;--other-soft: #251E38;--guitar: #E28B82;--guitar-soft: #3A211E;--piano: #78B0D8;--piano-soft: #182935;--good: #3FBE85;--warn: #DBA268;--on-accent: #06231D;--warn-soft: #2E2213;--warn-line: #DBA268;--shadow-flat: 0 1px 1.5px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 10px -2px rgba(0, 0, 0, .3);--shadow-pop: 0 2px 4px rgba(0, 0, 0, .4), 0 14px 30px -8px rgba(0, 0, 0, .5)}@media (min-width: 1000px){:root{--col: 720px;--measure: 640px}}@media (min-width: 1280px){:root{--col: 840px;--measure: 680px}}@media (min-width: 1600px){:root{--col: 960px;--measure: 720px}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #131C26;--canvas: #0F151C;--card: #1A2430;--card-2: #151E28;--ink: #DDE5EC;--ink-2: #A6B4C0;--ink-3: #7F8D99;--line: #243039;--line-2: #1C262F;--accent: #2FB79C;--accent-2: #54C9B1;--accent-soft: #123029;--vocals: #8B94E6;--vocals-soft: #1E2340;--drums: #DBA268;--drums-soft: #33261A;--bass: #46C0AC;--bass-soft: #123029;--other: #AD9AD8;--other-soft: #251E38;--guitar: #E28B82;--guitar-soft: #3A211E;--piano: #78B0D8;--piano-soft: #182935;--good: #3FBE85;--warn: #DBA268;--on-accent: #06231D;--warn-soft: #2E2213;--warn-line: #DBA268;--shadow-flat: 0 1px 1.5px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 10px -2px rgba(0, 0, 0, .3);--shadow-pop: 0 2px 4px rgba(0, 0, 0, .4), 0 14px 30px -8px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--canvas);min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;letter-spacing:.01em;text-rendering:optimizeLegibility}code,kbd,samp,pre,[style*=--mono]{font-feature-settings:normal;letter-spacing:normal}.stage{padding:12px 16px 0}.wrap{max-width:var(--col);margin:0 auto}.masthead{margin:0 auto 24px;max-width:var(--measure);text-align:center}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 8px}.masthead h1{font-size:32px;line-height:1.2;margin:0 0 10px;font-weight:700;letter-spacing:-.01em}.masthead p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0 auto}.masthead .eyebrow{font-size:12px;line-height:1.5}@media (max-width: 720px){.masthead{margin-bottom:14px}.masthead h1{font-size:25px;margin-bottom:7px}.masthead p{font-size:13.5px;line-height:1.5}.masthead .eyebrow{font-size:11px;margin-bottom:5px}.hero-parts{display:none}}.app-container{max-width:var(--col);margin:0 auto;background:var(--card);border-radius:20px;padding:26px 28px 30px;box-shadow:var(--shadow);border:1px solid var(--line)}.screen-content{display:flex;flex-direction:column}.apphead{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}.apphead h2{font-size:22px;margin:0;font-weight:700;letter-spacing:-.01em}.apphead .sub{font-size:12px;color:var(--ink-3);margin:3px 0 0;font-weight:500}.icobtn{width:36px;height:36px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 13px}.stat .k{font-size:11px;color:var(--ink-3);font-weight:600;margin:0 0 4px}.stat .v{font-size:20px;font-weight:750;font-family:var(--mono);letter-spacing:-.01em}.stat .v small{font-size:11px;font-weight:600;color:var(--ink-3);font-family:var(--font);margin-left:3px}.sectlabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin:12px 2px 8px}.dz-formats{margin:-6px 2px 14px;font-size:11px;line-height:1.7;color:var(--ink-3);text-align:center}.lsec-body{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 2px}.list{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.lrow{display:flex;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid var(--line-2);cursor:pointer}.lrow:last-child{border-bottom:none}.thumb{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent-2);flex:none}.lrow .t{flex:1;min-width:0}.lrow .t b{font-size:13.5px;font-weight:650;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .t span{font-size:11.5px;color:var(--ink-3);font-weight:500}.dotset{display:flex;gap:3px;margin-top:5px}.dotset i{width:7px;height:7px;border-radius:50%;display:block}.cta{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:var(--on-accent);border:none;border-radius:15px;padding:14px;font-size:15px;font-weight:700;font-family:var(--font);width:100%;cursor:pointer;box-shadow:0 6px 16px #0f7a6b4d;transition:opacity .15s ease}.cta:hover{opacity:.92}.cta.ghost{background:var(--card);color:var(--accent-2);border:1.5px solid var(--accent);box-shadow:none}.dropzone{border:2px dashed var(--line);border-radius:16px;padding:24px 16px;text-align:center;background:var(--card-2);cursor:pointer;transition:all .2s ease;margin-bottom:14px}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone.loaded{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon.loaded{background:var(--accent);color:var(--on-accent)}.dropzone-icon{width:48px;height:48px;border-radius:50%;background:var(--card);display:grid;place-items:center;margin:0 auto 10px;color:var(--accent)}.seg{display:flex;flex-wrap:wrap;background:var(--card-2);border:1px solid var(--line);border-radius:13px;padding:4px;gap:4px;margin-bottom:14px}.seg .opt{flex:1;min-width:120px;text-align:center;padding:8px 6px;border-radius:10px;font-size:13px;font-weight:650;color:var(--ink-2);cursor:pointer;transition:background .12s ease,color .12s ease}.seg .opt:hover:not(.on){color:var(--ink)}.seg .opt.on{background:var(--card);color:var(--accent-2);box-shadow:var(--shadow-flat);border:1px solid var(--line)}.seg .opt small{display:block;font-size:10px;color:var(--ink-3);font-weight:500;margin-top:2px}.prog-wrap{display:flex;flex-direction:column;align-items:center;padding:24px 0 10px}.ring{position:relative;width:140px;height:140px}.ring .pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring .pct b{font-size:32px;font-weight:750;font-family:var(--mono)}.ring .pct span{font-size:11px;color:var(--ink-3);font-weight:600}.pstat{font-size:14px;font-weight:650;margin:16px 0 4px;text-align:center}.psub{font-size:12px;color:var(--ink-3);text-align:center;margin:0}.stem{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 12px;margin-bottom:9px}.stem .top{display:flex;align-items:center;gap:9px;margin-bottom:8px}.stem .swatch{width:9px;height:26px;border-radius:4px;flex:none}.stem .nm{flex:1;font-size:13px;font-weight:650}.stem .nm small{display:block;font-size:10px;color:var(--ink-3);font-weight:500;font-family:var(--mono)}.ms{display:flex;gap:6px}.ms button{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--card-2);font-size:11px;font-weight:750;color:var(--ink-3);font-family:var(--mono);cursor:pointer}.ms button.m.on{background:var(--warn);color:var(--ink);border-color:transparent}.ms button.s.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.vol{display:flex;align-items:center;gap:9px}.vol input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:3px;background:var(--line)}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--card);border:2px solid var(--accent);box-shadow:0 1px 3px #0000002e;cursor:pointer}.vol .vn{font-size:11px;color:var(--ink-3);font-family:var(--mono);font-weight:600;width:30px;text-align:right}.transport{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:6px}.scrub{display:flex;align-items:center;gap:9px;margin-bottom:10px}.scrub .tt{font-size:11px;font-family:var(--mono);font-weight:650;color:var(--ink-2)}.tp-btns{display:flex;align-items:center;justify-content:center;gap:24px}.tp-btns .play{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;border:none;cursor:pointer;box-shadow:0 6px 16px #0f7a6b66}.landing{max-width:920px;margin:48px auto 0}.lsec{margin:0 0 44px}.lsec-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 22px;letter-spacing:-.01em}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.model-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cta-row{margin-top:22px}@media (max-width: 720px){.cta-row.ready{position:sticky;bottom:10px;z-index:20}.cta-row.ready:before{content:"";position:absolute;top:-16px;right:-28px;bottom:-12px;left:-28px;background:linear-gradient(to bottom,transparent,var(--card) 42%);pointer-events:none;z-index:-1}}.feat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-flat)}.feat-ico{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;margin-bottom:10px}.feat b{font-size:15px;display:block;margin-bottom:6px}.feat p{font-size:12.5px;line-height:1.6;color:var(--ink-2);margin:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.step{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-flat)}.step-n{flex:none;width:30px;height:30px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--mono)}.step b{font-size:14px;display:block;margin-bottom:4px}.step p{font-size:12.5px;line-height:1.6;color:var(--ink-2);margin:0}.faq{margin:0 auto;width:100%}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin-bottom:10px;box-shadow:var(--shadow-flat)}.faq-item summary{cursor:pointer;font-weight:600;font-size:14px;padding:12px 26px 12px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";position:absolute;right:0;color:var(--ink-3)}.faq-item[open] summary:after{content:"－"}.faq-item p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}.landing-note{text-align:center;font-size:11.5px;color:var(--ink-3);margin:0}.topnav{max-width:var(--col);margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);flex:none;padding:7px 0}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--brand);color:var(--on-accent);display:grid;place-items:center;box-shadow:var(--shadow-flat)}.brand-name{font-size:15px;font-weight:750;letter-spacing:-.01em}.topnav-current{display:inline-flex;align-items:center;gap:5px;margin-right:auto;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--accent-2);background:var(--accent-soft);white-space:nowrap}.usecases{margin:0;padding:0;list-style:none;display:grid;gap:8px}.usecases li{position:relative;padding:10px 12px 10px 34px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--ink-2);line-height:1.5}.usecases li:before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}.related-tools{display:flex;flex-wrap:wrap;gap:8px}.related-tool{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--accent-soft);border:1px solid transparent;color:var(--accent-2);font-size:13px;font-weight:600;text-decoration:none}.related-tool:hover{border-color:var(--accent)}.convert-note{padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.5;margin:10px 0}.convert-note.warn{background:var(--warn-soft);color:var(--ink);border-left:3px solid var(--warn-line)}.convert-note.ok{background:var(--accent-soft);color:var(--accent-2);font-weight:600;text-align:center}.convert-io{display:flex;align-items:flex-end;gap:12px;margin:14px 0 6px}.convert-side{display:flex;flex-direction:column;gap:4px;flex:1}.convert-lbl{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.convert-fmt{font-size:20px;font-weight:700;color:var(--accent-2);background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;text-align:center}.convert-fmt.fixed{color:var(--ink)}.convert-arrow{font-size:22px;color:var(--ink-3);padding-bottom:10px}.convert-targets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:10px 0 4px}.convert-target{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-family:var(--font)}.convert-target.on{border-color:var(--accent);background:var(--accent-soft)}.convert-target-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.convert-target-top b{font-size:15px;color:var(--ink)}.convert-badge{font-size:10px;font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:2px 8px}.convert-reason{font-size:11.5px;color:var(--ink-2);line-height:1.4}.convert-strength{display:block;height:5px;border-radius:999px;background:var(--line);overflow:hidden}.convert-strength-bar{display:block;height:100%;border-radius:999px;background:var(--accent)}.cross-link{display:inline-block;font-size:13px;font-weight:600;color:var(--accent-2);text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--accent-soft)}.cross-link:hover{text-decoration:underline}.batch-list{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}.batch-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.batch-row.done{border-color:var(--accent);background:var(--accent-soft)}.batch-row.error{border-color:var(--warn)}.batch-row.unsupported{opacity:.6}.batch-name{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-io{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.batch-src{font-weight:600;color:var(--ink-2)}.batch-target{font-family:var(--font);font-size:12px;font-weight:600;color:var(--accent-2);background:var(--card-2);border:1px solid var(--line);border-radius:8px;padding:4px 6px;cursor:pointer}.batch-status{font-size:11px;font-family:var(--mono);color:var(--ink-3);min-width:42px;text-align:right}.batch-status.done{color:var(--good);font-weight:700}.batch-status.error{color:var(--warn);font-weight:700}.batch-mini{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);cursor:pointer;font-size:12px;display:grid;place-items:center}.batch-text-btn{background:none;border:none;color:var(--accent-2);font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);padding:4px}.batch-text-btn:disabled{color:var(--ink-3);cursor:default}.gate-icon{width:64px;height:64px;border-radius:16px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;margin:8px auto 4px}.burger{display:flex;width:44px;height:44px;border-radius:12px;background:transparent;border:1px solid transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .15s ease,border-color .15s ease}.burger:hover,.burger[aria-expanded=true]{background:var(--card);border-color:var(--line)}.burger span{display:block;width:18px;height:2px;background:var(--ink-2);border-radius:1px}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.menu-layer{position:relative;z-index:41;height:0}.mobilenav{position:absolute;top:0;left:0;right:0;z-index:41;max-width:var(--col);margin:4px auto 0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-pop);padding:6px;display:flex;flex-direction:column}.mobilenav a{padding:12px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;border-radius:10px;display:flex;align-items:center;gap:10px}.mobilenav a:hover{background:var(--card-2)}.mobilenav .menu-lang{padding-top:12px;border-radius:0 0 10px 10px;color:var(--ink-2);font-weight:600}.sitefoot{max-width:var(--col);margin:40px auto 0;padding:24px 16px 32px;border-top:1px solid var(--line)}.sitefoot-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;margin-bottom:20px}.sitefoot-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:750;font-size:14px;margin-bottom:8px}.sitefoot-tagline{font-size:12px;color:var(--ink-3);max-width:280px;line-height:1.6}.sitefoot-col b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.sitefoot-col a{display:block;font-size:13px;color:var(--ink-2);text-decoration:none;padding:7px 0;margin-bottom:0}.sitefoot-col a:hover{color:var(--accent-2)}.sitefoot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid var(--line-2);font-size:11.5px;color:var(--ink-3)}.sitefoot-social{display:flex;gap:10px}.sitefoot-social a{width:40px;height:40px;border-radius:8px;background:var(--card-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);text-decoration:none}.sitefoot-social a:hover{color:var(--accent-2);border-color:var(--accent)}.spin-icon{animation:spin 1.1s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.lsec-intro{font-size:13px;color:var(--ink-2);text-align:center;max-width:560px;margin:-8px auto 18px;line-height:1.6}.glossary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-width:780px;margin:0 auto;min-width:0;width:100%}.gitem{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.gitem b{display:block;font-size:13.5px;margin-bottom:3px}.gitem span{font-size:12px;color:var(--ink-2);line-height:1.5}.stem-dl{background:var(--card-2);border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:11px;line-height:1.4;cursor:pointer;color:var(--ink-2);flex:none}.stem-dl:hover{border-color:var(--accent-2);color:var(--accent-2)}@media (pointer: coarse){.ms button{width:40px;height:40px;border-radius:10px;font-size:13px}.stem-dl{min-width:40px;min-height:40px;border-radius:10px;font-size:15px}.vol input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.vol input[type=range]::-moz-range-thumb{width:22px;height:22px}.icobtn{width:44px;height:44px}}.partners{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.partners-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px}.partners-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.partners-pr{font-size:10.5px;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}.partners-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.partner{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit;background:var(--card)}.partner:hover{border-color:var(--accent-2)}.partner b{font-size:13px}.partner-blurb{font-size:11.5px;line-height:1.55;color:var(--ink-3)}.partner-cta{font-size:11.5px;font-weight:600;color:var(--accent-2);margin-top:2px}.compress-est{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);font-weight:600}.compress-est-orig{color:var(--ink-3);font-weight:500}.compress-format{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.compress-format-opts{display:flex;gap:6px;flex-wrap:wrap}.compress-chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;font-family:var(--font);cursor:pointer}.compress-chip.on{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-soft, rgba(58, 119, 102, .08))}.compress-longrun{border:1px solid var(--line);border-left:3px solid var(--accent-2);border-radius:10px;padding:10px 12px;margin:10px 0 2px;font-size:12px;line-height:1.6}.compress-longrun b{display:block;margin-bottom:2px}.compress-longrun span{color:var(--ink-3)}@media (pointer: coarse){.compress-chip{padding:9px 14px}}.plot-wrap{width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);margin-bottom:6px}.plot-canvas{display:block;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:8px}@media (min-width: 760px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card);min-width:0}.stat>span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}.stat>b{display:block;font-size:15px;font-family:var(--mono);color:var(--ink);overflow-wrap:anywhere}.stat>small{display:block;font-size:10px;color:var(--ink-3);margin-top:2px}.editor-note{font-size:11px;line-height:1.6;color:var(--ink-3);margin:0 0 12px}.chain{margin-bottom:12px}.board{--wire: rgba(31, 42, 54, .3);background:#d7dde4;border:1px solid #C7CFD8;border-radius:16px;padding:16px 8px 18px;box-shadow:inset 0 2px 8px -4px #16202b59}:root[data-theme=dark] .board,:root:not([data-theme=light]) .board{--wire: rgba(255, 255, 255, .26);background:#232d38;border-color:#2c3742;box-shadow:inset 0 2px 8px -4px #0000008c}.chain-grid{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 12px;padding:0 12px}.chain-wire-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pedal{position:relative;user-select:none;-webkit-user-select:none;touch-action:none;flex:0 1 clamp(72px,20vw,116px);min-width:0;max-width:132px;aspect-ratio:1;display:grid;grid-template-rows:auto 1fr auto;align-content:stretch;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-flat);padding:7px 7px 8px;transition:box-shadow .15s,transform .15s,border-color .15s,background .15s}@supports (background: color-mix(in srgb,red 8%,white)){.pedal:not(.off):not(.end){background:color-mix(in srgb,var(--hue) 21%,var(--card));border-color:color-mix(in srgb,var(--hue) 74%,var(--line))}}.pedal:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.pedal[role=switch]{cursor:pointer;-webkit-tap-highlight-color:transparent}.pedal[role=switch]:active{transform:translateY(1px)}.pedal[role=switch]:focus-visible{outline:2px solid var(--hue);outline-offset:3px}.pedal-knobs{cursor:default}.pedal.open{border-color:var(--hue);box-shadow:var(--shadow)}.node{flex:0 0 auto;display:grid;justify-items:center;align-content:center;gap:5px;padding:0 2px}.node-ring{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink-3)}.node-ring svg{width:22px;height:16px}.node-label{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-3)}.pedal.dragging{z-index:2;cursor:grabbing;box-shadow:var(--shadow-pop);transform:scale(1.02);pointer-events:none}.pedal-face{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;width:100%;border:0;background:none;padding:0;text-align:left}.pedal-dot{width:7px;height:7px;border-radius:50%;background:var(--hue);flex:none}.pedal-name{min-width:0}.pedal-name b{display:block;font-size:9.5px;line-height:1.15;color:var(--hue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedal-name small{display:none}.pedal-glyph{display:block;width:100%;height:100%;max-height:34px;margin:0;align-self:center;color:var(--hue);opacity:.9}.pedal.off{border-color:#c3cbd4;background:#e4e9ee;box-shadow:inset 0 1px 3px -1px #16202b2e}:root[data-theme=dark] .pedal.off,:root:not([data-theme=light]) .pedal.off{border-color:#2a343f;background:#182029;box-shadow:inset 0 1px 3px -1px #00000080}.pedal.off:hover{transform:none;box-shadow:inset 0 1px 3px -1px #16202b2e}.pedal.off .pedal-dot{background:var(--ink-3);opacity:.5}.pedal.off .pedal-name b,.pedal.off .pedal-glyph{color:var(--ink-3);opacity:.6}.pedal.off .knob-fill,.pedal.off .knob-pointer{stroke:var(--ink-3);opacity:.55}.pedal.off .knob-label{opacity:.6}.pedal-more{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink-3);display:grid;place-items:center;cursor:pointer;transition:transform .15s,color .15s,border-color .15s}.pedal-more:hover{color:var(--hue);border-color:var(--hue)}.pedal-more[aria-expanded=true]{color:var(--hue);border-color:var(--hue);transform:rotate(180deg)}.pedal-more:focus-visible{outline:2px solid var(--hue);outline-offset:2px}.pedal-drop{margin-top:8px;border:1px dashed var(--line);border-radius:10px;background:var(--card-2);padding:8px 10px;cursor:pointer;display:grid;gap:2px;text-align:center}.pedal-drop:hover,.pedal-drop.active{border-color:var(--hue);background:var(--accent-soft)}.pedal-drop b{font-size:11.5px;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}.pedal-drop small{font-size:10px;color:var(--ink-3);line-height:1.4}.pedal-out{margin-top:8px;border-radius:10px;background:var(--card-2);padding:8px 10px;text-align:center}.pedal-out b{display:block;font-family:var(--mono);font-size:13px;color:var(--ink)}.pedal-out small{font-size:10px;color:var(--ink-3)}.pedal-knobs{display:flex;justify-content:space-around;gap:2px;margin-top:4px;padding-top:0;border-top:0;flex-wrap:nowrap;min-height:0;align-items:flex-end}.pedal-offchip{position:absolute;top:9px;right:10px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:1px 6px;background:var(--card)}.knob{position:relative;display:grid;justify-items:center;gap:1px;min-width:0}.knob-label{font-size:8px;color:var(--ink-2);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.knob-dial{width:26px;height:26px;cursor:ns-resize;touch-action:none}.knob-dial svg{display:block;width:100%;height:100%}.knob-track{fill:none;stroke:var(--line);stroke-width:3.5;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--hue, var(--accent));stroke-width:3.5;stroke-linecap:round}.knob-body{fill:var(--card);stroke:var(--line);stroke-width:1}.knob-pointer{stroke:var(--hue, var(--accent));stroke-width:2.2;stroke-linecap:round}.knob-dial.active .knob-body,.knob-dial:hover .knob-body{fill:var(--card-2)}.knob-dial:focus-visible{outline:2px solid var(--hue, var(--accent));outline-offset:3px;border-radius:50%}.knob-value{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:4}@media (pointer: coarse){.knob-dial{width:30px;height:30px}}.gl-presetbox{margin-top:14px;border:1px dashed var(--line);border-radius:14px;background:var(--card-2)}.gl-presetbox.open{padding-bottom:14px}.gl-presetopen{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;padding:12px 14px;cursor:pointer;font-size:13px;font-weight:700;color:var(--ink);text-align:left}.gl-presetopen svg{flex:none;color:var(--ink-3);transition:transform .15s}.gl-presetopen[aria-expanded=true] svg{transform:rotate(180deg)}.gl-presetbox p{font-size:11.5px;color:var(--ink-3);line-height:1.6;margin:0 14px 10px}.gl-presetbox .gl-presets{padding:0 14px}.gl-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px;width:100%;min-width:0}.gl-preset{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;cursor:pointer;display:grid;gap:3px;min-width:0}.gl-preset b{font-size:13px;color:var(--ink)}.gl-preset span{font-size:11.5px;line-height:1.5;color:var(--ink-3)}.gl-preset.on{border-color:var(--accent);background:var(--accent-soft)}.gl-preset.on b,.gl-preset.on span{color:var(--accent-2)}.gl-play{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color .14s,transform .1s}.gl-play:hover{border-color:var(--ink-3)}.gl-play:active{transform:scale(.93)}.gl-play:focus-visible{outline:2px solid var(--ink-3);outline-offset:3px}@media (pointer: coarse){.gl-play{width:40px;height:40px}}.gl-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 8px}.gl-seek{flex:1 1 120px;min-width:100px;height:6px;border-radius:999px;background:var(--line);cursor:pointer;position:relative;touch-action:none}.gl-seek-fill{display:block;height:100%;border-radius:999px;background:var(--accent);position:relative}.gl-seek-fill:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--card);border:2px solid var(--accent);transform:translateY(-50%);box-shadow:var(--shadow-flat)}.gl-seek:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}@media (pointer: coarse){.gl-seek{height:8px}}.gl-compare{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);font-size:12px;font-weight:600;padding:8px 14px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.gl-compare.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (max-width: 520px){.gl-row{grid-template-columns:78px 1fr 54px}.chain-grid{gap:24px}.pedal-glyph{height:32px}}@media (pointer: coarse){.pedal-more{width:32px;height:32px}}.gl-step{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px;flex-wrap:wrap}.gl-stepno{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:3px 9px;flex:none}.gl-step h2{font-size:16px;font-weight:700;margin:0;flex:1 1 auto;min-width:0}.gl-nav{display:flex;align-items:center;gap:8px;flex:none}.gl-back,.gl-fwd{border-radius:999px;font-size:12px;padding:6px 14px;cursor:pointer;flex:none;font-weight:600}.gl-back{border:1px solid var(--line);background:var(--card);color:var(--ink-2)}.gl-back:hover{border-color:var(--accent-2);color:var(--accent-2)}.gl-fwd{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)}.gl-fwd:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.gl-fwd:disabled{opacity:.45;cursor:default}.eqcurve{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px 10px 2px;margin-bottom:6px}.eqcurve svg{display:block;width:100%}.eq-grid{stroke:var(--line-2);stroke-width:1}.eq-zero{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}.eq-line{stroke:var(--accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.eq-tag{font-family:var(--mono);font-size:8.5px;fill:var(--ink-3)}.eqcurve-axis{position:relative;height:14px;font-family:var(--mono);font-size:8.5px;color:var(--ink-3)}.eqcurve-axis span{position:absolute;transform:translate(-50%)}.gl-spinner{display:inline-block;width:42px;height:42px;animation:spin .9s linear infinite}.gl-spinner svg{display:block;width:100%;height:100%}.gl-spinner-track{fill:none;stroke:var(--line);stroke-width:4}.gl-spinner-arc{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:28 85}.gl-working{display:grid;justify-items:center;gap:4px;padding:26px 0 22px;text-align:center}.gl-working b{font-size:13.5px;margin-top:6px}.gl-working small{font-size:11.5px;color:var(--ink-3)}@media (prefers-reduced-motion: reduce){.gl-spinner{animation-duration:2.4s}}.gl-vis{margin:14px auto 0;max-width:560px}.gl-vis svg{display:block;width:100%;height:auto;overflow:visible}.gv-rail{stroke:var(--line);stroke-width:2;stroke-linecap:round}.gv-bars rect{fill:var(--ink-3);opacity:.45}.gv-in rect{animation:gv-jitter 5s ease-in-out 3 forwards}.gv-out rect{fill:var(--accent);opacity:.9;transform:scaleY(.28);animation:gv-arrive 5s cubic-bezier(.2,.7,.3,1) 3 forwards}@keyframes gv-jitter{0%,to{transform:scaleY(.85)}25%{transform:scaleY(1.15)}50%{transform:scaleY(.7)}75%{transform:scaleY(1.05)}}@keyframes gv-arrive{0%,64%{transform:scaleY(.28)}80%,to{transform:scaleY(1)}}.gv-pulse{fill:var(--accent);animation:gv-travel 5s linear 3 forwards}@keyframes gv-travel{0%{transform:translate(0);opacity:0}3%,4%{transform:translate(0);opacity:1}64%{transform:translate(376px);opacity:1}72%{transform:translate(404px);opacity:0}to{transform:translate(404px);opacity:0}}.gv-disc{fill:var(--card);stroke:var(--line);stroke-width:2}.gv-mark{fill:none;stroke:var(--ink-3);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.gv-halo{fill:var(--hue);opacity:0}.gv-name{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-anchor:middle;fill:var(--hue);opacity:0}.gv-node .gv-halo,.gv-node .gv-disc,.gv-node .gv-mark,.gv-node .gv-name{animation-duration:5s;animation-iteration-count:3;animation-fill-mode:forwards;animation-delay:inherit}.gv-node .gv-halo{animation-name:gv-halo}.gv-node .gv-disc{animation-name:gv-disc}.gv-node .gv-mark{animation-name:gv-mark}.gv-node .gv-name{animation-name:gv-callout}@keyframes gv-halo{0%,4%{opacity:0;transform:scale(.7)}8%{opacity:.22;transform:scale(1)}26%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}@keyframes gv-disc{0%,4%{stroke:var(--line);transform:scale(1)}9%{stroke:var(--hue);transform:scale(1.12)}30%,to{stroke:var(--hue);transform:scale(1)}}@keyframes gv-mark{0%,4%{stroke:var(--ink-3)}9%,to{stroke:var(--hue)}}@keyframes gv-callout{0%,4%{opacity:0;transform:translateY(6px) scale(.9)}9%,to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.gv-pulse,.gv-in rect,.gv-out rect,.gv-node .gv-halo,.gv-node .gv-disc,.gv-node .gv-mark,.gv-node .gv-name{animation:none}.gv-out rect{transform:scaleY(1)}.gv-node .gv-disc,.gv-node .gv-mark{stroke:var(--hue)}.gv-node .gv-name{opacity:1}.gv-pulse{opacity:0}}:root[data-tool=unmix]{--accent: #0E7566;--accent-2: #0C685A;--accent-soft: #D4F5F0}:root[data-tool=recast]{--accent: #2C69B1;--accent-2: #265D9F;--accent-soft: #D4E3F5}:root[data-tool=compact]{--accent: #7C52B6;--accent-2: #7045AC;--accent-soft: #E2D5F3}:root[data-tool=shape]{--accent: #B4395E;--accent-2: #A03253;--accent-soft: #F8E2E9}:root[data-tool=glaze]{--accent: #277713;--accent-2: #206B0D;--accent-soft: #CBF6C0}:root[data-theme=dark][data-tool=unmix],:root:not([data-theme=light])[data-tool=unmix]{--accent: #2FB79C;--accent-2: #54C9B1;--accent-soft: #123029}:root[data-theme=dark][data-tool=recast],:root:not([data-theme=light])[data-tool=recast]{--accent: #5B9BE0;--accent-2: #86B9EC;--accent-soft: #142639}:root[data-theme=dark][data-tool=compact],:root:not([data-theme=light])[data-tool=compact]{--accent: #A98AE0;--accent-2: #C2ACEC;--accent-soft: #241D38}:root[data-theme=dark][data-tool=shape],:root:not([data-theme=light])[data-tool=shape]{--accent: #DF92A9;--accent-2: #E5A4B7;--accent-soft: #30181F}:root[data-theme=dark][data-tool=glaze],:root:not([data-theme=light])[data-tool=glaze]{--accent: #4BB530;--accent-2: #55CD37;--accent-soft: #1A3E11}:root[data-theme=light][data-tool=unmix]{--accent: #0E7566;--accent-2: #0C685A;--accent-soft: #D4F5F0}:root[data-theme=light][data-tool=recast]{--accent: #2C69B1;--accent-2: #265D9F;--accent-soft: #D4E3F5}:root[data-theme=light][data-tool=compact]{--accent: #7C52B6;--accent-2: #7045AC;--accent-soft: #E2D5F3}:root[data-theme=light][data-tool=shape]{--accent: #B4395E;--accent-2: #A03253;--accent-soft: #F8E2E9}.toolbadge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--accent-2);flex-wrap:wrap;justify-content:center}.toolbadge b{font-weight:800;letter-spacing:.01em;text-transform:none;font-size:13px}.toolbadge-tag{font-weight:600;color:var(--ink-3);letter-spacing:.08em}.toolbadge-tag:before{content:"·";margin-right:7px;color:var(--line)}.toolbadge-mark{width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.mobilenav a .navmark,.sitefoot-col a .navmark{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;vertical-align:-4px;color:var(--tool-hue, var(--ink-3))}.mobilenav a:hover .navmark,.sitefoot-col a:hover .navmark{color:var(--tool-hue, var(--accent))}.navmark[data-tool=unmix]{--tool-hue: #0E7566}.navmark[data-tool=recast]{--tool-hue: #2C69B1}.navmark[data-tool=compact]{--tool-hue: #7C52B6}.navmark[data-tool=shape]{--tool-hue: #B4395E}.navmark[data-tool=glaze]{--tool-hue: #277713}:root[data-theme=dark] .navmark[data-tool=unmix],:root:not([data-theme=light]) .navmark[data-tool=unmix]{--tool-hue: #2FB79C}:root[data-theme=dark] .navmark[data-tool=recast],:root:not([data-theme=light]) .navmark[data-tool=recast]{--tool-hue: #5B9BE0}:root[data-theme=dark] .navmark[data-tool=compact],:root:not([data-theme=light]) .navmark[data-tool=compact]{--tool-hue: #A98AE0}:root[data-theme=dark] .navmark[data-tool=shape],:root:not([data-theme=light]) .navmark[data-tool=shape]{--tool-hue: #DF92A9}:root[data-theme=dark] .navmark[data-tool=glaze],:root:not([data-theme=light]) .navmark[data-tool=glaze]{--tool-hue: #4BB530}:root[data-theme=light] .navmark[data-tool=unmix]{--tool-hue: #0E7566}:root[data-theme=light] .navmark[data-tool=recast]{--tool-hue: #2C69B1}:root[data-theme=light] .navmark[data-tool=compact]{--tool-hue: #7C52B6}:root[data-theme=light] .navmark[data-tool=shape]{--tool-hue: #B4395E}:root[data-theme=light] .navmark[data-tool=glaze]{--tool-hue: #277713}.cw{width:100%;margin:12px auto 2px;max-width:460px}.cw svg{display:block;width:100%;height:auto}.cw-dot{opacity:.85;animation-name:cw-bob;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite;animation-direction:alternate}@keyframes cw-bob{0%{transform:translateY(-27px)}to{transform:translateY(27px)}}@media (prefers-reduced-motion: reduce){.cw-dot{animation:none}}@media (max-width: 560px){.app-container{padding:22px 16px 24px}.chain-grid{gap:18px 8px;padding:0}.pedal{padding:6px 5px 7px}.pedal-dot{display:none}.knob-dial{width:22px;height:22px}.knob-label,.pedal-offchip{display:none}}body.tool-engaged .masthead .eyebrow,body.tool-engaged .masthead>p{display:none!important}body.tool-engaged .masthead{margin-bottom:6px}body.tool-engaged .masthead h1{font-size:13px!important;line-height:1.3!important;font-weight:700!important;color:var(--ink-3)!important;letter-spacing:.02em}button:not(:disabled):active,a.cta:active,.gl-fwd:not(:disabled):active,.gl-back:active{transform:translateY(1px) scale(.985)}button:disabled{cursor:not-allowed}
