*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.015em}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.floating-logo{position:fixed;z-index:20;left:28px;top:28px;width:104px;height:104px;mix-blend-mode:multiply}.floating-logo img{width:100%;height:100%;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}header{height:64px;border-bottom:1px solid #aaa;display:flex;justify-content:flex-end;align-items:center;padding:0 28px;gap:48px;font-size:10px}header>span{margin-right:auto;margin-left:140px;color:#777}nav{display:flex;gap:24px}main{padding:0 28px}.hero{height:68vh;min-height:520px;border-bottom:1px solid #111;padding-top:30px;position:relative}.hero>p{margin-left:140px;font-size:9px;color:#777;letter-spacing:.12em}.hero h1{font-size:clamp(70px,12vw,178px);font-weight:400;line-height:.76;letter-spacing:-.085em;margin:14vh 0 0}.hero-note{position:absolute;right:0;bottom:24px;line-height:1.7;color:#666;font-size:9px}.machine{margin:80px auto 120px;border:1px solid #111;border-radius:18px;max-width:1240px;padding:18px;background:#f4f4f2;box-shadow:inset 0 0 0 5px #fff}.machine-top{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:center;border-bottom:1px solid #999;padding:4px 4px 18px}.machine-top small,.manual small,.links small,.about small{font-size:8px;letter-spacing:.14em;color:#666}.machine h2{font-size:14px;font-weight:400;margin:6px 0 0}.lcd{background:#252525;color:#e7e7e2;min-height:54px;padding:10px 12px;font-family:"Courier New",monospace;display:flex;justify-content:space-between;align-items:center;border-radius:2px;box-shadow:inset 0 0 0 2px #111}.lcd b{font-size:17px;font-weight:400}.transport{display:flex;align-items:center;justify-content:flex-end;gap:10px}.round{border:1px solid #222;border-radius:50%;background:#e7e7e5;width:42px;height:42px;cursor:pointer;box-shadow:inset 0 -2px 0 #bbb}.round:active,.round.active{background:#222;color:#fff;box-shadow:none}.transport-main{width:50px;height:50px}.bpm{font-size:8px;display:flex;flex-direction:column;gap:3px;color:#666}.bpm input{width:48px;border:0;border-bottom:1px solid #777;background:transparent;font-size:14px;outline:0}.machine-body{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #999}.track-bank{padding:18px 18px 18px 2px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-right:1px solid #999}.track-btn{aspect-ratio:1;border-radius:50%;border:1px solid #333;background:#dededb;cursor:pointer;font-size:9px;position:relative}.track-btn::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#aaa;top:14px;left:50%;transform:translateX(-50%)}.track-btn.selected{background:#111;color:#fff}.track-btn.selected::after{background:#fff}.track-btn.muted{text-decoration:line-through;color:#999}.workarea{padding:18px}.sample-row{display:grid;grid-template-columns:minmax(160px,1fr) 34px minmax(180px,1.3fr) 34px;gap:10px;align-items:center;border-bottom:1px solid #bbb;padding-bottom:15px}.sample-row strong{display:block;font-weight:400;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny{width:32px;height:32px}.sample-row select{height:34px;border:1px solid #aaa;background:#fff;padding:0 8px;min-width:0}.parameter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px 0}.param{text-align:center;min-width:0}.dial{--v:0;display:block;margin:0 auto 10px;width:54px;height:54px;border:1px solid #222;border-radius:50%;background:conic-gradient(from 225deg,#111 calc(var(--v)*2.7deg),#d1d1ce 0 270deg,#eee 0);position:relative}.dial::after{content:'';position:absolute;inset:7px;background:#f4f4f2;border:1px solid #aaa;border-radius:50%}.param input{width:54px;position:absolute;opacity:0;pointer-events:none}.param label{font-size:8px;color:#555}.param output{display:block;font-family:"Courier New",monospace;margin-top:3px}.scene-row{display:grid;grid-template-columns:auto 1fr 38px auto;gap:12px;align-items:center;font-size:8px;color:#666}.scene-row input{appearance:none;height:8px;background:linear-gradient(90deg,#ddd,#111);border-radius:8px}.scene-row input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #111}.scene-row b{font:16px "Courier New",monospace;color:#111}.seq-head{display:flex;justify-content:space-between;padding:13px 4px 8px;font-size:8px;color:#666}.steps{display:grid;grid-template-columns:repeat(16,1fr);gap:10px;padding:6px 2px 18px}.step{aspect-ratio:1;border-radius:50%;border:1px solid #555;background:#e2e2df;cursor:pointer;position:relative;min-width:0}.step::after{content:attr(data-n);position:absolute;left:50%;transform:translateX(-50%);bottom:-15px;font-size:7px;color:#777}.step.on{background:#111;box-shadow:inset 0 0 0 4px #111, inset 0 0 0 5px #fff}.step.playhead{outline:2px solid #777;outline-offset:3px}.machine-bottom{border-top:1px solid #999;padding:20px 2px 3px;display:flex;gap:8px;align-items:center}.machine-bottom button{border:1px solid #333;background:#e2e2df;border-radius:18px;padding:7px 13px;font-size:8px;cursor:pointer}.machine-bottom span{margin-left:auto;font-size:8px;color:#666}.manual{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #111;padding:20px 0 140px}.manual p{font-size:18px;line-height:1.35;max-width:500px}.links{border-top:1px solid #111;padding:20px 0 140px}.links>a{display:flex;justify-content:space-between;font-size:clamp(42px,8vw,110px);letter-spacing:-.07em;line-height:.92;border-bottom:1px solid #ccc;padding:7px 0}.links>a:hover{background:#111;color:#fff}.about{border-top:1px solid #111;padding:20px 0 140px}.about>p{font-size:clamp(38px,7vw,92px);letter-spacing:-.06em;line-height:.9}.about>div{display:flex;justify-content:space-between;border-top:1px solid #ccc;padding-top:12px}footer{margin:0 28px;border-top:1px solid #111;padding:16px 0 42px;display:flex;justify-content:space-between;font-size:9px}@media(max-width:760px){.floating-logo{width:78px;height:78px;left:14px;top:14px}header{padding:0 14px;height:56px}header>span{display:none}nav{gap:12px}main{padding:0 14px}.hero{min-height:430px;height:60vh}.hero>p{margin-left:90px}.hero h1{font-size:20vw;margin-top:18vh}.hero-note{font-size:8px}.machine{margin:50px -4px 90px;padding:12px;border-radius:14px}.machine-top{grid-template-columns:1fr auto}.lcd{grid-column:1/-1;grid-row:2}.machine-body{grid-template-columns:1fr}.track-bank{grid-template-columns:repeat(6,1fr);border-right:0;border-bottom:1px solid #999;padding:14px 0}.track-btn{font-size:7px}.workarea{padding:14px 0}.sample-row{grid-template-columns:1fr 32px 32px}.sample-row select{grid-column:1/-1;grid-row:2}.parameter-grid{grid-template-columns:repeat(3,1fr);gap:18px 6px}.steps{grid-template-columns:repeat(8,1fr);gap:10px 8px;padding-bottom:25px}.machine-bottom{flex-wrap:wrap}.machine-bottom span{width:100%;margin:5px 0 0}.manual{grid-template-columns:1fr;gap:35px;padding-bottom:90px}.manual p{font-size:16px}.links{padding-bottom:90px}.links>a{font-size:13vw}.about{padding-bottom:90px}.about>div{gap:20px;flex-direction:column}footer{margin:0 14px}}@media(prefers-reduced-motion:reduce){.floating-logo img{animation:none}html{scroll-behavior:auto}}.catalog{border-top:1px solid #111;padding:20px 0 140px}.catalog-head{display:flex;justify-content:space-between;align-items:flex-start}.catalog-head p{font-size:clamp(34px,6vw,84px);letter-spacing:-.065em;line-height:.9;margin:40px 0 70px;max-width:780px}.label-switch{display:flex;border-top:1px solid #111;border-bottom:1px solid #111}.label-tab{appearance:none;border:0;border-right:1px solid #111;background:#fff;padding:15px 22px;font-size:10px;letter-spacing:.12em;cursor:pointer}.label-tab.active{background:#111;color:#fff}.catalog-panel{display:none;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:60px;padding-top:30px}.catalog-panel.active{display:grid}.catalog-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.catalog-copy>span{font-size:8px;letter-spacing:.14em;color:#777}.catalog-copy>strong{font-size:clamp(42px,7vw,92px);font-weight:400;letter-spacing:-.07em;margin:12px 0 24px}.catalog-copy>p{font-size:15px;line-height:1.4;max-width:390px;color:#555}.catalog-all,.catalog-buy{border:1px solid #111;border-radius:999px;padding:11px 16px;margin-top:12px;font-size:9px;letter-spacing:.08em}.catalog-all:hover,.catalog-buy:hover{background:#111;color:#fff}.bc-player{filter:grayscale(1);background:#fff;min-width:0}.links{margin-top:0}@media(max-width:760px){.catalog{padding-bottom:90px}.catalog-head{display:block}.catalog-head p{margin:28px 0 45px}.label-tab{flex:1}.catalog-panel.active{grid-template-columns:1fr;gap:28px}.bc-player{height:470px!important}.catalog-copy>strong{font-size:17vw}}
/* RVR-8 II */
.machine-v6{background:#ededeb;border-radius:22px;box-shadow:inset 0 0 0 6px #fafafa,0 1px 0 #bbb}.machine-v6 .machine-body{grid-template-columns:190px 1fr}.machine-v6 .track-bank{grid-template-columns:repeat(2,1fr);gap:9px}.machine-v6 .track-btn{aspect-ratio:1;font-size:8px;background:#d8d8d5}.machine-v6 .workarea{padding:16px 18px}.fx-title{display:flex;justify-content:space-between;padding:14px 0 7px;font-size:7px;letter-spacing:.1em;color:#666}.knob-grid{display:grid;grid-template-columns:repeat(7,minmax(62px,1fr));gap:12px 8px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:16px 0}.knob-unit{text-align:center;min-width:0;user-select:none}.rotary{--rot:-135deg;width:58px;height:58px;margin:0 auto 7px;border-radius:50%;border:1px solid #333;background:radial-gradient(circle at 42% 35%,#f8f8f6 0 13%,#d4d4d0 14% 72%,#b8b8b4 73% 100%);position:relative;box-shadow:inset 0 -3px 5px #aaa,0 1px 0 #fff;cursor:ns-resize;touch-action:none}.rotary:before{content:'';position:absolute;left:50%;top:7px;width:1px;height:17px;background:#111;transform-origin:50% 22px;transform:translateX(-50%) rotate(var(--rot))}.rotary:after{content:'';position:absolute;inset:4px;border:1px solid #999;border-radius:50%}.knob-unit label{display:block;font-size:7px;letter-spacing:.08em;color:#444}.knob-unit output{display:block;font:8px 'Courier New',monospace;color:#777;margin-top:2px}.scene-mini{width:min(300px,100%);display:grid;grid-template-columns:12px 1fr 12px 28px;align-items:center;gap:6px;margin:14px 0 0 auto;font-size:7px;color:#666}.scene-mini input{appearance:none;height:4px;background:#aaa}.scene-mini input::-webkit-slider-thumb{appearance:none;width:13px;height:18px;border:1px solid #222;border-radius:2px;background:#eee}.scene-mini b{font:10px 'Courier New',monospace;color:#111}.machine-v6 .steps{gap:8px}.machine-v6 .step{background:#d1d1ce;box-shadow:inset 0 -2px 2px #aaa}.machine-v6 .step.on{background:#111;box-shadow:inset 0 0 0 3px #111,inset 0 0 0 4px #eee}.machine-v6 .machine-bottom button{border-radius:50%;width:62px;height:62px;padding:0;font-size:7px}.machine-v6 #original{background:#111;color:#fff}.loading-sample{opacity:.5}@media(max-width:900px){.knob-grid{grid-template-columns:repeat(4,1fr)}.machine-v6 .machine-body{grid-template-columns:150px 1fr}}@media(max-width:760px){.machine-v6 .machine-body{grid-template-columns:1fr}.machine-v6 .track-bank{grid-template-columns:repeat(4,1fr)}.knob-grid{grid-template-columns:repeat(4,1fr);gap:16px 4px}.rotary{width:54px;height:54px}.machine-v6 .machine-bottom button{width:52px;height:52px}.fx-title span:last-child{display:none}.scene-mini{margin-right:0}.machine-v6 .steps{grid-template-columns:repeat(8,1fr)}}
:root{--page-tint:255,255,255;--wash-x:50%;--wash-y:20%;--wash-alpha:0;--ink:#111;--machine-shade:#ededeb}body{background:radial-gradient(circle at var(--wash-x) var(--wash-y),rgba(190,190,190,var(--wash-alpha)),rgba(var(--page-tint),1) 48%);transition:background .18s linear,color .18s linear}.floating-logo{left:50%;top:24px;width:170px;height:170px;transform:translateX(-50%);transition:left .12s linear,width .12s linear,height .12s linear,transform .12s linear;mix-blend-mode:multiply}.floating-logo.scrolled{left:28px;transform:none}.catalog-mark{min-height:270px;border:1px solid #111;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;font-size:clamp(40px,8vw,120px);letter-spacing:-.07em;line-height:.75}.catalog-mark span{font-size:8px;letter-spacing:.14em;margin-top:22px}.bio-copy{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 60px;border-top:1px solid #ccc;padding:20px 0 60px}.bio-copy p{font-size:18px;line-height:1.45;margin:0;max-width:620px}.about-meta{display:flex!important;justify-content:space-between;border-top:1px solid #ccc;padding-top:12px}.manual{grid-template-columns:repeat(3,1fr);gap:45px}.manual p{font-size:16px}.knob-unit output{min-height:12px}.rotary:focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:760px){.floating-logo{width:118px;height:118px;top:10px}.floating-logo.scrolled{left:14px}.manual{grid-template-columns:1fr}.bio-copy{grid-template-columns:1fr}.catalog-mark{min-height:180px}}

/* v8 polish */
header{height:74px;justify-content:flex-end;padding:0 28px;border-bottom:1px solid #d0d0d0;background:rgba(255,255,255,.92)}
header nav{margin-left:auto}.floating-logo{top:94px;width:230px;height:230px;opacity:.94;mix-blend-mode:multiply;z-index:18}.floating-logo img{filter:contrast(1.35) brightness(.68)}
.hero{padding-top:265px;height:78vh;min-height:690px}.hero>p{margin-left:0}.hero h1{margin-top:8vh}.machine{position:relative;z-index:3}
.micro-copy{max-width:1240px;margin:-65px auto 120px;border-top:1px solid #aaa;padding-top:16px;display:flex;justify-content:space-between;gap:30px;font-size:14px}.micro-copy p{margin:0}.micro-copy p:last-child{color:#666;text-align:right}
.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #111;padding-bottom:12px}.section-head small{font-size:8px;letter-spacing:.14em;color:#666}.section-head p{font-size:clamp(28px,5vw,74px);letter-spacing:-.055em;margin:0}
.listen,.projects{padding:90px 0}.release{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #bbb;padding:20px 0}.release strong{font-size:clamp(24px,4vw,58px);font-weight:400;letter-spacing:-.05em}.release span,.release em{font-size:9px;font-style:normal;color:#666}.release:hover strong{font-style:italic}.project-grid{display:grid;grid-template-columns:1fr 1fr}.project-grid a{min-height:260px;border-bottom:1px solid #111;padding:25px 0;display:flex;flex-direction:column;justify-content:space-between}.project-grid a:first-child{border-right:1px solid #111;padding-right:25px}.project-grid a:last-child{padding-left:25px}.project-grid strong{font-size:clamp(48px,8vw,120px);font-weight:400;letter-spacing:-.075em}.project-grid span{font-size:9px;color:#666}
body{background:radial-gradient(ellipse at var(--wash-x) var(--wash-y),rgba(60,60,60,var(--wash-alpha)),rgba(var(--page-tint),1) 54%);background-attachment:fixed}.machine{transition:filter .12s linear,background .12s linear}.knob-unit{position:relative}
@media(max-width:760px){header{height:62px;overflow-x:auto}header nav{gap:14px}.floating-logo{top:76px;width:160px;height:160px}.hero{padding-top:195px;min-height:620px}.micro-copy{flex-direction:column}.micro-copy p:last-child{text-align:left}.release{grid-template-columns:45px 1fr}.release em{grid-column:2}.project-grid{grid-template-columns:1fr}.project-grid a:first-child{border-right:0;padding-right:0}.project-grid a:last-child{padding-left:0}.project-grid a{min-height:170px}}

/* ADSR: compact four-encoder bank to the left of the original A/B lever */
.adsr-scene-line{display:grid;grid-template-columns:auto minmax(280px,1fr);gap:22px;align-items:end;margin-top:14px}
.adsr-bank{display:flex;gap:12px;align-items:flex-end;border-top:1px solid #aaa;padding-top:9px}
.adsr-enc{width:42px;text-align:center;cursor:ns-resize;touch-action:none;user-select:none}
.adsr-dial{width:31px;height:31px;border:1px solid #111;border-radius:50%;position:relative;margin:0 auto 5px;background:#f1f1ef}
.adsr-dial i{position:absolute;left:50%;top:3px;width:1px;height:11px;background:#111;transform-origin:50% 12.5px}
.adsr-enc span{display:block;font-size:6.5px;letter-spacing:.07em;white-space:nowrap}
.adsr-enc b{display:block;font-size:7px;font-weight:400;margin-top:2px;color:#666}
.adsr-scene-line .scene-mini{margin-top:0}
@media(max-width:760px){
 .adsr-scene-line{grid-template-columns:1fr;gap:12px}
 .adsr-bank{justify-content:flex-start}
}

/* v19 — restrained 1980s industrial instrument skin */
.machine{
  --retro-yellow:#e6c83a;
  --retro-panel:#b9b9b1;
  --retro-light:#d2d1c8;
  --retro-dark:#363632;
  background:var(--retro-panel) !important;
  border-color:#77776f !important;
  box-shadow:0 12px 30px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.55);
}
.machine-top{
  background:#c8c7be;
  border-bottom-color:#77776f !important;
}
.maker-mark{
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-weight:700;
  letter-spacing:.22em;
  font-size:7px;
}
.machine-model{
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif !important;
  font-weight:900 !important;
  font-style:italic;
  letter-spacing:-.035em !important;
  text-transform:uppercase;
}
.machine-model em{
  display:inline-block;
  margin-left:9px;
  padding:3px 6px 2px;
  background:var(--retro-yellow);
  color:#1e1e1b;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.12em;
  vertical-align:middle;
}
.machine .lcd{
  background:#34342f !important;
  color:#e9df8a !important;
  border-color:#222 !important;
}
.machine .track-bank,
.machine .workarea{
  background:transparent;
}
.machine .round,
.machine button{
  border-color:#575750;
}
.machine .track.active,
.machine .step.active,
.machine button.active{
  background:var(--retro-yellow) !important;
  color:#171714 !important;
  border-color:#6e6424 !important;
}
.machine .step.playhead{
  box-shadow:0 0 0 2px var(--retro-yellow),0 0 0 3px #363632 !important;
}
.machine .knob,
.machine .adsr-dial{
  background:#d6d5cc !important;
  border-color:#454540 !important;
}
.machine .knob::after,
.machine .adsr-dial i{
  background:#252522 !important;
}
.machine .fx-title,
.machine .seq-head,
.machine .machine-bottom{
  border-color:#77776f !important;
}
.machine .sample-row select{
  background:#deddd4;
}
.machine #start{
  background:var(--retro-yellow);
  color:#171714;
}
.machine #stop{
  background:#aaa9a1;
}
.machine #scene{
  accent-color:#b49c24;
}
.machine .scene-mini::before{
  content:"DESTRUCTION";
  font-size:6px;
  letter-spacing:.15em;
  margin-right:5px;
}
.machine-bottom button:hover,
.machine .round:hover{
  background:#e0cf6a;
}

/* v20 — lock retro skin during playback + transport polish */
.machine{background:#b9b9b1 !important}
.machine-top{background:#c8c7be !important}
.machine .transport{gap:9px}
.machine #start,
.machine #stop{
  width:48px !important;
  height:48px !important;
  min-width:48px;
  font-size:15px !important;
}

/* v21 — explicit A/B destruction fader restoration */
.adsr-scene-line{
  display:grid !important;
  grid-template-columns:auto minmax(300px,1fr) !important;
  gap:22px !important;
  align-items:end !important;
}
.adsr-scene-line .scene-mini,
.scene-mini.restored-scene{
  display:grid !important;
  grid-template-columns:auto 1fr auto auto !important;
  align-items:center !important;
  gap:10px !important;
  min-width:300px !important;
  visibility:visible !important;
  opacity:1 !important;
}
.scene-mini #scene{
  display:block !important;
  width:100% !important;
  min-width:220px !important;
  visibility:visible !important;
  opacity:1 !important;
  accent-color:#b49c24;
}
.scene-mini > span{
  display:block !important;
  font-weight:700;
}
@media(max-width:760px){
 .adsr-scene-line{grid-template-columns:1fr !important}
 .adsr-scene-line .scene-mini{min-width:0 !important;width:100% !important}
 .scene-mini #scene{min-width:0 !important}
}

/* v22 — per-track step length / polymetric sequencer */
.step-length-control{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.step-length-control button{
 width:22px;height:22px;min-width:22px;padding:0;border:1px solid #575750;border-radius:50%;
 background:#c8c7be;font-size:12px;line-height:20px
}
.step-length-control #stepLength{display:inline-block;min-width:16px;text-align:center;font-variant-numeric:tabular-nums}
.machine .step.step-disabled{
 opacity:.20 !important;
 background:#aaa9a1 !important;
 border-color:#77776f !important;
 box-shadow:none !important;
 cursor:default;
}

/* v23 — permanent retro palette: audio/visual engine cannot wash it out */
.machine{
  background:#b9b9b1 !important;
  filter:none !important;
}
.machine .machine-top{background:#c8c7be !important}
.machine #start{
  background:#e6c83a !important;
  color:#171714 !important;
  border-color:#6e6424 !important;
}
.machine #stop{background:#aaa9a1 !important;color:#171714 !important}
.machine .track.active,
.machine .step.on{
  background:#e6c83a !important;
  color:#171714 !important;
  border-color:#6e6424 !important;
}
.machine .step.on.playhead,
.machine .step.playhead{
  background:#e6c83a !important;
  border-color:#363632 !important;
  box-shadow:0 0 0 2px #e6c83a,0 0 0 3px #363632 !important;
}
.machine .machine-model em{
  background:#e6c83a !important;
  color:#1e1e1b !important;
}

/* v24 — clearer hardware transport */
.machine .transport{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  padding:4px 2px !important;
}
.machine #start{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  min-height:62px !important;
  font-size:20px !important;
  line-height:1 !important;
  border-width:1.5px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 rgba(65,58,20,.22);
}
.machine #stop{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  font-size:17px !important;
  line-height:1 !important;
  border-width:1.5px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(0,0,0,.12);
}
.machine #start,
.machine #stop{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.machine #start:active,
.machine #stop:active{
  transform:translateY(2px);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16) !important;
}
@media(max-width:760px){
 .machine .transport{gap:14px !important}
 .machine #start{width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important}
 .machine #stop{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important}
}

/* v26 — PIW MACHINE / glossy dimensional hardware */
.machine{border:1px solid #575750 !important;border-radius:26px !important;background:linear-gradient(145deg,#d4d3ca 0%,#b9b9b1 46%,#a6a69f 100%) !important;box-shadow:0 28px 55px rgba(0,0,0,.20),0 8px 15px rgba(0,0,0,.14),inset 0 2px 1px rgba(255,255,255,.92),inset 0 -5px 10px rgba(55,55,48,.18) !important;position:relative;overflow:hidden}
.machine:before{content:"";position:absolute;inset:2px 3px auto 3px;height:42%;border-radius:23px 23px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.07) 38%,transparent 100%);pointer-events:none;z-index:0}
.machine>*{position:relative;z-index:1}.machine-top{grid-template-columns:minmax(220px,.7fr) minmax(480px,1.55fr) !important;background:linear-gradient(180deg,#d8d7ce,#c1c0b7) !important;border-radius:15px 15px 5px 5px;padding:14px 16px 18px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 4px rgba(0,0,0,.12)}
.machine-model{font-size:21px !important;font-weight:800 !important;font-style:italic;letter-spacing:.055em !important;text-shadow:0 1px 0 rgba(255,255,255,.7)}.machine-model em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 3px rgba(0,0,0,.15)}
.machine .lcd-large{min-height:92px !important;border-radius:8px !important;padding:14px 18px !important;background:linear-gradient(180deg,#20211d,#383830) !important;border:3px solid #6d6c64;box-shadow:inset 0 0 18px rgba(0,0,0,.65),0 2px 0 rgba(255,255,255,.65),0 4px 8px rgba(0,0,0,.20) !important;color:#e6c83a !important;display:block !important;text-shadow:0 0 7px rgba(230,200,58,.22)}
.lcd-primary{display:flex;justify-content:space-between;align-items:center;font-size:14px}.lcd-primary #counter{font-size:22px}.lcd-info{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;border-top:1px solid rgba(230,200,58,.32);margin-top:11px;padding-top:8px;font:9px "Courier New",monospace;letter-spacing:.06em;color:#d8c878}.lcd-info span:last-child{text-align:right}
.adsr-scene-line{grid-template-columns:auto auto minmax(280px,1fr) !important;align-items:center !important;padding:15px 14px;margin-top:16px !important;border-radius:12px;background:linear-gradient(180deg,#c8c7be,#afafa8);border:1px solid #85857e;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 7px rgba(0,0,0,.12)}
.transport-center{justify-content:center !important;gap:8px !important;padding:0 22px !important;border-left:1px solid #8b8a83;border-right:1px solid #8b8a83}.transport-label{font-size:7px;letter-spacing:.12em;text-align:center;color:#5b5b55;margin-bottom:7px}.transport-buttons{display:flex;align-items:center;gap:18px}.machine #start{width:68px !important;height:68px !important;min-width:68px !important;min-height:68px !important;background:linear-gradient(145deg,#f1dc63,#e6c83a 52%,#bda329) !important;border:1px solid #6e6424 !important;box-shadow:inset 0 3px 2px rgba(255,255,255,.55),inset 0 -5px 7px rgba(87,73,14,.22),0 6px 8px rgba(0,0,0,.22) !important}.machine #stop{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;background:linear-gradient(145deg,#dad9d1,#aaa9a1) !important;box-shadow:inset 0 3px 2px rgba(255,255,255,.7),inset 0 -4px 6px rgba(0,0,0,.15),0 5px 7px rgba(0,0,0,.18) !important}
.machine #start:active,.machine #stop:active{transform:translateY(3px);box-shadow:inset 0 3px 7px rgba(0,0,0,.22) !important}.rotary,.adsr-dial,.track-btn,.machine-bottom button,.step{box-shadow:inset 0 2px 1px rgba(255,255,255,.7),inset 0 -3px 5px rgba(0,0,0,.16),0 3px 5px rgba(0,0,0,.13) !important}.rotary{background:radial-gradient(circle at 37% 28%,#f3f2ea 0 8%,#d0cfc7 16%,#a9a9a2 72%,#85857f 100%) !important}.step.on,.track-btn.selected{background:linear-gradient(145deg,#f1dc63,#e6c83a 55%,#bca32d) !important;color:#171714 !important}.scene-mini input::-webkit-slider-thumb{background:linear-gradient(145deg,#f4f3ec,#aaa9a1) !important;box-shadow:0 2px 4px rgba(0,0,0,.25)}
@media(max-width:900px){.machine-top{grid-template-columns:1fr !important}.lcd-large{margin-top:10px}.adsr-scene-line{grid-template-columns:1fr !important}.transport-center{border:0;border-top:1px solid #8b8a83;border-bottom:1px solid #8b8a83;padding:14px 0 !important}.scene-mini{margin:0 auto !important;width:100% !important}}
\n/* v28 — true one-shot UI cleanup */
.machine-v6 .machine-body{grid-template-columns:170px minmax(0,1fr) !important}
.machine-v6 .track-bank{grid-template-columns:repeat(2,64px) !important;justify-content:center !important;align-content:start !important;gap:10px !important;padding:18px 12px !important}
.machine-v6 .track-btn{width:64px !important;height:64px !important;aspect-ratio:auto !important;font-size:7px !important}
.adsr-scene-line{grid-template-columns:auto auto minmax(0,1fr) !important;min-width:0 !important}
.adsr-scene-line .scene-mini,.scene-mini.restored-scene{width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;grid-template-columns:12px minmax(0,1fr) 12px 30px !important;overflow:hidden !important}
.scene-mini #scene{width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important}
@media(max-width:900px){.machine-v6 .machine-body{grid-template-columns:1fr !important}.machine-v6 .track-bank{grid-template-columns:repeat(4,58px) !important}.machine-v6 .track-btn{width:58px !important;height:58px !important}.adsr-scene-line{grid-template-columns:1fr !important}.adsr-scene-line .scene-mini{width:min(420px,100%) !important;margin:0 auto !important}}

/* v29 — reliable A/B fader + contained geometry */
.adsr-scene-line{grid-template-columns:auto auto minmax(220px,1fr) !important;overflow:visible !important}
.adsr-scene-line .scene-mini{box-sizing:border-box !important;width:100% !important;max-width:100% !important;min-width:0 !important;overflow:visible !important;padding:0 7px !important;grid-template-columns:12px minmax(80px,1fr) 12px 30px !important}
.scene-mini #scene{box-sizing:border-box !important;width:100% !important;min-width:0 !important;max-width:none !important;display:block !important;pointer-events:auto !important;touch-action:none !important;cursor:ew-resize !important}
@media(max-width:900px){.adsr-scene-line{grid-template-columns:1fr !important}.adsr-scene-line .scene-mini{width:min(420px,100%) !important;margin:0 auto !important}}

/* v30 — interaction/layout polish */
.machine-v6 .track-bank{
  grid-template-columns:repeat(2,minmax(76px,1fr)) !important;
  gap:12px !important;
  justify-items:center !important;
  align-content:start !important;
}
.machine-v6 .track-btn{
  width:78px !important;
  height:78px !important;
  max-width:100% !important;
  aspect-ratio:1 !important;
  font-size:8px !important;
}
/* Give transport breathing room from the divider */
.transport-center{
  padding:12px 28px 15px !important;
  margin:0 4px !important;
  align-self:stretch !important;
  justify-content:center !important;
}
.transport-buttons{margin-top:3px !important}
/* A/B: keep decoration out of pointer path and restore native dragging */
.scene-mini{position:relative !important;isolation:isolate !important;overflow:visible !important}
.scene-mini::before,.scene-mini::after{pointer-events:none !important;z-index:0 !important}
.scene-mini > span,.scene-mini > b{position:relative;z-index:2;pointer-events:none}
.scene-mini #scene{
  position:relative !important;
  z-index:5 !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:28px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  touch-action:pan-y !important;
  cursor:ew-resize !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  accent-color:#e6c83a !important;
}
@media(max-width:900px){
 .machine-v6 .track-bank{grid-template-columns:repeat(4,minmax(64px,1fr)) !important;gap:10px !important}
 .machine-v6 .track-btn{width:70px !important;height:70px !important}
 .transport-center{padding:16px 0 18px !important;margin:5px 0 !important}
}


/* v31 — channel spacing, centered transport, custom A/B fader */
.machine-v6 .track-bank{
  grid-template-columns:repeat(2,minmax(82px,1fr)) !important;
  grid-auto-rows:auto !important;
  gap:13px 10px !important;
  padding:14px 10px 18px !important;
  align-content:start !important;
}
.machine-v6 .track-btn{
  width:84px !important;
  height:88px !important;
  border-radius:44px !important;
  font-size:8px !important;
}
.track-hint{
  grid-column:1/-1;
  width:100%;
  text-align:center;
  font-size:6.5px;
  letter-spacing:.11em;
  color:#66645d;
  padding:0 0 2px;
}
.adsr-scene-line{
  grid-template-columns:auto minmax(190px,230px) minmax(220px,1fr) !important;
  gap:24px !important;
  align-items:center !important;
}
.transport-center{
  padding:20px 18px 22px !important;
  margin:0 !important;
  align-self:center !important;
  border-left:1px solid #8b8a83 !important;
  border-right:1px solid #8b8a83 !important;
}
.transport-label{margin-bottom:11px !important}
.transport-buttons{gap:24px !important;margin-top:0 !important;justify-content:center !important}
/* Entirely custom A/B control: no browser range behavior */
.scene-custom{overflow:visible !important;padding:0 5px !important}
.scene-fader{
  --scene:0%;
  position:relative;
  width:100%;
  min-width:0;
  height:34px;
  cursor:ew-resize;
  touch-action:none;
  outline:none;
  z-index:10;
}
.scene-fader::before{
  content:'';
  position:absolute;
  left:0;right:0;top:50%;
  height:7px;
  transform:translateY(-50%);
  border:1px solid #66645e;
  border-radius:5px;
  background:linear-gradient(180deg,#77766f,#c7c6bd 42%,#99988f);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.7);
}
.scene-fader::after{
  content:'';
  position:absolute;
  left:0;top:50%;
  width:var(--scene);
  height:7px;
  transform:translateY(-50%);
  border-radius:5px;
  background:#e6c83a;
  pointer-events:none;
}
.scene-handle{
  position:absolute;
  left:var(--scene);
  top:50%;
  width:20px;height:30px;
  transform:translate(-50%,-50%);
  border:1px solid #55544e;
  border-radius:4px;
  background:linear-gradient(145deg,#f2f1e9,#aaa9a1 70%,#85857f);
  box-shadow:inset 0 2px 1px rgba(255,255,255,.8),0 3px 5px rgba(0,0,0,.25);
  pointer-events:none;
  z-index:2;
}
.scene-fader:focus-visible{outline:2px solid #e6c83a;outline-offset:4px}
@media(max-width:900px){
 .machine-v6 .track-bank{grid-template-columns:repeat(4,minmax(72px,1fr)) !important}
 .machine-v6 .track-btn{width:76px !important;height:80px !important}
 .adsr-scene-line{grid-template-columns:1fr !important;gap:16px !important}
 .transport-center{border-left:0 !important;border-right:0 !important;border-top:1px solid #8b8a83 !important;border-bottom:1px solid #8b8a83 !important;padding:18px 0 20px !important}
}

/* v32 — 32-step two-page sequencer + full-width A/B */
.seq-head{align-items:center !important;gap:18px !important}
.seq-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.page-control{display:flex;gap:5px;flex:0 0 auto}
.page-btn{height:25px;padding:0 9px !important;border:1px solid #777 !important;border-radius:4px !important;background:#aaa9a1 !important;font:8px "Courier New",monospace !important;letter-spacing:.03em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.12) !important}
.page-btn.active{background:#e6c83a !important;color:#171714 !important;border-color:#6e6424 !important}
.page-btn#page2:not(.available):not(.active){opacity:.48}
.adsr-scene-line .scene-mini.scene-custom{width:100% !important;max-width:none !important;padding:0 !important;grid-template-columns:14px minmax(0,1fr) 14px 32px !important;gap:8px !important}
.scene-custom .scene-fader{width:100% !important;max-width:none !important;min-width:0 !important}
@media(max-width:760px){.seq-head{align-items:flex-start !important}.seq-tools{width:100%;flex-wrap:wrap;justify-content:space-between;gap:8px}.page-btn{height:28px}}

/* v34 — compact reliable A/B + true 32-step manual pages */
.adsr-scene-line .scene-mini.scene-custom{
  width:min(430px,100%) !important;
  max-width:430px !important;
  justify-self:end !important;
  grid-template-columns:14px minmax(180px,1fr) 14px 32px !important;
  gap:8px !important;
  padding:0 2px !important;
}
.scene-custom .scene-fader{width:100% !important;min-width:180px !important;max-width:none !important}
.scene-custom .scene-handle{left:0%;will-change:left}
.machine .step.step-outside{opacity:.46 !important;filter:saturate(.65);cursor:pointer !important}
.machine .step.step-outside.on{opacity:.72 !important}
.page-btn#page2:not(.available):not(.active){opacity:1 !important}
@media(max-width:760px){.adsr-scene-line .scene-mini.scene-custom{width:100% !important;max-width:none !important;justify-self:stretch !important}.scene-custom .scene-fader{min-width:120px !important}}


/* v38 — A/B sized to user's marked span; container proportions unchanged */
.adsr-scene-line{
  grid-template-columns:auto auto minmax(280px,1fr) !important;
  align-items:center !important;
}
.adsr-scene-line .scene-mini.scene-custom{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 22px 0 36px !important;
  display:grid !important;
  grid-template-columns:18px minmax(190px,1fr) 18px 32px !important;
  gap:7px !important;
  align-items:center !important;
  overflow:visible !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-fader{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-width:190px !important;
  max-width:none !important;
  height:28px !important;
  margin:0 !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  cursor:ew-resize !important;
  touch-action:none !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-handle{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:16px !important;
  height:30px !important;
}
@media(max-width:900px){
 .adsr-scene-line{grid-template-columns:1fr !important}
 .adsr-scene-line .scene-mini.scene-custom{
   padding:0 12px !important;
   grid-template-columns:18px minmax(180px,1fr) 18px 32px !important;
 }
}

/* v39 — final transport + A/B proportions */
.adsr-scene-line{grid-template-columns:auto 290px minmax(360px,1fr) !important;gap:0 !important;align-items:center !important}
.transport-center{padding-left:24px !important;padding-right:24px !important}
.transport-center .transport-buttons{display:flex !important;justify-content:center !important;align-items:center !important;gap:30px !important}
.adsr-scene-line .scene-mini.scene-custom{
 width:100% !important;max-width:none !important;min-width:0 !important;
 padding:0 18px 0 34px !important;margin:0 !important;
 grid-template-columns:14px minmax(285px,1fr) 14px 30px !important;gap:7px !important;
 overflow:visible !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-fader{
 width:100% !important;min-width:285px !important;max-width:none !important;height:28px !important;
 display:block !important;visibility:visible !important;opacity:1 !important;overflow:visible !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-handle{display:block !important;visibility:visible !important;opacity:1 !important}
@media(max-width:1100px){
 .adsr-scene-line{grid-template-columns:1fr !important}
 .adsr-scene-line .scene-mini.scene-custom{grid-template-columns:14px minmax(240px,1fr) 14px 30px !important;padding:10px 18px !important}
 .adsr-scene-line .scene-mini.scene-custom .scene-fader{min-width:240px !important}
}

/* v40 — remove empty separator under project cards */
.project-grid a{border-bottom:0 !important}


/* v41 — screenshot-locked lower panel geometry.
   DO NOT widen the DESTRUCTION container; only use more of its internal width. */
.adsr-scene-line{
  grid-template-columns:auto auto minmax(280px,1fr) !important;
  gap:0 !important;
  align-items:center !important;
}
.transport-center{
  width:auto !important;
  min-width:0 !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
.transport-center .transport-buttons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:24px !important;
}
.adsr-scene-line .scene-mini.scene-custom{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 14px 0 28px !important;
  display:grid !important;
  grid-template-columns:12px minmax(0,1fr) 12px 28px !important;
  gap:5px !important;
  align-items:center !important;
  overflow:visible !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-fader{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:28px !important;
  margin:0 !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  cursor:ew-resize !important;
  touch-action:none !important;
}
.adsr-scene-line .scene-mini.scene-custom .scene-handle{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:16px !important;
  height:30px !important;
}
@media(max-width:900px){
  .adsr-scene-line{grid-template-columns:1fr !important}
  .adsr-scene-line .scene-mini.scene-custom{padding:0 12px !important}
}


/* v43 — compact mobile machine + real horizontal destruction fader */
@media (max-width:760px){
  .machine{font-size:90% !important}
  .machine-v6 .machine-shell{padding-top:10px !important;padding-bottom:10px !important}
  .machine-v6 .machine-body{row-gap:10px !important}
  .machine .fx-area{padding-top:10px !important;padding-bottom:10px !important}
  #knobs{gap:16px 10px !important}
  .knob-unit{min-height:92px !important}
  .rotary{width:68px !important;height:68px !important}
  .knob-unit label{margin-top:5px !important}
  .knob-unit output{margin-top:2px !important}

  .adsr-scene-line{grid-template-columns:1fr !important;gap:0 !important}
  .adsr-bank{padding-top:10px !important;padding-bottom:8px !important}
  .adsr-bank .adsr-enc{transform:scale(.88);transform-origin:center center}
  .transport-center{padding:8px 0 9px !important}
  .transport-center .transport-buttons{gap:22px !important}
  .machine #start,.machine #stop{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important}

  /* Explicit mobile fader geometry: label on top, A—track—B—value below. */
  .adsr-scene-line .scene-mini.scene-custom{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:76px !important;
    padding:8px 18px 9px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:18px minmax(180px,1fr) 18px 34px !important;
    grid-template-rows:16px 34px !important;
    column-gap:7px !important;
    row-gap:2px !important;
    align-items:center !important;
    overflow:visible !important;
  }
  .adsr-scene-line .scene-mini.scene-custom::before{
    content:"DESTRUCTION" !important;
    grid-column:1 / 5 !important;grid-row:1 !important;
    position:static !important;width:auto !important;height:auto !important;
    background:none !important;border:0 !important;box-shadow:none !important;
    align-self:end !important;
  }
  .adsr-scene-line .scene-mini.scene-custom > span:first-of-type{grid-column:1 !important;grid-row:2 !important}
  .adsr-scene-line .scene-mini.scene-custom > .scene-fader{grid-column:2 !important;grid-row:2 !important}
  .adsr-scene-line .scene-mini.scene-custom > span:nth-of-type(2){grid-column:3 !important;grid-row:2 !important}
  .adsr-scene-line .scene-mini.scene-custom > b{grid-column:4 !important;grid-row:2 !important}
  .adsr-scene-line .scene-mini.scene-custom .scene-fader{
    display:block !important;position:relative !important;
    width:100% !important;min-width:180px !important;max-width:none !important;
    height:30px !important;margin:0 !important;overflow:visible !important;
    visibility:visible !important;opacity:1 !important;touch-action:none !important;
  }
  .adsr-scene-line .scene-mini.scene-custom .scene-handle{
    display:block !important;width:16px !important;height:30px !important;
    visibility:visible !important;opacity:1 !important;
  }

  .seq-head{margin-top:8px !important;margin-bottom:8px !important}
  .steps{gap:7px !important}
  .machine .step{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important}
  .actions{gap:7px !important;margin-top:10px !important}
  .actions button{min-height:48px !important;padding:8px 9px !important}
}

/* v44 — mobile performance density + stable touch controls */
@media (max-width:760px){
 .machine{font-size:84% !important}
 .machine-v6 .machine-shell{padding-top:6px !important;padding-bottom:6px !important}
 .machine-v6 .machine-body{row-gap:6px !important}
 .machine .fx-area{padding-top:6px !important;padding-bottom:6px !important}
 #knobs{gap:8px 5px !important}
 .knob-unit{min-height:76px !important}
 .rotary{width:56px !important;height:56px !important;touch-action:none !important;-webkit-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:transparent !important}
 .knob-unit label{margin-top:3px !important;font-size:8px !important}
 .knob-unit output{margin-top:0 !important;font-size:8px !important}
 .adsr-bank{padding-top:6px !important;padding-bottom:5px !important}
 .adsr-bank .adsr-enc{transform:scale(.78);transform-origin:center center;touch-action:none !important}
 .transport-center{padding:5px 0 6px !important}
 .transport-center .transport-buttons{gap:16px !important}
 .machine #start,.machine #stop{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important}
 .adsr-scene-line .scene-mini.scene-custom{height:64px !important;padding:5px 14px 6px !important;grid-template-rows:13px 30px !important}
 .adsr-scene-line .scene-mini.scene-custom .scene-fader{height:26px !important;min-width:180px !important;touch-action:none !important}
 .adsr-scene-line .scene-mini.scene-custom .scene-handle{height:27px !important}
 .seq-head{margin-top:5px !important;margin-bottom:5px !important;gap:6px !important}
 .seq-tools{gap:5px !important}
 .page-btn{height:24px !important;padding:0 9px !important;font-size:8px !important}
 .steps{gap:5px !important}
 .machine .step{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important}
 .actions{gap:5px !important;margin-top:6px !important}
 .actions button{min-height:42px !important;padding:6px 7px !important;font-size:8px !important}
 .rotary,.adsr-enc,.step,.track-btn,.scene-fader,#start,#stop{-webkit-touch-callout:none !important;-webkit-tap-highlight-color:transparent !important}
}

/* v45 — mobile: transport immediately available at top of machine controls */
@media (max-width:760px){
  .machine-v6 .workarea{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .machine-v6 .sample-row{grid-row:1 !important}
  .machine-v6 .adsr-scene-line{
    display:contents !important;
  }
  .machine-v6 .transport-center{
    grid-row:2 !important;
    order:-1 !important;
    margin:4px 0 7px !important;
    padding:6px 0 7px !important;
    border-top:1px solid #8b8a83 !important;
    border-bottom:1px solid #8b8a83 !important;
  }
  .machine-v6 .transport-center .transport-label{
    margin-bottom:4px !important;
    text-align:center !important;
  }
  .machine-v6 .transport-center .transport-buttons{
    justify-content:center !important;
    gap:22px !important;
  }
  .machine-v6 .fx-title{grid-row:3 !important}
  .machine-v6 #knobs{grid-row:4 !important}
  .machine-v6 .adsr-bank{grid-row:5 !important}
  .machine-v6 .scene-mini.scene-custom{grid-row:6 !important}
}

/* v46 — floating logo never blocks the instrument */
.floating-logo{
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.floating-logo img{pointer-events:none !important}
@media(max-width:760px){
  .floating-logo.scrolled{
    width:72px !important;
    height:72px !important;
    left:8px !important;
    top:68px !important;
    opacity:.78 !important;
  }
}

/* v48 — experiment: entire machine rendered at 50% scale on mobile.
   transform keeps every internal proportion exactly as in v47. */
@media (max-width:760px){
  #machine.machine{
    transform:scale(.5) !important;
    transform-origin:top left !important;
    width:200% !important;
    margin-bottom:calc(-50% + 36px) !important;
  }
}

/* v50 — denser control surface, PAN/LEVEL beside ADSR, mathematically even sequencer */
.adsr-bank{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(38px,1fr)) !important;
  gap:8px !important;
  align-items:end !important;
  padding:7px 6px 5px !important;
}
.fx-enc{width:42px;text-align:center;cursor:ns-resize;touch-action:none;user-select:none;justify-self:center}
.fx-enc span{display:block;font-size:6.5px;letter-spacing:.07em;white-space:nowrap}
.fx-enc b{display:block;font-size:7px;font-weight:400;margin-top:2px;color:#666}
.fx-enc .adsr-dial{width:31px;height:31px}
.machine-v6 .workarea{padding-top:8px !important;padding-bottom:6px !important}
.machine-v6 .sample-row{margin-bottom:6px !important}
.machine-v6 .fx-title{margin-top:4px !important;margin-bottom:4px !important}
.machine-v6 #knobs{padding-top:8px !important;padding-bottom:8px !important;gap:8px 6px !important}
.machine-v6 .adsr-scene-line{margin-top:5px !important}
.machine-v6 .seq-head{margin-top:8px !important;margin-bottom:6px !important}

/* One row = 16 equal cells; outer spacing equals the inter-step gap. */
.machine-v6 .steps{
  box-sizing:border-box !important;
  width:100% !important;
  grid-template-columns:repeat(16,minmax(0,1fr)) !important;
  column-gap:8px !important;
  row-gap:8px !important;
  padding-left:8px !important;
  padding-right:8px !important;
  justify-content:stretch !important;
}
.machine-v6 .step{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  aspect-ratio:1/1 !important;
}
@media(max-width:760px){
 .adsr-bank{grid-template-columns:repeat(6,1fr) !important;gap:4px !important;padding:4px 2px !important}
 .fx-enc{width:38px}
 .fx-enc .adsr-dial{width:28px;height:28px}
 .machine-v6 #knobs{gap:5px 4px !important;padding:5px 0 !important}
 .machine-v6 .steps{
   grid-template-columns:repeat(16,minmax(0,1fr)) !important;
   column-gap:5px !important;
   padding-left:5px !important;
   padding-right:5px !important;
 }
}

/* v54 — sample packs storefront */
.sample-packs{border-top:1px solid #111;padding:20px 0 140px}
.sample-pack-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #111}
.sample-pack{padding:18px 14px 22px 0;border-bottom:1px solid #aaa;min-height:220px}
.sample-pack:nth-child(even){padding-left:14px;border-left:1px solid #aaa}
.sample-pack small{font-size:8px;letter-spacing:.12em}
.sample-pack h3{font-size:clamp(28px,4vw,58px);letter-spacing:-.055em;line-height:.9;margin:18px 0 8px}
.sample-pack p{font-size:10px;max-width:380px}
.pack-previews{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 10px}
.pack-preview,.pack-buy{border:1px solid #111;background:transparent;border-radius:20px;padding:8px 12px;font-size:8px;letter-spacing:.08em;cursor:pointer}
.pack-preview.playing{background:#111;color:#fff}
.pack-buy{background:#111;color:#fff}
.pack-note{font-size:8px;letter-spacing:.08em;margin-top:14px;max-width:620px}
.pack-checkout-notice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:1000;background:#111;color:#fff;padding:10px 14px;font-size:8px;letter-spacing:.1em}
@media(max-width:760px){
 .sample-packs{padding-bottom:90px}
 .sample-pack-grid{grid-template-columns:1fr}
 .sample-pack,.sample-pack:nth-child(even){padding:14px 0 18px;border-left:0}
 .sample-pack h3{font-size:11vw}
}

/* v58 — compact AUTOGENERAT pack library */
.sample-packs-compact{padding-bottom:90px}
.sample-packs-compact .sample-pack-grid{grid-template-columns:repeat(3,1fr)}
.sample-packs-compact .sample-pack{min-height:158px;padding:12px 10px 14px 0}
.sample-packs-compact .sample-pack:nth-child(even){padding-left:10px}
.sample-packs-compact .sample-pack h3{font-size:clamp(22px,2.8vw,40px);margin:12px 0 6px}
.sample-packs-compact .sample-pack p{font-size:8px;margin:0}
.sample-packs-compact .pack-previews{margin:12px 0 7px;gap:4px}
.sample-packs-compact .pack-preview,.sample-packs-compact .pack-buy{padding:6px 9px;font-size:7px}
@media(max-width:760px){
 .sample-packs-compact .sample-pack-grid{grid-template-columns:repeat(2,1fr)}
 .sample-packs-compact .sample-pack,.sample-packs-compact .sample-pack:nth-child(even){padding:10px 7px 12px 0;min-height:145px}
 .sample-packs-compact .sample-pack:nth-child(even){padding-left:7px}
 .sample-packs-compact .sample-pack h3{font-size:6.8vw}
 .sample-packs-compact .pack-previews{gap:3px}
 .sample-packs-compact .pack-preview,.sample-packs-compact .pack-buy{padding:5px 7px}
}