@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d14;--panel:#101721;--line:#25303e;--muted:#8997ac;--text:#eef3fa;--accent:#c6fc64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{background:#1a2432;border:1px solid #2a3748;border-radius:7px;color:var(--text);padding:10px 13px;transition:.15s}button:hover{background:#2b394c;border-color:#5c718d}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#152006;border-color:var(--accent);font-weight:700}.primary:hover{background:#dcff9e;border-color:#dcff9e}header{height:80px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:0 36px}.brand{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.8px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:5px}.brand>span:last-child{font-weight:400;color:#9faec2}.brand-icon{font-size:33px;color:var(--accent);margin-right:8px}.header-tag{color:#6c7c91;font-size:10px;letter-spacing:2px}.header-actions{margin-left:auto;display:flex;gap:9px}main{max-width:1600px;margin:auto;padding:32px 36px 16px}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent)}h1{font:500 35px 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:8px 0}h1 span{color:var(--accent)}p{color:var(--muted);line-height:1.6;margin:8px 0}.model{border:1px solid var(--line);border-radius:8px;padding:13px 18px;font-weight:600}.model small{display:block;margin:6px 0 0 15px;font-size:11px;color:var(--muted);font-weight:400}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 10px #c6fc6444}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-top{min-height:53px;padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:600;letter-spacing:1.6px}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;padding:2px;gap:2px}.segmented button{padding:4px 12px;font-size:11px;border:0;background:transparent;color:var(--muted)}.segmented button.active{background:#2b3544;color:var(--text)}#carstage{height:460px;position:relative;background:radial-gradient(ellipse at 50% 50%,#213048 0%,#111b2a 35%,#0b111b 75%);overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#8599bb08 1px,transparent 1px),linear-gradient(90deg,#8599bb08 1px,transparent 1px);background-size:34px 34px;transform:perspective(400px) rotateX(12deg) scale(1.1)}#car{height:100%;width:100%;position:relative;filter:drop-shadow(0 15px 25px #0009)}.stage-label{position:absolute;left:25px;top:23px;font-size:9px;letter-spacing:3px;color:#63738c}.stage-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px;color:#8091a9}#carstage.day{background:radial-gradient(ellipse,#75859e,#34465e)}.transport{height:68px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 20px}.transport button{border:0;background:transparent;font-size:22px;padding:5px 8px}.transport .play{background:var(--accent);color:#132000;border-radius:50%;width:39px;height:39px;font-size:16px}#clock{font:500 17px 'Space Grotesk',sans-serif;white-space:nowrap}#clock small{color:#61718a;font-size:12px}.transport select{margin-left:auto;width:65px}.volume{display:flex;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted);gap:8px}.volume input{width:65px}input[type=range]{accent-color:var(--accent);cursor:pointer}.controls .panel-top{margin-bottom:16px}.controls>.field,.controls>.two,.controls>.section-label,.controls>.hint,.controls>.import-grid,.controls>.color-row,.controls>.stats{margin-left:20px;margin-right:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a3b0c3;letter-spacing:.4px;margin-bottom:13px}input:not([type=range]):not([type=color]),select{width:100%;border:1px solid #2c384a;border-radius:6px;background:#0c121c;color:var(--text);padding:10px;min-width:0}input[type=color]{background:#17212f;border:1px solid #38465b;border-radius:5px;width:35px;height:28px;padding:2px;vertical-align:middle;margin-left:6px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.import-grid button{border:1px dashed #3b4b62;background:#121d2b;font-size:12px;padding:15px 5px}.import-grid small{display:block;color:#6f819b;font-size:10px;margin-top:6px}.hint{font-size:11px;letter-spacing:0;line-height:1.5}.divider{height:1px;background:var(--line);margin:17px 0}.section-label{font-size:10px;letter-spacing:1.5px;color:#d1daea;margin-bottom:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two button{font-size:11px;padding:9px 4px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.color-row button{font-size:11px}.stats{display:flex;gap:12px;font-size:10px;color:#8190a6;padding:13px 0;flex-wrap:wrap}.badge{display:inline-block;background:#25302b;color:#b5d68e;padding:5px 7px;font-size:8px;letter-spacing:.6px;border-radius:4px}.timeline-panel{margin-top:20px}.timeline-actions{display:flex;align-items:center;gap:10px}.timeline-actions button{font-size:10px;padding:5px 9px}.timeline-actions label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:0}.timeline-actions input{width:70px}.timeline-shell{display:flex}#laneLabels{width:142px;min-width:142px;background:#111a27;border-right:1px solid var(--line);font-size:10px;color:#9eafc6;padding-top:72px}#laneLabels div{height:29px;display:flex;align-items:center;padding-left:18px;border-top:1px solid #22304470}#scroll{overflow:auto;flex:1;min-width:0}#timeline{display:block;touch-action:none}.seek-label{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted);padding:9px 20px;border-top:1px solid var(--line)}#seek{width:100%}footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#718299;padding:14px 0}footer button{border:0;background:none;font-size:11px;color:#a4b5ce}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#243744;color:#edffdb;padding:14px 22px;border:1px solid #506653;border-radius:8px;display:none;z-index:10;box-shadow:0 10px 40px #0008}dialog{background:#131d2b;border:1px solid #455775;border-radius:14px;color:var(--text);max-width:620px;padding:28px}dialog::backdrop{background:#000a}dialog h2{font-family:'Space Grotesk',sans-serif}dialog a{color:var(--accent)}@media(min-width:1400px){#carstage{height:510px}}@media(max-width:1000px){header{padding:0 18px;gap:12px}.header-tag{display:none}main{padding:24px 18px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.volume{display:none}.titlebar p{max-width:400px}h1{font-size:29px}.timeline-actions>.hint{display:none}}@media(max-width:740px){header{height:auto;padding:15px;flex-wrap:wrap}.header-actions{width:100%;margin:0}.header-actions button{flex:1;font-size:11px}.titlebar{display:block}.model{display:inline-block;margin-top:12px}.workspace{grid-template-columns:1fr}#carstage{height:410px}.timeline-panel .panel-top{flex-wrap:wrap}.timeline-actions{width:100%;flex-wrap:wrap}#laneLabels{width:110px;min-width:110px}#laneLabels div{padding-left:8px;font-size:9px}footer{gap:15px}.controls{padding-bottom:8px}}

.preset-control{margin:16px 20px 0}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.toolbench{margin-top:20px}.bench-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:26px;padding:22px}.bench-grid>div+div{border-left:1px solid var(--line);padding-left:24px}.bench-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.bench-buttons button,.sync-row button{font-size:11px}.sync-row{display:flex;gap:10px;align-items:center}.sync-row .field{flex:1;margin:0}.sync-row button{margin-top:18px}.marker-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.marker-list button{font-size:11px;padding:6px 10px;color:#b3c6dc}.marker-list .remove{color:#9c7a81;padding:6px}.marker-chip{display:flex;gap:1px}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog-title button{font-size:24px;background:none;border:0}.check-item{display:flex;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.check-item b{font-size:12px}.check-item p{font-size:11px;margin:4px 0}.check-icon{color:var(--accent);font-size:17px}.check-item.warn .check-icon{color:#f6bf68}.check-item.fail .check-icon{color:#ff7196}#checkResults{margin:18px 0}#downloadZip{width:100%}#clipboardStatus{min-height:16px}button[aria-pressed=true]{border-color:#acdd5c;color:#c6fc64}.timeline-actions{flex-wrap:wrap}.timeline-panel .panel-top{flex-wrap:wrap}.controls .stats{line-height:1.7}#folderStatus{overflow-wrap:anywhere}@media(max-width:1000px){.bench-grid{grid-template-columns:1fr 1fr}.bench-grid>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}@media(max-width:740px){.bench-grid{grid-template-columns:1fr}.bench-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.sync-row{max-width:350px}}

.model{min-width:260px;padding:10px 13px}.model label{display:block;font-size:8px;letter-spacing:1.5px;color:#8c9eb7;margin-bottom:6px}.model select{padding:8px;background:#121b29;font-size:12px}.model small{margin:7px 0 0;font-size:10px}.vehicle-notice{font-size:11px;line-height:1.5;color:#a5bad6;padding:10px 20px;border-top:1px solid var(--line);background:#131f2d}.vehicle-notice.unsupported{color:#ffb0c1;background:#341d2a}.vehicle-panel{margin-top:20px}.vehicle-details{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:18px 22px}.vehicle-details p{font-size:12px;margin:0 0 9px}.vehicle-details .hint{font-size:11px}.equipment .check{margin-bottom:10px}.equipment .field{max-width:260px}.unavailable-lane{opacity:.35}.badge.unsupported{color:#ffafbc;background:#452634}#closureState{color:#b5c9e6;font-family:monospace;font-size:10px}@media(max-width:740px){.model{width:100%}.vehicle-details{grid-template-columns:1fr;gap:15px}} 

[hidden]{display:none!important}

#viewSelect{width:90px;margin-left:auto;padding:6px;font-size:11px}.inspector{margin-top:20px}.inspector-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:22px}.inspector a{color:#c6fc64;font-size:11px}.inspector button{font-size:11px}.panel-top .segmented{flex-shrink:0}@media(max-width:740px){.inspector-grid{grid-template-columns:1fr}}

.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.workflow button{display:flex;text-align:left;gap:12px;align-items:center;background:#111b27;padding:14px}.workflow b{font-family:'Space Grotesk';font-size:20px;color:#c6fc64}.workflow span{font-size:12px}.workflow small{display:block;font-size:10px;color:#7f93ad;margin-top:4px}.music-panel{margin-bottom:20px}.music-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding:20px 22px}.music-grid h3{font-family:'Space Grotesk';margin:0 0 8px;font-size:19px}.music-grid p{font-size:12px}.music-grid .field{margin-top:14px}.music-grid .bench-buttons button{font-size:11px}.music-grid progress{width:100%;accent-color:#c6fc64}.edit-instruction,.selection-summary{margin:0 20px 13px!important;font-size:11px}.selection-summary{background:#233329;color:#d2f6b6;padding:9px;border-radius:5px}.density-field{margin:16px 20px 0}.density-field span{color:#c6fc64}.phrases{margin-top:20px}.phrase-hint{margin:16px 20px 12px}.phrase-cards{display:flex;gap:8px;overflow:auto;padding:0 20px 14px}.phrase-card{min-width:126px;text-align:left;border-top:3px solid #70bda5;background:#141f2e;font-size:12px}.phrase-card.peak{border-top-color:#e9a65f}.phrase-card.low{border-top-color:#8c81d7}.phrase-card.selected{outline:1px solid #c6fc64;background:#223027}.phrase-card small{display:block;color:#879db8;font-size:10px;margin-top:5px}.phrase-actions{display:flex;align-items:center;gap:8px;padding:15px 20px;flex-wrap:wrap;border-top:1px solid var(--line)}.phrase-actions strong{font-size:11px;margin-right:auto}.phrase-actions button{font-size:11px}#phraseFeedback{margin:0 20px 15px}.advanced{margin-top:20px;border:1px solid #273548;border-radius:9px;overflow:hidden}.advanced>summary{padding:15px 20px;font-size:12px;cursor:pointer;color:#b6c8e0;background:#101a28}.advanced>summary span{float:right;color:#7085a2;font-size:10px}.advanced .vehicle-panel{margin-top:0;border-radius:0;border:0}.advanced .inspector{margin-top:0;border-radius:0;border-width:1px 0 0}.juice-fund{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #38412c;background:linear-gradient(120deg,#19251c,#101822);border-radius:12px}.juice-fund h3{font-family:'Space Grotesk';margin:8px 0;font-size:21px}.juice-fund p{font-size:12px}.juice-fund button{color:#d7f9ac;border-color:#526b34;white-space:nowrap}#laneLabels div{cursor:pointer}#laneLabels div.selected-lane{color:#d5ffa1;background:#29382a}#laneLabels div:hover{background:#263449}#phrasePanel{scroll-margin-top:20px}#musicPanel{scroll-margin-top:20px}@media(max-width:740px){.workflow{grid-template-columns:1fr 1fr}.workflow button{padding:10px}.music-grid{grid-template-columns:1fr}.juice-fund{display:block}.juice-fund button{margin-top:12px}.phrase-actions strong{width:100%}.advanced>summary span{display:block;float:none;margin-top:5px}}

.stage{align-self:start;position:sticky;top:12px}.inline-edit{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);background:#15221e}.inline-edit strong{font-size:11px;margin-right:auto;color:#d4f4bb}.inline-edit select{max-width:150px;padding:8px}.inline-edit button{font-size:11px}@media(max-width:740px){.stage{position:static}.inline-edit{flex-wrap:wrap}.inline-edit strong{width:100%}.inline-edit select{flex:1}}

#juiceDialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;text-align:center;padding:24px;box-sizing:border-box}#juiceDialog .dialog-title{align-items:center;gap:12px}#juiceDialog .eyebrow{font-size:9px}#coffeeDismiss{font-size:24px;line-height:1;padding:3px 10px}#juiceDialog h2{font-size:27px;line-height:1.15;margin:16px 0}#juiceDialog p{font-size:14px;line-height:1.6}.coffee-qr{display:block;width:220px;max-width:100%;height:auto;margin:20px auto 10px;border-radius:18px;background:white;padding:10px;box-sizing:border-box}#juiceDialog .coffee-caption,#juiceDialog .coffee-thanks{font-size:11px}#juiceClose{display:block;width:100%;margin-top:18px}#coffeeLinkSlot a{display:inline-block;color:#ffe875;padding:10px}#juiceDialog::backdrop{background:rgba(4,10,19,.8);backdrop-filter:blur(5px)}

/* Progressive disclosure: both modes share the same audio and sequence. */
.mode-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px}.mode-switch{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#101721}.mode-switch button{border:1px solid transparent;background:transparent;text-align:left;padding:11px 20px;font-weight:700}.mode-switch small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.mode-switch [aria-pressed=true]{background:#243323;border-color:#9cc653;color:#d8ff99}.mode-bar>p{font-size:12px;max-width:300px}.easy-builder{display:none}.easy-content{padding:20px}.easy-step{display:flex;gap:12px;align-items:center;margin:20px 0 12px}.easy-step:first-child{margin-top:0}.step-number{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;background:#243323;border:1px solid #526c34;border-radius:50%;color:var(--accent);font-weight:700}.easy-step h3{margin:0;font-size:16px}.easy-step p{margin:3px 0;font-size:11px}.audio-drop{width:100%;padding:20px;border:1px dashed #6a7d50;background:#1b2725;font-size:16px}.audio-drop small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.style-cards{display:grid;gap:8px}.style-cards button{text-align:left;padding:12px 14px}.style-cards small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.style-cards [aria-pressed=true]{border-color:var(--accent);background:#263321}.easy-build{width:100%;margin-top:20px;padding:15px;font-size:15px}.easy-finish{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.easy-finish button{font-size:11px}.text-button{padding:3px 0;background:transparent;border:0;color:var(--accent);font-size:inherit}#easyEquipment{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:11px}#easyEquipment summary{cursor:pointer;color:#a6b6ca}#easyEquipmentSlot .equipment{padding-top:15px}#easyEquipmentSlot .check{margin:10px 0}body[data-mode=easy] .easy-builder{display:block}body[data-mode=easy] :is(.workflow,.music-panel,.controls,.phrases,.timeline-panel,#markerList,.advanced,.toolbench,#loadProject,#saveProject,header #export){display:none}body[data-mode=easy] .workspace{grid-template-columns:minmax(0,1fr) 370px}body[data-mode=easy] .stage{align-self:start;position:sticky;top:16px}body[data-mode=easy] #carstage{height:520px}body[data-mode=easy] .titlebar{margin-bottom:18px}body[data-mode=easy] .transport #speed{display:none}body[data-mode=easy] .header-actions:after{content:'FREE FOR EVERYONE';font-size:9px;letter-spacing:1.5px;color:var(--accent)}body[data-mode=ninja] .mode-switch [aria-pressed=true]{background:#28233b;border-color:#a18aff;color:#d4c5ff}@media(max-width:900px){body[data-mode=easy] .workspace{grid-template-columns:1fr 330px}.mode-bar>p{display:none}}@media(max-width:740px){body[data-mode=easy] .workspace{display:flex;flex-direction:column}body[data-mode=easy] .stage{position:static;order:2}body[data-mode=easy] #carstage{height:340px}.mode-switch{width:100%}.mode-switch button{flex:1;padding:10px;font-size:12px}.mode-switch small{font-size:9px}.mode-bar{margin-bottom:16px}.easy-content{padding:16px}}

.easy-seek{display:none;padding:14px 20px;font-size:10px;color:var(--muted);gap:12px;align-items:center}.easy-seek input{flex:1;min-width:0}body[data-mode=easy] .easy-seek{display:flex}