/* Focused CREATE workspace. Other workspaces retain their existing editors. */
body.lucid-v18 .app-header{grid-template-columns:220px minmax(160px,1fr) auto!important;min-height:60px!important}
body.lucid-v18 .header-center{min-width:0!important}
body.lucid-v18 .project-name{min-width:0!important;width:100%!important}
body.lucid-v18 .header-actions button{font-size:10px!important}
body.lucid-v18 .lucid-command-bar{grid-template-columns:1fr 105px!important;height:52px!important;top:60px!important}
body.lucid-v18 .lc-brand,body.lucid-v18 .lc-status>b,body.lucid-v18 .lc-status>small{display:none!important}
body.lucid-v18 .lc-modes{height:40px!important;padding:0!important}
body.lucid-v18 .lucid-mode{height:40px!important;font-size:11px!important}
body.lucid-v18 .lc-status{display:flex!important;justify-content:flex-end!important;overflow:visible!important}
.create-disclosure{border:1px solid #203752;border-radius:8px;background:#081426;margin:10px 0;color:#bcd0e7}
.create-disclosure>summary{cursor:pointer;padding:12px;font-size:12px;font-weight:600;list-style-position:inside;min-height:40px}
.create-disclosure[open]>summary{border-bottom:1px solid #203752;color:#79dcff}
#createProjectMenu,#createToolsMenu{position:relative;margin:0;border:0;background:transparent}
#createProjectMenu>summary,#createToolsMenu>summary{list-style:none;border:1px solid #27405e;border-radius:6px;padding:8px 12px;min-height:34px}
#createProjectMenu[open],#createToolsMenu[open]{position:relative;z-index:300;background:#0b1b30}
#createProjectMenu[open]>button,#createToolsMenu[open]>button{display:block!important;width:180px!important;margin:5px!important}
#createProjectMenu[open],#createToolsMenu[open]{position:absolute;right:12px;top:10px;box-shadow:0 12px 30px #0008}
#createGuide{display:none}
body.lucid-v18[data-workspace="create"] #createGuide{display:flex;gap:25px;padding:7px 2px 12px;color:#9bb3cc;font-size:12px}
#createGuide b{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #365379;border-radius:50%;color:#88dfff;margin-right:6px}
body.lucid-v18[data-workspace="create"] .workstation{padding:12px 16px!important;max-width:1800px;margin:auto}
body.lucid-v18[data-workspace="create"] .studio-grid{display:grid!important;grid-template-columns:210px minmax(0,1fr) 310px!important;align-items:start!important;gap:12px!important;min-width:0!important;min-height:0!important}
body.lucid-v18[data-workspace="create"] .ai-panel{grid-column:auto!important;min-width:0!important;padding:16px!important}
body.lucid-v18[data-workspace="create"] .editor-panel{min-width:0!important;padding:14px!important}
body.lucid-v18[data-workspace="create"] #songArranger,body.lucid-v18[data-workspace="create"] #v18BottomDock,body.lucid-v18[data-workspace="create"] #v18SoundKicker,body.lucid-v18[data-workspace="create"] #openTrackPrompt{display:none!important}
body.lucid-v18[data-workspace="create"] .editor-header{padding:0 0 12px!important;min-height:0!important;gap:8px!important}
body.lucid-v18[data-workspace="create"] .editor-header h1{font-size:23px!important;margin:4px 0!important}
body.lucid-v18[data-workspace="create"] #trackDescription{font-size:11px!important;line-height:1.5!important;max-width:370px}
body.lucid-v18[data-workspace="create"] .editor-actions{display:flex;flex-direction:column;gap:5px!important}
body.lucid-v18[data-workspace="create"] .editor-actions button{font-size:9px!important;min-height:28px!important;padding:5px 9px!important}
body.lucid-v18[data-workspace="create"] .track-card{min-height:48px!important;grid-template-columns:minmax(0,1fr) 52px!important}
body.lucid-v18[data-workspace="create"] .track-icon{display:none!important}
#createPatternHeading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;color:#9ab4cf;font-size:11px}
#createPatternHeading select{background:#091a2e;color:#c6e5fa;border:1px solid #284562;border-radius:5px;padding:5px;font-size:11px}
body:not([data-workspace="create"]) #createPatternHeading{display:none}
body:not([data-workspace="create"]) .editor-panel>.create-disclosure{display:none}
body.lucid-v18[data-workspace="create"] .track-name strong{font-size:11px!important}
body.lucid-v18[data-workspace="create"] .track-name small{font-size:9px!important}
body.lucid-v18[data-workspace="create"] .bar-tabs{margin:0 0 10px!important}
body.lucid-v18[data-workspace="create"] .instrument-editor{padding:0!important;min-width:0!important;min-height:0!important;overflow-x:auto}
body.lucid-v18[data-workspace="create"] .drum-grid{grid-template-columns:42px repeat(16,minmax(0,1fr))!important;gap:3px!important;min-width:0!important}
body.lucid-v18[data-workspace="create"] .step{height:36px!important;min-width:0!important;width:auto!important}
body.lucid-v18[data-workspace="create"] .note-grid{grid-template-columns:38px repeat(16,minmax(0,1fr))!important;gap:2px!important;min-width:0!important}
body.lucid-v18[data-workspace="create"] .note-cell{height:20px!important;min-height:20px!important;min-width:0!important}
body.lucid-v18[data-workspace="create"] .track-mixer{padding:12px 0!important;gap:10px!important}
body.lucid-v18[data-workspace="create"] .track-mixer label{min-width:0;font-size:10px!important}
body.lucid-v18[data-workspace="create"] .track-mixer input{width:100%;min-width:0}
body.lucid-v18[data-workspace="create"] .ai-head{margin:0 0 14px!important;padding:0!important;border:0!important}
body.lucid-v18[data-workspace="create"] .ai-head strong{font-size:18px!important}
body.lucid-v18[data-workspace="create"] #trackPrompt{width:100%;height:130px;min-height:120px!important;font-size:14px!important;line-height:1.65!important;resize:vertical}
body.lucid-v18[data-workspace="create"] #trackPromptHelp{font-size:12px!important;line-height:1.6!important;margin:0 0 7px}
#createTrackContext{margin:0 0 12px;padding:10px 11px;border:1px solid #203a55;border-radius:7px;background:#071525;color:#8ba7c3;font-size:10px;line-height:1.55}
#createTrackContext b{color:#7ee5ff;font-size:9px;letter-spacing:.08em}
#createTrackContext em{color:#b8cde3;font-style:normal}
body.lucid-v18[data-workspace="create"] .prompt-actions{display:block!important;margin-top:10px}
body.lucid-v18[data-workspace="create"] #generateTrack{width:100%;min-height:42px!important;font-size:12px!important}
body.lucid-v18[data-workspace="create"] #trackPromptResult{font-size:11px!important;color:#84d9ef;margin:10px 0}
body.lucid-v18[data-workspace="create"] .ai-explanation,body.lucid-v18[data-workspace="create"] .version-row{display:none!important}
#createIdeas>button{margin:8px;font-size:11px;min-height:30px}
body.lucid-v18 .transport-panel{grid-template-columns:auto minmax(0,1fr) auto!important;padding:8px 12px!important;min-height:66px!important}
body.lucid-v18 .transport-center{min-height:48px!important;max-width:650px;border:0!important;order:0!important;grid-column:2!important;grid-row:1!important}
body.lucid-v18 .transport-center label{padding:0 12px!important;font-size:9px!important}
body.lucid-v18 .transport-center input,body.lucid-v18 .transport-center select{font-size:14px!important}
body.lucid-v18 .transport-center output{font-size:9px}
#createPerformance{margin:0;position:relative;max-width:175px}
#createPerformance>summary{font-size:11px;white-space:nowrap}
#createPerformance[open]{position:absolute;right:12px;top:8px;width:min(650px,90vw);max-width:none;z-index:40;box-shadow:0 20px 40px #000b}
#createPerformance .transport-right{margin:0!important}
body.lucid-v18 .first-sound:not(.hidden){position:fixed!important;inset:112px 0 0!important;z-index:200!important;display:grid!important;place-items:center!important;background:#030916ee!important;padding:20px!important;overflow:auto!important}
body.lucid-v18 .first-sound.hidden{display:none!important}
body.lucid-v18 .first-sound .sound-card{width:min(720px,100%)!important;padding:30px!important;margin:auto!important;min-height:0!important}
body.lucid-v18 .first-sound h2{font-size:32px!important;line-height:1.2!important;margin:12px 0!important;letter-spacing:-.03em!important}
body.lucid-v18 .first-sound .sound-lede{font-size:15px!important;line-height:1.7!important;max-width:560px!important}
body.lucid-v18 .first-sound .engine-note,body.lucid-v18 .first-sound .example-line{display:none!important}
body.lucid-v18 .first-sound textarea{font-size:15px!important;min-height:100px!important}
#createExamples{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#createExamples button{padding:9px 12px;border:1px solid #345071;border-radius:20px;background:#0d2038;color:#c1d9ef;font-size:12px}
#createBuildHint{margin:10px 0 0;color:#718aa5;font-size:11px;line-height:1.5}
body.lucid-v18 .first-actions button{font-size:13px!important;height:44px!important}
#createSequencer{display:none;margin:0 0 12px;border:1px solid #1d3955;border-radius:10px;background:linear-gradient(180deg,#08172a,#06111f);overflow:hidden;box-shadow:0 12px 34px #0005}
body.lucid-v18[data-workspace="create"] #createSequencer{display:block}
#createSequencer>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid #17314c;background:#0a1b30}
#createSequencer>header span{display:block;color:#6d8aa9;font:700 8px DM Mono,monospace;letter-spacing:.13em}
#createSequencer>header strong{display:block;margin-top:3px;color:#c7e9ff;font:650 12px Manrope,sans-serif}
.create-seq-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.create-seq-actions button{min-height:30px;padding:0 10px;border:1px solid #294967;border-radius:6px;background:#0b2037;color:#b8d4ec;font:700 9px DM Mono,monospace;cursor:pointer}
.create-seq-actions button:hover,.create-seq-actions button.active{border-color:#61dcff;color:#fff;background:#103252}
.create-seq-actions button:disabled{opacity:.38;cursor:default}
#createTransportStatus{min-width:58px;text-align:center;color:#63e8b3!important}
.create-seq-ruler{display:grid;grid-template-columns:190px minmax(0,1fr) 72px;gap:8px;padding:7px 9px 4px;color:#55738f}
.create-seq-ruler>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.create-seq-ruler b{text-align:left;padding-left:3px;font:700 7px DM Mono,monospace;letter-spacing:.08em}
#createSeqRows{padding:0 8px 8px}
.create-seq-row{display:grid;grid-template-columns:190px minmax(0,1fr) 72px;gap:8px;align-items:center;min-height:39px;padding:4px;border-radius:6px;border:1px solid transparent}
.create-seq-row:hover{background:#0b1b2d}
.create-seq-row.selected{border-color:#2f5d80;background:#0b2136}
.create-seq-name,.create-seq-edit{border:0;background:transparent;text-align:left;color:#c4d8ea;cursor:pointer;min-width:0}
.create-seq-name strong{display:block;font:650 10px Manrope,sans-serif;color:#dbeeff}
.create-seq-name small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6785a2;font:500 8px DM Mono,monospace}
.create-seq-edit{height:26px;border:1px solid #24435f;border-radius:5px;text-align:center;color:#7ccfe9;font:700 8px DM Mono,monospace}
.create-seq-edit:hover{border-color:#66e9ff;color:#fff}
.create-seq-beats{display:grid;grid-template-columns:repeat(16,minmax(4px,1fr));gap:3px;height:22px}
.create-seq-step{border:0;border-radius:2px;background:#13273a;min-width:0;padding:0;cursor:pointer}
.create-seq-step:nth-child(4n+1){box-shadow:inset 1px 0 #36516a}
.create-seq-step.on{background:linear-gradient(180deg,#67e5ff,#5377ff);box-shadow:0 0 8px #55cfff44}
#createSequencer>footer{padding:8px 12px 10px;border-top:1px solid #142b43;color:#66839f;font:500 9px DM Mono,monospace}
#createSequencer>footer b{color:#8ddff3}
@media(max-width:1100px){body.lucid-v18[data-workspace="create"] .studio-grid{grid-template-columns:185px minmax(0,1fr)!important}body.lucid-v18[data-workspace="create"] .ai-panel{grid-column:2!important}body.lucid-v18[data-workspace="create"] .track-column{grid-row:1/3}body.lucid-v18 .app-header{grid-template-columns:180px minmax(130px,1fr) auto!important}body.lucid-v18 .header-center{grid-column:auto!important;grid-row:auto!important}body.lucid-v18 .transport-panel{grid-template-columns:auto minmax(0,1fr)!important}#createPerformance{grid-column:1/-1;justify-self:end}.create-seq-ruler,.create-seq-row{grid-template-columns:150px minmax(0,1fr) 62px}.create-seq-name small{max-width:140px}}
@media(max-width:760px){body.lucid-v18[data-workspace="create"] .studio-grid{display:block!important}body.lucid-v18 .app-header{display:flex!important;flex-wrap:wrap;height:auto!important;padding:8px!important}body.lucid-v18 .header-center{flex:1}body.lucid-v18 .header-actions{width:100%;justify-content:flex-end}body.lucid-v18 .lucid-command-bar{position:relative!important;top:0!important}body.lucid-v18 #createGuide{flex-wrap:wrap;gap:8px!important}body.lucid-v18 .transport-panel{grid-template-columns:1fr!important}body.lucid-v18 .transport-center{grid-template-columns:repeat(4,minmax(0,1fr))!important}.first-sound .sound-card{padding:20px!important}#createSequencer{overflow-x:auto}.create-seq-ruler,.create-seq-row{min-width:650px}}
