*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2ea;--bg-2:#ece5da;--surface:#fbf8f1e6;--surface-2:#f4efe5f0;--surface-3:#d5decb;--surface-screen:#fdfbf7;--border:#6c614f29;--border-strong:#76886957;--text:#1d1b18;--text-dim:#6f6558;--text-mute:#9a9083;--accent:#798a72;--accent-2:#8c7863;--accent-3:#5e6d59;--accent-soft:#798a7224;--shadow-lg:0 26px 70px #57483729;--shadow-md:0 18px 36px #5748371f;--font-sans:"Space Grotesk", "IBM Plex Sans JP", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-serif:"Cormorant Garamond", serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161a19;--bg-2:#101413;--surface:#222825e0;--surface-2:#1a1f1df0;--surface-3:#27302b;--surface-screen:#0d1110;--border:#c0c9ba1f;--border-strong:#8ea69147;--text:#f2efe7;--text-dim:#b2ab9f;--text-mute:#7f796f;--accent:#8da486;--accent-2:#9e866f;--accent-3:#6f8170;--accent-soft:#8da48629;--shadow-lg:0 26px 70px #00000057;--shadow-md:0 18px 36px #0000003d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left, #8c78631f, transparent 24%), radial-gradient(circle at top right, #798a7229, transparent 26%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);transition:background .2s,color .2s}body:before{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(circle,#6c614f1a 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}#root{min-height:100vh}button,input,select{font:inherit}.vocala-shell{position:relative}.glass-panel{-webkit-backdrop-filter:blur(18px)}.theme-toggle,.section-chip{border:1px solid var(--border);background:var(--surface);height:2rem;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.66rem;display:inline-flex}.theme-toggle{cursor:pointer}.auth-card,.project-shell,.controller-shell,.controller-screen,.screen-panel,.pad,.mini-pad{border:1px solid var(--border);box-shadow:var(--shadow-md)}.auth-card,.project-shell{background:var(--surface);border-radius:28px}.project-shell{padding:1rem}.project-grid{gap:.8rem;display:grid}.project-card{border:1px solid var(--border);background:var(--surface-2);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.controller-shell{box-shadow:var(--shadow-lg);background:linear-gradient(#f7f2e8fa,#e2d8c6f5);border-radius:42px;margin:1rem;padding:1.2rem;position:relative}[data-theme=dark] .controller-shell{background:linear-gradient(#383d38f5,#2d2623eb)}.workstation-frame{grid-template-columns:170px minmax(0,1fr) 160px;align-items:stretch;gap:1rem;min-height:calc(100vh - 110px);display:grid}.left-cluster,.right-cluster{gap:1rem;display:grid}.left-cluster{grid-template-rows:minmax(0,1fr) auto}.right-cluster{grid-template-rows:auto auto auto;align-content:start}.pad-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.hardware-pad,.transport-pill,.mini-pad,.tiny-chip,.track-name,.ruler-step,.piano-key{border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-md);background:linear-gradient(#fdfaf5f5,#e9e0d2eb)}[data-theme=dark] .hardware-pad,[data-theme=dark] .transport-pill,[data-theme=dark] .mini-pad,[data-theme=dark] .tiny-chip,[data-theme=dark] .track-name,[data-theme=dark] .ruler-step,[data-theme=dark] .piano-key{background:linear-gradient(#363a36f5,#212522f0)}.hardware-pad{min-height:92px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:20px;font-size:.75rem;transition:transform .15s,border-color .15s,box-shadow .15s}.hardware-pad.is-active,.transport-pill.is-live,.mini-pad.is-active,.tiny-chip.is-muted{box-shadow:0 0 0 1px #da5a4e24, var(--shadow-md);border-color:#da5a4e73}.hardware-pad:hover,.transport-pill:hover,.mini-pad:hover,.tiny-chip:hover,.track-name:hover,.ruler-step:hover,.piano-key:hover,.clip-block:hover{transform:translateY(-1px)}.side-transport,.scene-buttons,.right-buttons{gap:.7rem;display:grid}.side-transport{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-pill{cursor:pointer;min-height:2.85rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:16px;font-size:.7rem}.screen-column{grid-template-rows:minmax(0,1fr) auto;gap:1rem;min-width:0;display:grid}.controller-screen{background:linear-gradient(#f8f4eef5,#ebe5dcf5);border-radius:34px;grid-template-rows:auto minmax(0,1fr);gap:.8rem;min-height:0;padding:1rem;display:grid}[data-theme=dark] .controller-screen{background:linear-gradient(#202423f5,#171a19f5)}.tablet-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.tablet-toolbar,.tablet-status,.arranger-top-actions,.track-actions,.screen-actions.compact{flex-wrap:wrap;gap:.5rem;display:flex}.tablet-status{color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:flex-end;font-size:.62rem}.screen-status{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;display:grid}.screen-status.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.status-pill{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:.8rem .9rem}.status-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:.58rem}.status-value{letter-spacing:-.05em;margin-top:.45rem;font-size:1rem;font-weight:700}.tablet-shell{grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;min-height:0;display:grid}.arranger-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.screen-panel{color:#f3efe6;background:linear-gradient(#35383efa,#23262bfa);border-radius:26px;min-height:0;padding:1rem;overflow:auto}.arranger-panel{min-height:0}.arranger-layout{grid-template-columns:minmax(0,1fr) 220px;gap:1rem;min-height:100%;display:grid}.arranger-tools{flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem;display:flex}.arranger-grid{gap:.7rem;display:grid}.timeline-ruler{grid-template-columns:repeat(var(--bars,8), minmax(0, 1fr));grid-auto-columns:minmax(0,1fr);gap:.35rem;display:grid}.ruler-step{cursor:pointer;min-height:2rem;font-family:var(--font-mono);border-radius:10px;font-size:.7rem}.ruler-step.is-active{color:#fff9f3;background:linear-gradient(#e97f74eb,#c7564ff0)}.track-row{grid-template-columns:120px minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.track-row.is-selected .track-lane,.track-row.is-selected .track-meta{border-color:#dc9a7173}.track-meta,.track-lane{background:#1113186b;border:1px solid #ffffff14;border-radius:16px;padding:.7rem}.track-meta{align-content:start;gap:.6rem;display:grid}.track-name{cursor:pointer;border-radius:12px;min-height:2.2rem;font-weight:700}.track-lane{min-height:66px;position:relative;overflow:hidden}.lane-grid,.lane-clips{position:absolute;inset:.7rem}.lane-grid{grid-template-columns:repeat(var(--bars,8), minmax(0, 1fr));gap:.35rem;display:grid}.clip-block{color:#231914d6;cursor:pointer;border:none;border-radius:10px;justify-content:flex-start;align-items:center;padding:0 .65rem;font-weight:700;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.arranger-sidecar{align-content:start;gap:.8rem;display:grid}.panel-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:.62rem}.panel-heading{letter-spacing:-.05em;margin-top:.45rem;font-size:1.4rem;font-weight:700}.panel-heading.small{font-size:1.05rem}.panel-copy{color:var(--text-dim);margin-top:.45rem;line-height:1.6}.screen-actions,.export-grid{flex-wrap:wrap;gap:.7rem;display:flex}.screen-actions{margin-top:1rem}.tiny-chip{cursor:pointer;min-height:1.8rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:0 .8rem;font-size:.64rem}.action-button{border:1px solid var(--border);background:var(--surface);min-height:2.4rem;color:var(--text);cursor:pointer;border-radius:999px;padding:0 1rem}.action-button.primary{background:var(--accent);color:#fff;border-color:#0000}.action-button.secondary{background:var(--surface-2)}.module-box{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:.9rem}.minimal-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:2.6rem;color:var(--text);border-radius:16px;outline:none;padding:0 .9rem}.midi-stage{place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.midi-photo-stage{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.midi-photo-shell{aspect-ratio:1536/863;width:min(1536px,100%);position:relative}.midi-photo-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.photo-state-readout{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.photo-hotspot,.photo-hotspot-grid>.photo-hotspot{cursor:pointer;background:0 0;border:none;position:absolute}.photo-hotspot-grid{gap:.8%;display:grid;position:absolute}.photo-hotspot.circle,.photo-hotspot.circle.large{border-radius:999px}.photo-hotspot.key{border-radius:0 0 .6rem .6rem}.photo-hotspot:focus-visible{outline-offset:1px;border-radius:.5rem;outline:2px solid #ff7c6873}.controller-shell{background:linear-gradient(#f5efe5fa 0%,#e1d7c6fa 100%);border:1px solid #a4947b47;border-radius:34px;width:min(1480px,100%);max-width:1480px;margin:1.2rem auto;padding:1.45rem 1.55rem 1.6rem;box-shadow:inset 0 1px #ffffffc7,inset 0 -2px 8px #7e684d14,0 30px 80px #57483729}[data-theme=dark] .controller-shell{background:linear-gradient(#40443efa 0%,#2b2824fa 100%);border-color:#b1aa9924;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px 8px #0000003d,0 30px 80px #0000004d}.device-shell{aspect-ratio:1536/863;grid-template-columns:182px minmax(0,1fr) 172px;align-items:stretch;gap:1.15rem;display:grid}.device-left,.device-right,.device-center{min-height:0}.device-left{grid-template-rows:auto auto auto auto auto;gap:1rem;display:grid}.device-hidden-controls{align-items:center;gap:.45rem;display:flex}.device-micro-chip{color:#96785fcc;min-width:2.65rem;min-height:1.55rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fcf8f1f5,#e7dccbf0);border:1px solid #99887038;border-radius:6px;font-size:.48rem;box-shadow:inset 0 1px #ffffffe0,0 3px 8px #65503a0f}.device-pad-bank.top{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.device-pad-bank.lower{grid-template-columns:repeat(8,minmax(0,1fr));gap:.72rem;display:grid}.device-square{color:#826d53eb;min-height:92px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fffcf7fa,#e1d6c4f2);border:1px solid #9d8c7438;border-radius:12px;font-size:.66rem;transition:transform .14s,box-shadow .14s,border-color .14s;box-shadow:inset 0 1px #ffffffe0,inset 0 -2px 6px #81684e14,0 6px 10px #65503a14}.device-square.visual-pad{color:#0000;position:relative}.device-pad-dot{background:linear-gradient(#ff8274f2,#cc4c41f0);border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:.7rem;right:.7rem;box-shadow:0 0 8px #ff7c6847}.device-square:hover,.transport-chip:hover,.display-action-button:hover,.mode-button:hover,.side-button:hover,.corner-chip:hover,.display-icon-button:hover,.rail-button:hover,.display-ruler-step:hover,.keybed-key:hover,.clip-block:hover{transform:translateY(-1px)}.device-square.is-active,.transport-chip.is-live,.mode-button.is-live,.side-button.accent,.keybed-key.is-active,.display-ruler-step.is-active{border-color:#dc5d4e66;box-shadow:inset 0 1px #ffffffe0,inset 0 -2px 6px #81684e14,0 0 0 1px #dc5d4e24,0 10px 18px #65503a1a}.device-square.mini{border-radius:10px;min-height:50px;font-size:.58rem}.device-square.mini.visual-pad .device-pad-dot{width:.34rem;height:.34rem;top:.45rem;right:.45rem}.device-mini-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem .7rem;display:grid}.device-transport-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.device-transport-lower{grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.transport-chip,.mode-button,.side-button{color:#a55546eb;min-height:2.6rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fffbf6fa,#e0d5c4f0);border:1px solid #9d8c743d;border-radius:9px;font-size:.66rem;box-shadow:inset 0 1px #ffffffeb,0 4px 9px #65503a14}.transport-chip.wide{font-size:.62rem}.device-center{grid-template-rows:minmax(0,1fr) auto auto;gap:.95rem;display:grid}.device-display{color:#f1ece4;background:linear-gradient(#313338fa,#1f2125fc);border:1px solid #111215db;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr);gap:.75rem;min-height:440px;padding:.85rem;display:grid;box-shadow:inset 0 2px #ffffff0a,inset 0 -2px #0000003d,0 10px 18px #493d2d1f}.display-toolbar,.display-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.display-toolbar-left,.display-brand,.display-transport-readout,.display-toolbar-right,.display-header-actions{align-items:center;gap:.55rem;display:flex}.display-icon-button,.display-light-button,.display-action-button,.rail-button{color:#f1ece4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px}.display-icon-button{width:1.9rem;height:1.9rem;font-size:.85rem}.display-brand{letter-spacing:-.03em;font-weight:700}.display-dot{background:linear-gradient(#ff7c68,#c74f4a);border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 10px #ff7c685c}.display-transport-readout{font-family:var(--font-mono);color:#e6e1d6db;font-size:.8rem}.display-light-button{border-radius:.45rem;width:1.4rem;height:1.1rem}.display-light-button.is-live{background:linear-gradient(#ff7c68,#c74f4a);box-shadow:0 0 8px #ff7c6859}.display-title{letter-spacing:-.06em;font-size:2.25rem;font-weight:700}.display-subtitle{color:#d7d0c5b8;font-size:.8rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}.display-action-button{letter-spacing:.08em;text-transform:uppercase;min-height:2rem;padding:0 .8rem;font-size:.66rem}.display-workspace{grid-template-columns:42px 162px minmax(0,1fr);gap:.7rem;min-height:0;display:grid}.display-icon-rail{grid-auto-rows:44px;gap:.55rem;display:grid}.rail-button{min-height:44px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.rail-button.is-active{background:#ff7c6826;border-color:#ff7c683d}.display-track-list,.display-track-lanes{gap:.55rem;display:grid}.display-track-list{align-content:start}.display-track-row,.display-lane-row{min-height:58px}.display-track-meta{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;height:100%;padding:.55rem .65rem;display:flex}.display-track-row.is-selected .display-track-meta,.display-lane-row.is-selected{border-color:#ff7c6842}.display-track-name{color:#f1ece4;cursor:pointer;text-align:left;background:0 0;border:none;font-weight:600}.track-state-dot{cursor:pointer;background:#85d17b;border:none;border-radius:999px;width:.65rem;height:.65rem}.track-state-dot.is-muted{background:#ffffff2e}.display-arranger{grid-template-rows:auto minmax(0,1fr);gap:.55rem;min-width:0;min-height:0;display:grid}.display-ruler,.display-lane-grid{grid-template-columns:repeat(var(--bars), minmax(0, 1fr));gap:.3rem;display:grid}.display-ruler-step{color:#e6e1d6db;min-height:1.85rem;font-family:var(--font-mono);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:9px;font-size:.64rem}.display-track-lanes{min-height:0}.display-lane-row{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;position:relative;overflow:hidden}.display-lane-grid,.display-lane-clips{position:absolute;inset:.45rem .55rem}.lane-cell{border-right:1px solid #ffffff0f}.clip-block{color:#241a12e0;cursor:pointer;border:1px solid #ffffff38;border-radius:8px;justify-content:flex-start;align-items:center;padding:0 .55rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 1px #ffffff38}.clip-block.is-selected{outline:2px solid #fff8edd6}.clip-block.is-muted{filter:grayscale(.7);opacity:.55}.device-lower{grid-template-columns:minmax(0,1fr) 410px;align-items:end;gap:1rem;display:grid}.device-keybed{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.22rem;display:grid}.keybed-key{color:#826d53eb;cursor:pointer;min-height:100px;font-family:var(--font-mono);background:linear-gradient(#fffcf7fa,#e7dbcaf5);border:1px solid #95836c38;border-radius:10px;justify-content:center;align-items:flex-end;padding-bottom:.7rem;font-size:.6rem;display:flex;box-shadow:inset 0 1px #ffffffdb,0 6px 12px #65503a14}.keybed-key.is-sharp{color:#f2ede3;background:linear-gradient(#2d2e32fa,#0f1114fa);border-color:#0009;min-height:74px}.device-mode-buttons{justify-content:flex-end;gap:.75rem;padding-right:.4rem;display:flex}.mode-button{min-width:110px}.device-right{grid-template-rows:auto auto auto auto;align-content:start;gap:1rem;display:grid}.device-master-knob,.device-right-knobs{background:linear-gradient(#f8f2eafa,#e4dacaf2);border:1px solid #9d8c7438;border-radius:20px;padding:.8rem;box-shadow:inset 0 1px #ffffffe0,0 8px 15px #65503a14}.device-master-knob{justify-content:center;align-items:center;display:flex}.device-right-knobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .65rem;display:grid}.device-right-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.side-button{min-height:2.4rem}.device-roller{cursor:pointer;background:linear-gradient(#f8f2eafa,#e4dacaf2);border:1px solid #9d8c7438;border-radius:12px;justify-content:space-between;align-items:center;min-height:68px;padding:0 .8rem;display:flex;box-shadow:inset 0 1px #ffffffe0,0 8px 15px #65503a14}.roller-text{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#826d53eb;font-size:.62rem}.roller-core{background:repeating-linear-gradient(90deg,#1a1a1cf2,#1a1a1cf2 4px,#585b62f2 4px 6px);border-radius:9px;width:54px;height:34px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d}.device-roller.is-live .roller-core{box-shadow:0 0 0 1px #dc5d4e2e,inset 0 1px #ffffff14,inset 0 -1px #0000004d}.bottom-strip{grid-template-columns:240px minmax(0,1fr) 320px;align-items:end;gap:1rem;display:grid}.performance-pads{grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;display:grid}.mini-pad{cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;min-height:64px;padding:.7rem .45rem;display:flex}.mini-pad-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:.54rem}.mini-pad-value{font-size:.95rem;font-weight:700}.piano-strip{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.35rem;display:grid}.piano-key{cursor:pointer;min-height:90px;font-family:var(--font-mono);border-radius:14px;justify-content:center;align-items:flex-end;padding-bottom:.6rem;font-size:.65rem;display:flex}.piano-key.is-sharp{color:#f5efe8;background:linear-gradient(#292a2cf5,#101216fa);min-height:70px}.piano-key.is-active{border-color:#da5a4e8c}.macro-knob,.knob-column{border:1px solid var(--border);box-shadow:var(--shadow-md);background:linear-gradient(#f8f3ebf5,#e4d9caf0);border-radius:24px;padding:.85rem}[data-theme=dark] .macro-knob,[data-theme=dark] .knob-column{background:linear-gradient(#373c37f5,#282b28f0)}.macro-knob{justify-content:center;display:flex}.knob-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6f655847;border-radius:999px}@media (width<=1120px){.midi-stage{padding:1rem .75rem}.device-shell,.device-lower{aspect-ratio:auto;grid-template-columns:1fr}.device-right{grid-template-columns:1fr}.workstation-frame,.bottom-strip,.arranger-layout{grid-template-columns:1fr;min-height:auto}.right-cluster{grid-template-columns:1fr}}@media (width<=840px){.device-pad-bank.lower,.device-keybed{grid-template-columns:repeat(6,minmax(0,1fr))}.display-workspace{grid-template-columns:1fr}.display-icon-rail{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.display-track-list{order:1}.display-arranger{order:2}.pad-matrix,.screen-status,.performance-pads,.piano-strip,.track-row{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{gap:.5rem}.track-row,.side-transport{grid-template-columns:1fr}}