@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#050505;--panel:#0c0c0d;--line:#262326;--red:#e0293b;--deepred:#421018;--white:#ede9e6;--muted:#949094;--label:#b6afb2;font-family:'DM Sans',Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#141213;border-radius:3px;min-height:44px;transition:background .14s,border-color .14s}button:hover{background:#21191c;border-color:#675159}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{border-color:var(--red)}h1,h2,p{margin:0}h2{font-size:.95rem;font-weight:500}button,h2,.metadata,.eyebrow,.mast-meta,.player-meta,.scope-label,.meter,.signal-footer,.sequence-foot,.grooves,.tuning,.world-grid,footer,.macro-label{letter-spacing:.05em}button{font-size:.875rem;font-weight:700}.instrument{max-width:1456px;padding:36px 44px 30px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.masthead h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(3.5rem,6.6vw,6.75rem);font-weight:700;letter-spacing:-.035em;line-height:1}.masthead h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:var(--red);padding-right:.11em}.edition{display:inline-block;font-weight:500;margin-left:.19em;color:var(--red);vertical-align:top}.mast-meta{text-align:right;font-size:.75rem;line-height:1.8;color:var(--muted)}.mast-meta strong{display:block;color:var(--white);font-weight:500}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;min-width:0}.player{grid-column:1;grid-row:1;padding:28px 28px 22px}.player-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{color:var(--muted);font-size:.75rem}.player h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:3.4rem;font-weight:600;letter-spacing:.015em;line-height:1.13;margin:9px 0 14px}.player-meta{display:flex;align-items:center;gap:15px;font-size:.75rem;color:var(--label)}.signal-dot{width:6px;height:6px;border-radius:50%;background:#51434a}.signal-dot.active{background:var(--red);box-shadow:0 0 8px #c41530}.transport{flex-shrink:0;width:145px}.play-button{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--white);color:#100b0d;border:0;width:100%;height:66px;font-size:1.125rem;letter-spacing:.07em}.play-button:hover{background:white}.play-button.is-playing{background:var(--red);color:white}.play-icon{font-size:1rem}.tempo-control{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:.75rem;letter-spacing:.1em}.tempo-control button{width:42px;height:38px;min-height:38px;font-size:1.2rem}.scope-wrap{height:178px;margin-top:28px;position:relative;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(0deg,#3c101515,transparent 65%)}#scope{display:block;width:100%;height:100%}.scope-label,.meter{position:absolute;top:4px;font-family:monospace;font-size:.75rem;color:var(--muted)}.scope-label{left:0}.meter{right:0}.scope-line{position:absolute;top:55%;width:100%;height:1px;background:#35131a;pointer-events:none}.signal-footer{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:var(--muted);padding:15px 0 22px}.signal-footer #bar-display{font-family:monospace;white-space:nowrap}.drop-button{position:relative;width:100%;height:79px;background:#20090e;border:1px solid #722332;text-align:left;padding:13px 20px;display:flex;flex-direction:column;justify-content:center;gap:6px}.drop-button>span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:600;letter-spacing:.08em}.drop-button small{font-size:.75rem;font-weight:400;letter-spacing:.1em;color:#bba3a9}.drop-symbol{position:absolute;right:25px;color:var(--red);font-size:2rem}.drop-button:hover,.drop-button.engaged{background:#4b0e19;border-color:var(--red)}.performance{grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;gap:20px}.worlds,.shape{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.num{color:var(--red);font-family:monospace;font-size:.75rem;margin-right:10px}.metadata{font-family:monospace;color:var(--muted);font-size:.75rem;white-space:nowrap}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.world-button{text-align:left;min-height:76px;padding:13px 12px;background:#101010;display:flex;flex-direction:column;justify-content:center;gap:7px}.world-name{font-family:'Barlow Condensed',sans-serif;font-size:1.19rem;letter-spacing:.045em}.world-detail{color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:.04em}.world-button.selected{background:#251014;border-color:#b12638}.world-button.pending{border-style:dashed}.worlds p{font-size:.8rem;line-height:1.5;color:var(--muted);padding-top:16px}.macros{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:20px}.macro-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:500;color:var(--label);margin-bottom:9px}.macro-value{font-family:monospace;color:var(--red)}.macro input{display:block;width:100%;height:24px;margin:0;cursor:pointer;appearance:none;background:transparent}.macro input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--red) var(--value),#30282b var(--value));border-radius:2px}.macro input::-webkit-slider-thumb{appearance:none;background:var(--white);height:14px;width:9px;margin-top:-5px;border-radius:1px}.macro input::-moz-range-track{height:3px;background:#30282b}.macro input::-moz-range-progress{height:3px;background:var(--red)}.macro input::-moz-range-thumb{height:14px;width:9px;background:var(--white);border:0;border-radius:1px}.macro-help{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.tuning{padding:18px 22px}.tuning-row{display:flex;align-items:center;gap:16px;font-size:.75rem}.tuning-row label{color:var(--muted)}select{background:#171215;border:1px solid #403138;color:var(--white);padding:9px 14px;border-radius:3px;font-size:1rem;flex:1}.key-type{color:var(--muted);font-family:monospace}.grooves{display:flex;gap:5px;margin-top:18px}.grooves button{flex:1;min-width:0;font-size:.75rem;font-weight:500;background:transparent}.grooves button.active{background:#291116;color:var(--white);border-color:#9e2637}.sequence{grid-column:1;padding:24px 28px}.sequence-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}.sequencer{min-width:594px}.beat-ruler,.sequence-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px}.beat-ruler{margin-bottom:8px}.ruler-steps,.step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.ruler-steps span{font-family:monospace;font-size:.75rem;color:#70666c;height:20px;line-height:20px;text-align:center}.ruler-steps span.downbeat{color:#b8a3aa}.sequence-row{margin-bottom:7px}.layer-button{padding:0 6px 0 0;border:0;background:transparent;min-height:32px;font-size:.75rem;text-align:left;display:flex;align-items:center;gap:8px;font-weight:500;letter-spacing:.035em}.layer-button:before{content:'';width:3px;height:14px;background:#63535a;display:block}.layer-button.muted{color:#675c60;text-decoration:line-through}.layer-button.muted:before{background:#272024}.step{min-height:32px;padding:0;border:1px solid #2b2428;background:#151215;border-radius:2px;position:relative;font-family:monospace;color:transparent;font-size:.75rem;touch-action:manipulation;user-select:none;-webkit-user-select:none}.step.quarter{border-left-color:#655058}.step.on{background:#762232;border-color:#952e40}.step.accent{background:var(--red);border-color:#f04d62}.step.slide:after{content:'~';position:absolute;color:#ffc1cc;left:0;right:0;text-align:center;top:5px;font-size:1rem}.step.current{box-shadow:inset 0 -3px 0 var(--white);border-bottom-color:var(--white)}.sequence-row.muted .step{opacity:.3}.sequence-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.sequence-foot p{font-size:.75rem;letter-spacing:0;color:var(--muted);line-height:1.6}.reshape-actions{display:flex;gap:8px}.reshape-actions button{font-size:.75rem;background:transparent;padding:0 13px}.reshape-actions .outline-button{border-color:#6c3744;background:#251116}.arrangement{grid-column:1;padding:24px 28px}.sections{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.sections button{min-height:66px;background:#111013;text-align:left;padding:10px;font-size:.8rem;font-weight:500;display:flex;flex-direction:column;gap:8px}.sections button span{font-size:.75rem;color:var(--muted);font-family:monospace}.sections button.active{border-color:#b42c3f;background:#241014}.sections button.pending{border-style:dashed;border-color:var(--red)}.full-arrangement{margin-top:15px;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 15px;font-size:.8rem;background:#171215}.full-arrangement span{color:var(--muted);font-size:.75rem;font-weight:400}.full-arrangement.active{border-color:var(--red)}.capture{grid-column:1;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.capture .metadata{display:block;margin:9px 0 0 29px}.capture-buttons{display:flex;gap:8px}.capture-buttons button{padding:0 12px;font-size:.75rem;white-space:nowrap;background:transparent}.record-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}.capture-buttons button.recording{border-color:var(--red);background:#341018}.recording .record-dot{animation:blink 1s infinite}.downloads{width:100%;font-size:.8rem}.downloads:empty{display:none}.downloads a{color:var(--white);text-underline-offset:4px}.downloads a+a{margin-left:20px}footer{display:flex;justify-content:space-between;align-items:end;padding:28px 2px 4px;color:var(--muted);font-size:.75rem}footer>span:first-child{color:var(--label)}footer small{display:block;font-size:.75rem;letter-spacing:0;margin-top:9px;color:var(--muted)}.mobile-dock{display:none}@keyframes blink{50%{opacity:.35}}
@media(min-width:1400px){.scope-wrap{height:190px}.sequencer{min-width:650px}.step{min-height:36px}.layer-button{min-height:36px}}
@media(max-width:1120px){.instrument{padding:28px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.performance{gap:16px}.player,.sequence,.arrangement,.capture{padding:22px}.player h2{font-size:2.9rem}.transport{width:120px}.worlds,.shape,.tuning{padding:18px}.world-name{font-size:1.1rem}.capture{flex-direction:column;align-items:stretch}.capture-buttons button{flex:1}.capture .metadata{margin-left:29px}.player-meta{gap:9px}.scope-wrap{height:162px}.macros{column-gap:16px}}
@media(max-width:860px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.player{grid-column:1/-1;grid-row:1}.performance{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr}.tuning{grid-column:1/-1}.sequence{grid-column:1/-1;grid-row:2}.arrangement,.capture{grid-column:1/-1}.worlds,.shape{height:100%}.grooves{max-width:400px;margin-left:auto;margin-top:0}.tuning{display:flex;justify-content:space-between;align-items:center;gap:24px}.tuning-row{width:40%}.mast-meta{font-size:.75rem}.scope-wrap{height:190px}.transport{width:155px}.capture{flex-direction:row;align-items:center}.capture-buttons{flex:1;justify-content:flex-end}.capture-buttons button{flex:0}.player h2{font-size:3.4rem}}
@media(max-width:580px){.instrument{padding:24px 16px 110px}.masthead{margin-bottom:20px;padding-bottom:19px}.masthead h1{font-size:3.8rem}.mast-meta{max-width:113px;font-size:.75rem;line-height:1.5}.mast-meta span{display:none}.workspace{display:flex;flex-direction:column;gap:16px}.panel{width:100%}.player,.sequence,.arrangement,.capture{padding:20px 18px}.player{order:0}.performance{order:1;display:flex;width:100%;gap:16px}.sequence{order:2}.arrangement{order:3}.capture{order:4}.player h2{font-size:2.85rem;margin-top:8px;margin-bottom:12px}.player-top{gap:8px}.eyebrow{font-size:.75rem}.player-meta{font-size:.75rem;gap:8px}.transport{width:104px}.play-button{height:59px;font-size:1rem;gap:7px}.tempo-control{font-size:.75rem}.tempo-control button{width:32px;min-height:32px;height:32px}.scope-wrap{height:148px;margin-top:21px}.signal-footer{font-size:.75rem;gap:9px;padding-bottom:18px}.drop-button{height:73px;padding:12px 15px}.drop-button>span:first-child{font-size:1.65rem}.drop-button small{font-size:.75rem}.drop-symbol{right:18px}.panel-head h2{font-size:.9rem}.panel-head .metadata{font-size:.75rem}.panel-head{margin-bottom:18px}.worlds,.shape,.tuning{padding:20px 18px}.world-button{min-height:74px}.world-name{font-size:1.23rem}.world-detail{font-size:.75rem}.macros{row-gap:18px;column-gap:24px}.macro-label{font-size:.8rem}.macro-help{font-size:.75rem}.tuning{display:block}.tuning-row{width:100%}.grooves{margin-top:16px;max-width:none}.grooves button{font-size:.78rem}.sequencer{min-width:716px}.step{min-height:36px}.layer-button{min-height:36px;font-size:.75rem}.sequence-foot{align-items:flex-start;gap:10px;flex-direction:column}.sequence-foot p{font-size:.75rem}.reshape-actions{width:100%;justify-content:flex-end}.reshape-actions button{padding:0 16px;font-size:.75rem}.sections{gap:5px}.sections button{padding:8px 5px;min-height:68px;font-size:.75rem}.sections button span{font-size:.75rem}.full-arrangement{font-size:.75rem;padding:0 10px;min-height:52px}.full-arrangement span{font-size:.75rem;max-width:75px;text-align:right}.capture{display:block}.capture-buttons{margin-top:20px}.capture-buttons button{flex:1;font-size:.75rem}.downloads{margin-top:15px}footer{font-size:.75rem;gap:10px;padding-top:26px}footer small{display:none}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;gap:10px;background:#080608ed;backdrop-filter:blur(15px);border-top:1px solid #3c2630;padding:12px 16px calc(12px + env(safe-area-inset-bottom));}.mobile-dock button{min-height:48px;font-size:.85rem}.mobile-dock button:first-child{background:var(--white);color:#120a0d;flex:1;border:0}.mobile-dock button:last-child{background:#40101a;border-color:#9c233a;flex:1.65}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.macro-label{font-size:.875rem}.macro-help,.world-detail{font-size:.75rem}.worlds p{font-size:.875rem}.layer-button{font-size:.8125rem}.capture-buttons button,.reshape-actions button{font-size:.8125rem}.sequence-foot p{font-size:.8125rem}.grooves button{font-size:.8125rem}.player-meta{font-size:.8125rem}.tuning-row{font-size:.875rem}.signal-footer{font-size:.8125rem}.sequencer .sequence-row,.sequencer .beat-ruler{grid-template-columns:76px minmax(0,1fr)}
@media(max-width:580px){.player-meta{font-size:.75rem}.signal-footer{font-size:.75rem}.mast-meta{max-width:105px;font-size:.75rem}.masthead h1{font-size:3.5rem}.drop-button small{font-size:.75rem}.full-arrangement span{display:none}.capture-buttons button{font-size:.75rem}.sections button{font-size:.75rem}.sections button span{font-size:.75rem}.metadata{font-size:.75rem}}
@media(max-width:350px){.mast-meta{display:none}.player h2{font-size:2.3rem}.transport{width:90px}.player-meta{gap:6px;flex-wrap:wrap}.macros{column-gap:16px}.drop-button small{max-width:190px;line-height:1.4}}
.drop-button:disabled{opacity:1;cursor:default}.mobile-dock button:disabled{opacity:.8}.world-button.pending .world-detail:after{content:' / NEXT BAR';color:var(--red)}

.step.sounding{box-shadow:inset 0 0 0 2px #f8a2ac,inset 0 -3px 0 #ede9e6}.step.sounding:not(.on){background:#481922}

.play-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px}.play-icon svg{display:block;width:100%;height:100%;fill:currentColor}.play-icon .icon-stop{display:none}.is-playing .play-icon .icon-play{display:none}.is-playing .play-icon .icon-stop{display:block}#dock-play{display:flex;align-items:center;justify-content:center;gap:8px}
.footer-credit{text-align:right;line-height:1.5}.footer-credit a{color:inherit;text-decoration:underline;text-decoration-color:#6c3744;text-underline-offset:3px}.footer-credit a:hover{color:var(--red)}.footer-credit a:focus-visible{outline:2px solid var(--red);outline-offset:4px}