:root{--metal-dark:#1a1814;--metal-mid:#2a2620;--metal-light:#3d3830;--trim:#8a7f6e;--glass:#0e0d0b;--cream:#e8dcc8;--muted:#9a8f7e;--led-on:#f2a24a;--led-dim:#4a2f18;--accent:#c9a06b;--danger:#a65c5c;--wave-bg:#0d0c0a;--wave-grid:#c9b89614;--wave-midline:#c9b89626;--wave-trace:#c9b896;--wave-selection-active:#b48c4638;--wave-selection-inactive:#5046321a;--wave-region-stroke:#d4a574;--wave-begin-line:#7cb87c;--wave-end-line:#c97c7c;--wave-slice-line:#c8bea080;--wave-playhead:#f0e6d2;--wave-handle-begin-fill:#7cb87cf2;--wave-handle-begin-stroke:#2a4a2a;--wave-handle-end-fill:#c97c7cf2;--wave-handle-end-stroke:#4a2a2a;--wave-zoom-text:#c9b896b3;--wave-vignette-top:#00000059;--wave-vignette-bottom:#0006;--wave-nav-marker:#78aadce0;--font:"IBM Plex Mono", "SF Mono", ui-monospace, monospace;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--cream);font-family:var(--font-ui);background:radial-gradient(120% 80% at 50% 0,#2f2a22 0%,#12100d 55%,#0a0908 100%);margin:0;font-size:14px;line-height:1.4}body.theme-light{--metal-dark:#c8d2de;--metal-mid:#dce5f0;--metal-light:#a8b6c8;--trim:#90a0b6;--glass:#edf3fa;--cream:#1f3044;--muted:#5f7088;--accent:#6f9cc8;--wave-bg:#edf3fb;--wave-grid:#5a789629;--wave-midline:#5a78964d;--wave-trace:#5f86af;--wave-selection-active:#6f9cc838;--wave-selection-inactive:#8296af1f;--wave-region-stroke:#5f86af;--wave-begin-line:#5f9e75;--wave-end-line:#bf7676;--wave-slice-line:#5f86af73;--wave-playhead:#2e4864;--wave-handle-begin-fill:#5f9e75e6;--wave-handle-begin-stroke:#2d5940;--wave-handle-end-fill:#bf7676e6;--wave-handle-end-stroke:#7d3f3f;--wave-zoom-text:#39516bcc;--wave-vignette-top:#cddcee52;--wave-vignette-bottom:#b7cae057;--wave-nav-marker:#376eaae6;background:radial-gradient(120% 80% at 50% 0,#f2f7fd 0%,#dbe6f2 60%,#c6d4e4 100%)}.revox{max-width:1180px;margin:0 auto;padding:28px 20px 48px}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.teaser-banner{background:linear-gradient(165deg,#3a342cf2 0%,#1c1a16fa 100%);border:1px solid #8a7f6e73;border-radius:4px;margin-bottom:20px;padding:14px 42px 14px 16px;position:relative;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0d}.teaser-banner-close{opacity:.85;min-width:28px;padding:4px 7px;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:8px}.teaser-banner-close:hover{opacity:1}body.theme-light .teaser-banner{background:linear-gradient(165deg,#eef4fb 0%,#dbe6f2 100%);border-color:#8298b28c;box-shadow:0 3px 12px #506c8c26,inset 0 1px #ffffffbf}.teaser-banner-inner{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.teaser-banner-lede{color:var(--cream);flex:220px;margin:0;font-size:.88rem;line-height:1.45}.teaser-banner-lede strong{color:var(--accent);font-weight:650}body.theme-light .teaser-banner-lede strong{color:#4a7aa8}.teaser-banner-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teaser-banner-btn{white-space:nowrap}.teaser-banner-hint{color:var(--muted);flex-basis:100%;margin:10px 0 0;font-size:.72rem;line-height:1.5}.teaser-banner-code{font-family:var(--font);color:#f0e8dc;background:#00000047;border-radius:2px;padding:1px 5px;font-size:.68rem}body.theme-light .teaser-banner-code{color:#2b4158;background:#ffffffa6}.machine-header{border-bottom:1px solid #8a7f6e59;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:16px;display:flex}.header-tools{align-items:flex-end;gap:10px;display:flex}.btn-theme{padding:7px 10px;font-size:.65rem}.btn-help{min-width:34px;padding-left:0;padding-right:0;font-size:.82rem;font-weight:700}.license-pill{color:#ffd0d0;height:30px;font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;background:#782d2d4d;border:1px solid #a05a5a99;border-radius:999px;align-items:center;padding:0 10px;font-size:.6rem;display:inline-flex}.license-pill.authorized{color:#d5f5d5;background:#3c6e3c47;border-color:#78c378a6}body.theme-light .license-pill{color:#8b3232;background:#bf76761f;border-color:#bf7676b3}body.theme-light .license-pill.authorized{color:#235638;background:#69ad7d29;border-color:#69ad7db3}.manual-sidebar{z-index:2100;background:linear-gradient(#1f1a14 0%,#12100d 100%);border-left:1px solid #5a5246b3;flex-direction:column;width:min(520px,46vw);height:100vh;transition:transform .16s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000073}.license-modal{z-index:2200;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.license-modal.is-open{display:flex}.license-modal-card{background:linear-gradient(#27221b 0%,#17140f 100%);border:1px solid #5a5246b3;border-radius:4px;width:min(520px,100vw - 24px);padding:12px 14px 14px;box-shadow:0 12px 30px #00000073}body.theme-light .license-modal-card{background:linear-gradient(#eff5fc 0%,#dbe7f3 100%);border-color:#8298b2b3;box-shadow:0 10px 24px #34527333}.license-modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.license-modal-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.license-status-text,.license-hint{color:var(--cream);margin:0 0 8px;font-size:.72rem}body.theme-light .license-status-text,body.theme-light .license-hint{color:#20344b}.license-key-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-family:var(--font);margin-bottom:4px;display:block}#license-key-input{width:100%;font-family:var(--font);color:var(--cream);background:#12110e;border:1px solid #5a5246a6;border-radius:2px;margin-bottom:8px;padding:8px 10px;font-size:.72rem}body.theme-light #license-key-input{color:#2b4058;background:#f6f9fd;border-color:#8298b2b3}.license-actions{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.manual-sidebar.is-open{transform:translate(0)}body.theme-light .manual-sidebar{background:linear-gradient(#eef4fb 0%,#dbe6f2 100%);border-left-color:#8298b2bf;box-shadow:-8px 0 20px #34527333}.manual-head{border-bottom:1px solid #5a524673;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 8px;display:flex}body.theme-light .manual-head{border-bottom-color:#8298b273}.manual-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.manual-close{width:34px;min-width:0;height:30px;padding:0}.manual-search-wrap{border-bottom:1px solid #5a524659;padding:10px 14px}body.theme-light .manual-search-wrap{border-bottom-color:#8298b259}#manual-search{width:100%;font-family:var(--font);color:var(--cream);background:#12110e;border:1px solid #5a5246a6;border-radius:2px;padding:8px 10px;font-size:.72rem}body.theme-light #manual-search{color:#2b4058;background:#f6f9fd;border-color:#8298b2b3}.manual-content{flex:auto;padding:12px 14px 18px;overflow:auto}.manual-content .manual-h1,.manual-content .manual-h2,.manual-content .manual-h3{color:var(--accent);margin:14px 0 8px}.manual-content .manual-h1{font-size:.86rem}.manual-content .manual-h2{font-size:.8rem}.manual-content .manual-h3{font-size:.75rem}.manual-content .manual-p,.manual-content .manual-li,.manual-empty{color:var(--cream);white-space:pre-wrap;margin:0 0 8px;font-size:.76rem;line-height:1.5}body.theme-light .manual-content .manual-p,body.theme-light .manual-content .manual-li,body.theme-light .manual-empty{color:#20344b}.manual-content mark{color:#fff0d8;background:#f2a24a59;border-radius:2px;padding:0 2px}body.theme-light .manual-content mark{color:#6a3b05;background:#e8934147}.brand{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.brand-main{align-items:flex-end;gap:8px;display:flex}.brand-line{font-family:var(--font);letter-spacing:.28em;color:var(--cream);text-shadow:0 1px #00000080;font-size:1.35rem;display:block}.brand-logo{background-color:var(--cream);align-self:flex-start;width:120px;height:56px;display:block;-webkit-mask-image:url(../logo_Ivox.svg);mask-image:url(../logo_Ivox.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}body.theme-light .brand-logo{background-color:#1f3044}.brand-machine-text{font-family:var(--font);letter-spacing:.08em;color:var(--cream);white-space:nowrap;font-size:.8rem}.brand-sub{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:.75rem;display:block}.vu-strip{align-items:flex-end;gap:6px;display:flex}.vu-strip span{background:linear-gradient(#1e3d1e 0%,#0f1f0f 100%);border:1px solid #0a0a0a;border-radius:2px;width:10px;height:22px;box-shadow:inset 0 0 6px #0009}body.theme-light .machine-header{border-bottom-color:#7891af66}body.theme-light .brand-line{text-shadow:0 1px #ffffffb3}body.theme-light .vu-strip span{background:linear-gradient(#b8d6ef 0%,#7ea5c8 100%);border-color:#89a9c9;box-shadow:inset 0 0 6px #37557840}.tape-window{contain:layout;background:linear-gradient(145deg, var(--metal-mid) 0%, var(--metal-dark) 40%, #0f0e0c 100%);border:1px solid #5a524699;border-radius:4px;padding:14px 16px 12px;position:relative;box-shadow:inset 0 2px 12px #00000073,0 8px 24px #00000059}body.theme-light .tape-window{border-color:#7e96b2bf;box-shadow:inset 0 2px 10px #ffffff73,0 8px 24px #5b769633}.window-label{font-family:var(--font);letter-spacing:.2em;color:var(--muted);pointer-events:none;font-size:.65rem;position:absolute;top:10px;left:16px}#waveform{cursor:crosshair;background:var(--glass);border:1px solid #0a0908;border-radius:2px;width:100%;height:220px;margin-top:8px;display:block}body.theme-light #waveform{border-color:#859ebb99}.time-row{font-family:var(--font);color:var(--muted);flex-wrap:wrap;gap:16px 24px;margin-top:10px;font-size:.8rem;display:flex}.time-row span:first-child{color:var(--accent);min-width:120px}.controls-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,.5fr) minmax(0,.5fr);align-items:start;gap:14px;margin-top:18px;display:grid}.panel{background:linear-gradient(160deg,#242018 0%,#151310 100%);border:1px solid #504a4080;border-radius:3px;padding:10px 12px 12px;box-shadow:inset 0 1px #ffffff0a}.transport-panel,.region-panel,.pattern-panel{align-self:stretch}.marker-panel{contain:layout;isolation:isolate}.transport-panel{position:relative}.settings-popup{z-index:60;background:linear-gradient(#373128 0%,#1c1914 100%);border:1px solid #504a40b3;border-radius:3px;width:min(240px,100% - 24px);padding:8px;display:none;position:absolute;top:calc(100% - 8px);left:12px;box-shadow:0 8px 20px #00000073}.settings-popup.is-open{display:block}body.theme-light .settings-popup{background:linear-gradient(#ecf3fb 0%,#d7e2ef 100%);border-color:#8298b2bf;box-shadow:0 8px 20px #34527333}.settings-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-family:var(--font);margin:0 0 6px}.settings-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.settings-option.active{border-color:var(--accent);box-shadow:0 0 0 1px #c9a06b47}body.theme-light .settings-option.active{box-shadow:0 0 0 1px #6f9cc859}.export-panel{grid-area:2/1}.region-panel .btn-row,.pattern-panel .btn-row{grid-template-columns:1fr}body.theme-light .panel{background:linear-gradient(160deg,#e8eff7 0%,#d5e0ed 100%);border-color:#8298b299;box-shadow:inset 0 1px #ffffffa6}.panel h2{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.7rem;font-weight:600}.btn-row{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:6px;margin-bottom:6px;display:grid}.btn-row:last-child{margin-bottom:0}.btn{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);cursor:pointer;background:linear-gradient(#4a4338 0%,#2e2a24 45%,#1f1c18 100%);border:1px solid #1a1814;border-radius:2px;padding:7px 9px;font-size:.72rem;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff0f}body.theme-light .btn{color:#23354a;background:linear-gradient(#f4f8fc 0%,#dce6f1 55%,#c8d7e8 100%);border-color:#99aec5;box-shadow:0 2px 4px #506c8c2e,inset 0 1px #ffffffd9}.btn:hover{background:linear-gradient(#554d42 0%,#36322b 45%,#252220 100%)}body.theme-light .btn:hover{background:linear-gradient(#fbfdff 0%,#e5edf6 55%,#d4e1ef 100%)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-accent{color:#f5ebe0;background:linear-gradient(#6a5c48 0%,#453d32 50%,#2c2822 100%);border-color:#c9a06b59}body.theme-light .btn-accent{color:#183450;background:linear-gradient(#dbe8f7 0%,#bfd4ec 55%,#a9c5e3 100%);border-color:#6f9cc88c}.btn-small{min-width:0;padding-left:8px;padding-right:8px;font-size:1rem;line-height:1}.btn-led.active{color:#ffe3c4;border-color:#f2a24aa6;box-shadow:0 0 12px #f2a24a59,inset 0 0 8px #78461459}body.theme-light .btn-led.active{color:#2e6240;border-color:#69ad7da6;box-shadow:0 0 10px #5aaa7d33,inset 0 0 8px #6eb48c38}.btn-toggle.active{color:#ffe3c4;border-color:#f2a24aa6;box-shadow:0 0 12px #f2a24a59,inset 0 0 8px #78461459}body.theme-light .btn-toggle.active{color:#2e6240;border-color:#69ad7da6;box-shadow:0 0 10px #5aaa7d33,inset 0 0 8px #6eb48c38}.save-label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:8px;font-size:.75rem;display:flex}.save-label-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.save-label select{font-family:var(--font);color:var(--cream);border:1px solid var(--metal-light);background:#0f0e0c;border-radius:2px;padding:6px 8px;font-size:.8rem}body.theme-light .save-label select{color:#2b4058;background:#f5f9fd;border-color:#a8bbd0}.hint{color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.hint-clipboard{font-family:var(--font);margin-top:6px}.pads-section{background:linear-gradient(165deg,#1e1c18 0%,#12100e 100%);border:1px solid #504a4073;border-radius:3px;margin-top:22px;padding:14px 16px}body.theme-light .pads-section{background:linear-gradient(165deg,#e5edf7 0%,#d3deec 100%);border-color:#8298b28c}.pads-head h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.75rem}.pads-caption{letter-spacing:.06em;color:var(--muted);text-transform:none;font-size:.65rem;font-weight:400}.pattern-lock-status{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-left:10px;font-size:.62rem;font-weight:600}.pattern-lock-status.active{color:var(--accent)}.pad-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.pad{background:#0f0e0c;border:1px solid #5a524680;border-radius:2px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;box-shadow:inset 0 0 0 1px #0006}body.theme-light .pad{background:#f6faff;border-color:#8ca1ba99;box-shadow:inset 0 0 0 1px #dce8f4e6}.pad-order{font-family:var(--font);letter-spacing:.12em;color:var(--muted);font-size:.62rem}.pad-value{font-family:var(--font);color:var(--accent);min-height:1.4em;font-size:1.35rem;font-weight:600}.pad-arrows{gap:6px;display:flex}.pad-arrows button{width:32px;height:28px;color:var(--cream);cursor:pointer;background:linear-gradient(#3a3630 0%,#201e1b 100%);border:1px solid #222;border-radius:2px;padding:0;font-size:.85rem;line-height:1}body.theme-light .pad-arrows button{color:#2b4058;background:linear-gradient(#eef4fb 0%,#d7e2ee 100%);border-color:#9fb4cb}.pad-arrows button:hover{background:linear-gradient(#4a443c 0%,#2a2824 100%)}body.theme-light .pad-arrows button:hover{background:linear-gradient(#f8fbff 0%,#e2ebf5 100%)}.pad-muted{opacity:.72}.pad-muted .pad-value{color:var(--muted)}.pad-stripe{background:linear-gradient(165deg,#1a1712 0%,#12100e 100%);border-color:#c9a06b8c;box-shadow:inset 0 0 0 1px #c9a06b1f,inset 0 0 20px #c9a06b0f}body.theme-light .pad-stripe{background:linear-gradient(165deg,#ebf3fc 0%,#d9e6f3 100%);border-color:#6f9cc8b3;box-shadow:inset 0 0 0 1px #6f9cc833,inset 0 0 20px #6f9cc814}.pad-tools{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.btn-pad-mini{letter-spacing:.05em;width:100%;padding:5px 6px;font-size:.56rem}.pad-pattern-row,.pad-stereo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pad-audible{cursor:default;flex-direction:column;gap:4px;width:100%;display:flex}.pad-audible-label{font-family:var(--font);letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:.58rem}.pad-audible input[type=range]{accent-color:#c9a06b;cursor:pointer;width:100%;height:6px}body.theme-light .pad-audible input[type=range]{accent-color:#78a6d5}.pad-retrigger-wrap{flex-direction:column;gap:4px;width:100%;display:flex}select.pad-retrigger{font-family:var(--font);color:var(--cream);cursor:pointer;background:linear-gradient(#2a2622 0%,#1a1816 100%);border:1px solid #333;border-radius:2px;width:100%;padding:4px 6px;font-size:.62rem}body.theme-light select.pad-retrigger{color:#2b4058;background:linear-gradient(#f1f6fc 0%,#dbe6f2 100%);border-color:#a6b9ce}.btn-pad-rev{font-family:var(--font);letter-spacing:.06em;color:var(--cream);cursor:pointer;background:linear-gradient(#302c28 0%,#1a1816 100%);border:1px solid #333;border-radius:2px;padding:6px;font-size:.58rem}body.theme-light .btn-pad-rev{color:#2b4058;background:linear-gradient(#edf4fb 0%,#d7e2ee 100%);border-color:#a6b9ce}.btn-pad-rev:hover{background:linear-gradient(#403c36 0%,#242220 100%)}body.theme-light .btn-pad-rev:hover{background:linear-gradient(#f7fbff 0%,#e3edf7 100%)}.btn-pad-rev.active{color:#ffe3c4;border-color:#f2a24aa6;box-shadow:0 0 8px #f2a24a4d,inset 0 0 8px #78461440}body.theme-light .btn-pad-rev.active{color:#2f6c3f;border-color:#6fa779a6;box-shadow:0 0 8px #6fa77933,inset 0 0 8px #6fa77938}.machine-footer{letter-spacing:.06em;color:var(--muted);border-top:1px solid #504a4059;margin-top:28px;padding-top:14px;font-size:.68rem}body.theme-light .machine-footer{border-top-color:#8298b280}.waveform-context-menu{z-index:2000;background:linear-gradient(#3a3530 0%,#221f1b 100%);border:1px solid #504a4099;border-radius:2px;min-width:160px;padding:4px 0;display:none;position:fixed;box-shadow:0 8px 24px #00000073}body.theme-light .waveform-context-menu{background:linear-gradient(#f4f8fc 0%,#dce6f2 100%);border-color:#8298b28c;box-shadow:0 8px 22px #283c5a2e}.waveform-context-menu.is-open{display:block}.waveform-context-menu button{width:100%;color:var(--cream);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:8px 14px;font-size:.82rem;display:block}body.theme-light .waveform-context-menu button{color:var(--cream)}.waveform-context-menu button:hover{background:#c9a06b2e}body.theme-light .waveform-context-menu button:hover{background:#6f9cc833}@media (width<=600px){.manual-sidebar{width:100vw}.controls-grid{grid-template-columns:1fr}.brand-line{letter-spacing:.18em;font-size:1rem}#waveform{height:160px}}@media (width<=980px) and (width>=601px){.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}