:root{color-scheme:dark;--bg: #080a09;--panel: #101412;--panel-2: #151a17;--line: #2c342f;--line-soft: #1c221e;--ink: #eef1e9;--muted: #8d978f;--dim: #5f6962;--acid: #d8f26f;--signal: #ff633b;--safe-bottom: max(18px, env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:280px;min-height:100%;background:var(--bg)}body{min-width:280px;min-height:100%;margin:0;color:var(--ink);overflow-x:hidden;background:radial-gradient(circle at 8% 0%,rgba(216,242,111,.055),transparent 33rem),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.012) 48% 49%,transparent 49%) 0 0/72px 72px,var(--bg)}button,input,select{font:inherit}button{min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.34}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:2px}.skip-link{position:fixed;z-index:80;left:10px;top:-80px;padding:11px 14px;color:#0b0f09;background:var(--acid);font-size:10px;font-weight:900}.skip-link:focus{top:10px}input[type=range]{width:100%;min-width:0;height:32px;margin:0;accent-color:var(--acid)}input[type=number]{appearance:textfield}main{width:min(100%,1440px);min-height:100vh;margin-inline:auto;border-inline:1px solid #171c19;background:#080a09e6}.topbar{min-height:88px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:max(12px,env(safe-area-inset-top)) clamp(12px,3vw,34px) 10px;border-bottom:1px solid var(--line);background:#0a0d0bf5;backdrop-filter:blur(14px)}.brand>span{display:block;margin-bottom:4px;color:var(--dim);font-size:8px;font-weight:900;letter-spacing:.22em}.brand>div{display:flex;align-items:baseline;gap:9px}.brand i{width:21px;height:9px;background:var(--signal);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.brand strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(31px,5vw,48px);font-weight:400;line-height:.88;letter-spacing:.035em}.brand em{color:var(--dim);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.16em;white-space:nowrap}.transport{display:grid;grid-template-columns:auto 82px 54px;gap:5px}.play,.tap,.tempo{min-height:52px;border:1px solid #3b433e;background:#161b18}.play{min-width:94px;display:flex;align-items:center;justify-content:center;gap:9px;border-color:#713621;background:linear-gradient(145deg,#29150f,#17100d)}.play span{color:var(--signal)}.play b{font-size:10px;letter-spacing:.14em}.play.active{color:#150904;background:var(--signal)}.play.active span{color:#150904}.tempo{position:relative;display:block;padding:5px 5px 0}.tempo span{position:absolute;top:5px;left:7px;color:var(--dim);font-size:7px;font-weight:900;letter-spacing:.12em}.tempo input{width:100%;height:100%;padding-top:8px;border:0;background:none;color:var(--acid);text-align:center;font:800 21px ui-monospace,SFMono-Regular,Menlo,monospace}.tap{color:#c2c9c2;font-size:9px;font-weight:900;letter-spacing:.12em}.mode-nav{min-height:54px;position:sticky;top:88px;z-index:19;display:grid;grid-template-columns:repeat(4,1fr);padding-inline:clamp(12px,3vw,34px);border-bottom:1px solid var(--line);background:#0c0f0df5;backdrop-filter:blur(14px)}.mode-nav button{position:relative;border:0;border-inline-start:1px solid var(--line-soft);background:none;color:#717b73;font-size:9px;font-weight:900;letter-spacing:.15em}.mode-nav button:last-child{border-inline-end:1px solid var(--line-soft)}.mode-nav button i{width:0;height:2px;position:absolute;left:50%;bottom:0;background:var(--acid);transform:translate(-50%);transition:width .18s ease}.mode-nav button.on{color:var(--ink)}.mode-nav button.on i{width:70%}.view{min-height:calc(100vh - 202px)}.scene-dock{padding:12px clamp(12px,3vw,34px);border-bottom:1px solid var(--line);background:#0d110f}.scene-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.scene-unit{min-width:0;display:grid;grid-template-columns:1fr 44px;gap:2px}.scene-launch,.chain-key{border:1px solid #343c37;background:#141916}.scene-launch{min-width:0;padding:5px 9px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;text-align:left}.scene-launch span{color:#616b64;font:10px ui-monospace,monospace}.scene-launch b{min-width:0;overflow:hidden;color:#aab2ab;font-size:9px;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.scene-launch.current{border-color:var(--acid);background:#252c1d}.scene-launch.current span{color:var(--acid)}.scene-launch.current b{color:#eef4d1}.chain-key{color:#667069;font:800 11px ui-monospace,monospace}.chain-key.joined{border-color:var(--acid);background:var(--acid);color:#11150c}.scene-tools{display:grid;grid-template-columns:auto minmax(210px,.6fr) auto auto;gap:6px;margin-top:8px}.segments{display:grid;grid-template-columns:48px 48px;gap:3px}.segments button{border:1px solid #39423c;background:#141916;font:800 10px ui-monospace,monospace}.segments button.on{border-color:var(--signal);color:var(--signal)}.tool-button,.action,.performance-key,.file-actions button{padding-inline:14px;border:1px solid #39423c;background:#161b18;color:#b6beb7;font-size:8px;font-weight:900;letter-spacing:.11em}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:19px clamp(12px,3vw,34px) 12px}.section-title span,.editor-heading>span,.name-control>span,.select-control>span{color:var(--dim);font-size:8px;font-weight:900;letter-spacing:.2em}.section-title h1{margin:3px 0 0;font-size:clamp(21px,3.5vw,34px);line-height:1;letter-spacing:-.035em}.section-title small{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.04em}.page-switch{display:none;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 12px 8px}.page-switch button{border:1px solid #303832;background:#121613;color:#6e7871;font:800 9px ui-monospace,monospace}.page-switch button.on{border-color:var(--acid);color:#10140d;background:var(--acid)}.sequencer{overflow-x:auto;overscroll-behavior-inline:contain;border-block:1px solid #303833;background:#090c0a;scrollbar-color:#3b443e #090c0a}.ruler,.lane-row{min-width:max(760px,calc(160px + var(--visible-steps) * 44px));display:grid;grid-template-columns:160px repeat(var(--visible-steps),minmax(38px,1fr))}.ruler{height:27px;position:sticky;top:0;z-index:7;background:#111512}.ruler>span{padding:9px;color:#566159;font-size:7px;font-weight:900;letter-spacing:.16em}.ruler i{display:grid;place-items:center;border-left:1px solid #1e2420;color:#4f5952;font: 8px ui-monospace,monospace}.ruler i.beat{color:#b9c0ba;border-left-color:#414a44}.lane-row{min-height:62px;border-top:1px solid #1c211e}.lane-head{position:sticky;left:0;z-index:6;display:grid;grid-template-columns:1fr 88px;background:#111512;border-right:1px solid #3c453f;box-shadow:8px 0 18px #00000085}.lane-select{min-width:0;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;padding:5px 6px;border:0;background:none;text-align:left}.lane-select b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#0a0d0b;background:var(--lane);font:800 12px ui-monospace,monospace;box-shadow:0 0 15px color-mix(in srgb,var(--lane),transparent 70%)}.lane-select span{min-width:0;overflow:hidden;color:#9fa8a1;font-size:7px;font-weight:900;letter-spacing:.07em;text-overflow:ellipsis}.lane-select small{color:#59635c;font:8px ui-monospace,monospace}.lane-select.selected{background:color-mix(in srgb,var(--lane),#111512 90%)}.lane-head>div{display:grid;grid-template-columns:1fr 1fr}.mini{min-width:44px;min-height:44px;padding:0;border:0;border-left:1px solid #29302c;background:none;color:#626d65;font:800 8px ui-monospace,monospace}.mini.latched{color:#0b0e0c;background:var(--lane)}.step{min-width:0;min-height:60px;position:relative;padding:0;border:0;border-left:1px solid #1d231f;background:#0d110e}.step:before{content:"";width:min(26px,65%);aspect-ratio:1;position:absolute;left:50%;top:50%;border:1px solid #343d37;border-radius:50%;transform:translate(-50%,-50%)}.step.on:before{border-color:var(--lane);background:color-mix(in srgb,var(--lane),#0b0e0c 47%);box-shadow:0 0 11px color-mix(in srgb,var(--lane),transparent 62%)}.step.on.soft:before{opacity:.68;scale:.78}.step.on.accent:after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--lane),transparent 18%)}.step.selected{box-shadow:inset 0 0 0 2px #fff}.step.playhead{background:#e9ede2}.step.playhead:before{border-color:#111;box-shadow:none}.step span{position:relative;z-index:1;color:#090b0a;font:900 8px ui-monospace,monospace}.editor-deck{display:grid;grid-template-columns:150px 210px 1fr;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#141916,#0d110f)}.editor-heading{min-height:168px;padding:18px 15px;border-right:1px solid #303833;box-shadow:inset 4px 0 var(--lane)}.editor-heading b{display:block;margin-top:18px;color:var(--lane);font-family:Impact,sans-serif;font-size:24px;font-weight:400;letter-spacing:.035em}.editor-heading em{display:block;margin-top:4px;color:#7b857e;font: 10px ui-monospace,monospace}.editor-tabs{display:grid;grid-template-rows:repeat(3,1fr);padding:8px;gap:4px;border-right:1px solid #303833}.editor-tabs button{border:1px solid #303833;background:#111512;color:#68736b;font-size:8px;font-weight:900;letter-spacing:.13em}.editor-tabs button.on{border-color:var(--acid);color:#0e120c;background:var(--acid)}.editor-panel{min-width:0;padding:8px}.control-grid,.generator-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:5px}.generator-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}.range-control{min-width:0;min-height:54px;display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:7px;padding:0 8px;border:1px solid #2c342f;background:#101411}.range-control>span,.choice-control>span{color:#7b857e;font-size:7px;font-weight:900;letter-spacing:.11em;white-space:nowrap}.range-control output{color:#d5dbd3;font:9px ui-monospace,monospace;text-align:right}.choice-control{min-height:54px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding-left:8px;border:1px solid #2c342f;background:#101411}.choice-control>div{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.choice-control button{min-width:44px;min-height:52px;padding:0;border:0;border-left:1px solid #2b332e;background:none;color:#738077;font:800 8px ui-monospace,monospace}.choice-control button.on{color:#10140d;background:var(--acid)}.action{min-height:54px}.action.primary,.file-actions .primary{border-color:var(--acid);color:#10140d;background:var(--acid)}.action.on{border-color:var(--signal);color:#180b06;background:var(--signal)}.action.danger{border-color:#613125;color:#e18c75}.action small{float:right;color:inherit}.performance-view{padding-bottom:clamp(24px,5vw,54px);background:radial-gradient(circle at 70% 14%,rgba(216,242,111,.06),transparent 34rem)}.performance-status{min-height:44px;display:flex;align-items:center;gap:9px;margin:0 clamp(12px,3vw,34px) 10px;padding:0 12px;border:1px solid #2e3731;background:#0f1311;color:#7d8980;font-size:8px;font-weight:900;letter-spacing:.13em}.performance-status i{width:8px;height:8px;border-radius:50%;background:#58625b}.performance-status b{margin-left:auto;color:#68736b;font:9px ui-monospace,monospace}.performance-status.running i{background:var(--acid);box-shadow:0 0 13px var(--acid);animation:pulseRun .8s ease-in-out infinite alternate}.performance-status.running span{color:var(--acid)}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 clamp(12px,3vw,34px)}.pads button{min-height:clamp(105px,13vw,170px);position:relative;display:grid;place-content:center;justify-items:center;border:1px solid color-mix(in srgb,var(--lane),#303732 60%);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--lane),transparent 89%),transparent 70%),#101411;box-shadow:inset 0 -9px 17px #00000057;user-select:none}.pads button:after{content:"";width:36px;height:3px;position:absolute;bottom:13px;background:var(--lane);opacity:.68}.pads button b{color:var(--lane);font:38px Impact,sans-serif;text-shadow:0 0 18px color-mix(in srgb,var(--lane),transparent 52%)}.pads button span{margin-top:5px;color:#a9b1aa;font-size:8px;font-weight:900;letter-spacing:.09em}.pads button small{position:absolute;top:9px;right:10px;color:#58625b;font:8px ui-monospace,monospace}.pads button.hit{transform:translateY(3px);filter:brightness(1.75)}.performance-controls{display:grid;grid-template-columns:auto auto repeat(3,minmax(170px,1fr));gap:6px;padding:10px clamp(12px,3vw,34px) 0}.performance-key{min-width:130px;min-height:54px}.performance-key i{width:7px;height:7px;display:inline-block;margin-right:7px;border-radius:50%;background:#59635c}.performance-key.on{border-color:var(--signal);color:var(--signal)}.performance-key.on i{background:var(--signal);box-shadow:0 0 10px var(--signal)}.performance-key.fill.on{color:#10140d;border-color:var(--acid);background:var(--acid)}.mix-view{padding-bottom:28px}.master-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 clamp(12px,3vw,34px) 12px}.mixer{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 clamp(12px,3vw,34px)}.channel{min-width:0;border:1px solid #2e3731;background:#0e120f;box-shadow:inset 3px 0 var(--lane)}.channel header{min-height:54px;display:grid;grid-template-columns:48px 1fr 44px 44px;align-items:stretch;border-bottom:1px solid #29302c}.channel header>button:first-child{border:0;background:color-mix(in srgb,var(--lane),#101411 86%)}.channel header>button:first-child b{color:var(--lane);font:22px Impact,sans-serif}.channel header>div{min-width:0;display:grid;align-content:center;padding:0 9px}.channel header span{overflow:hidden;color:#c5cbc5;font-size:9px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis}.channel header small{margin-top:2px;color:#5d6860;font:7px ui-monospace,monospace}.channel>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}.project-view{min-height:calc(100vh - 242px)}.project-core{max-width:880px;padding:0 clamp(12px,3vw,34px) 34px}.name-control,.select-control{min-height:74px;display:grid;align-content:center;gap:7px;padding:10px 13px;border:1px solid #303833;background:#101411}.name-control input,.select-control select{width:100%;min-height:38px;border:0;border-bottom:1px solid #4a554d;background:none;color:var(--ink);font-size:17px;font-weight:800;letter-spacing:.05em}.select-control{margin-top:7px}.select-control select{padding-inline:0;font-size:13px}.file-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.file-actions button{min-height:56px}.format-note{display:grid;grid-template-columns:90px 1fr;gap:8px 14px;margin-top:14px;padding:15px;border-left:2px solid var(--acid);background:#0d110f}.format-note b{color:var(--acid);font-size:8px;letter-spacing:.14em}.format-note span{color:#79837b;font-size:10px;line-height:1.4}footer{min-height:58px;display:flex;justify-content:space-between;gap:12px;padding:16px clamp(12px,3vw,34px) var(--safe-bottom);border-top:1px solid var(--line);color:#515b54;font:8px ui-monospace,monospace;letter-spacing:.07em}#toast{max-width:calc(100% - 28px);position:fixed;z-index:50;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 16px;color:#0b0f0a;background:var(--acid);box-shadow:0 12px 30px #00000073;font-size:10px;font-weight:900;text-align:center;transform:translate(-50%,26px);opacity:0;pointer-events:none;transition:.18s ease}#toast.show{transform:translate(-50%);opacity:1}@keyframes pulseRun{to{transform:scale(1.35);opacity:.62}}@media(max-width:900px){.brand em{display:none}.scene-tools{grid-template-columns:auto 1fr auto auto}.editor-deck{grid-template-columns:120px 150px 1fr}.control-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.generator-grid{grid-template-columns:repeat(3,minmax(125px,1fr))}.performance-controls{grid-template-columns:repeat(2,1fr)}.performance-controls .range-control{min-width:0}}@media(max-width:640px){.topbar{min-height:76px;gap:8px;padding:max(9px,env(safe-area-inset-top)) 10px 8px}.brand>span{font-size:6px;letter-spacing:.13em}.brand>div{gap:5px}.brand i{display:none}.brand strong{font-size:28px}.transport{grid-template-columns:48px 66px 44px;gap:3px}.play{min-width:48px}.play b{display:none}.play,.tap,.tempo{min-height:48px}.tempo input{font-size:18px}.mode-nav{top:76px;min-height:52px;padding-inline:0}.mode-nav button{font-size:8px}.scene-dock{padding:8px}.scene-row{grid-template-columns:repeat(2,1fr);gap:4px}.scene-launch{padding-inline:7px}.scene-tools{grid-template-columns:96px 1fr}.scene-tools .tool-button{min-width:0}.section-title{padding:16px 10px 9px}.section-title small{display:none}.section-title h1{font-size:23px}.page-switch{display:grid}.sequencer{overflow-x:hidden}.ruler,.lane-row{width:100%;min-width:0;grid-template-columns:68px repeat(var(--visible-steps),minmax(0,1fr))}.ruler>span{padding-left:7px}.lane-row{min-height:62px}.lane-head{position:static;grid-template-columns:1fr;box-shadow:none}.lane-head>div{display:none}.lane-select{grid-template-columns:29px 1fr;gap:4px;padding:3px 4px}.lane-select b{width:27px;height:27px}.lane-select span{display:none}.lane-select small{text-align:center}.step{min-height:60px}.step:before{width:min(30px,65%)}.editor-deck{grid-template-columns:1fr}.editor-heading{min-height:auto;display:flex;align-items:baseline;gap:9px;padding:9px 11px;border-right:0;border-bottom:1px solid #29302c}.editor-heading b,.editor-heading em{display:inline;margin:0}.editor-heading b{font-size:18px}.editor-tabs{grid-template-columns:repeat(3,1fr);grid-template-rows:48px;padding:5px;border-right:0;border-bottom:1px solid #29302c}.editor-panel{padding:5px}.control-grid,.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-control{min-height:58px;grid-template-columns:1fr 38px;grid-template-rows:auto 28px;gap:0 6px;padding:5px 7px}.range-control>span{grid-column:1}.range-control output{grid-column:2;grid-row:1}.range-control input{grid-column:1/-1;grid-row:2}.choice-control{grid-template-columns:1fr;padding:5px}.choice-control>div{min-height:44px}.choice-control>span{padding-left:3px}.action{min-height:58px;padding-inline:6px}.pads{grid-template-columns:repeat(4,1fr);gap:4px;padding-inline:8px}.pads button{min-height:88px}.pads button b{font-size:30px}.pads button span{display:none}.pads button:after{bottom:8px;width:24px}.performance-status{margin-inline:8px}.performance-controls{padding:7px 8px 0;gap:4px}.performance-key{min-width:0;padding-inline:4px}.master-strip{grid-template-columns:1fr;gap:4px;padding:0 8px 8px}.mixer{grid-template-columns:1fr;gap:5px;padding-inline:8px}.channel header{grid-template-columns:48px 1fr 44px 44px}.channel>div{grid-template-columns:1fr 1fr}.project-core{padding-inline:8px}.file-actions{grid-template-columns:1fr 1fr}.file-actions button:first-child{grid-column:1/-1}.format-note{grid-template-columns:70px 1fr}footer{flex-direction:column}}@media(max-width:350px){.brand strong{font-size:24px}.transport{grid-template-columns:44px 61px 44px}.tempo input{font-size:16px}.segments{grid-template-columns:1fr 1fr}.ruler,.lane-row{grid-template-columns:66px repeat(var(--visible-steps),minmax(0,1fr))}.control-grid,.generator-grid{grid-template-columns:1fr}.performance-controls{grid-template-columns:1fr 1fr}.performance-controls .range-control{grid-column:1/-1}.file-actions{grid-template-columns:1fr}.file-actions button:first-child{grid-column:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}