#comfortBar{position:sticky;top:0;z-index:20;background:#18141f;border-bottom:1px solid #493758;display:grid;grid-template-columns:245px minmax(0,1fr);align-items:center;box-shadow:0 8px 20px #0003}#comfortBar[hidden],.welcome-open #comfortBar{display:none!important}#comfortBar #experienceBar{padding:12px 16px;display:block;border:0}#experienceBar label{display:block;white-space:normal}#experienceBar select{display:block;width:100%;margin-top:6px;min-width:0}#experienceBar>span,#experienceBar>#showWelcome{display:none}#comfortBar #workflowGoal{padding:10px 18px}#workflowGoal .length-summary{margin:0;padding:10px 14px;display:flex;align-items:center;gap:16px;border:0;background:transparent}#workflowGoal .length-summary>div{display:flex;gap:18px;align-items:center;flex:1}#workflowGoal button{white-space:nowrap}#compactNav{display:none}.sidebar{position:sticky;top:var(--comfort-height,100px);align-self:start;max-height:calc(100dvh - var(--comfort-height,100px));overflow:auto}.preview-column{top:var(--comfort-height,100px)}#compactFiles{position:relative}#compactFiles>summary{list-style:none;border:1px solid #5b426c;border-radius:8px;padding:10px;cursor:pointer}.comfort-edit-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:left;border:1px solid #503e66;border-radius:12px;background:#251c31;padding:16px;margin:12px 0}.comfort-edit-card span{font-weight:600}.comfort-edit-card small{grid-row:2;color:#b7a4cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comfort-edit-card b{grid-column:2;grid-row:1/3;align-self:center;color:#c6a0fc;font-size:13px}#focusEditor{padding:0;width:min(650px,calc(100vw - 24px));max-height:90dvh;overflow:hidden}#focusEditor[open]{display:flex;flex-direction:column}#focusEditor>header,#focusEditor>footer{padding:16px 20px;flex:none;background:#241c30}#focusEditor>header h2{margin:0 0 6px;font-size:19px}#focusEditor>header span{font-size:12px;color:#baaccb}#focusEditorBody{overflow:auto;padding:16px 20px;min-height:0;overscroll-behavior:contain}#focusEditor>footer{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #574063}.compact-help{margin:10px 0;font-size:12px;color:#b9a6d0}.compact-help>summary{cursor:pointer;min-height:32px;padding:7px 0}.compact-help .helper{margin:6px 0}#panel details,#guideContent details{scroll-margin-top:calc(var(--comfort-height,100px) + 12px)}
#experienceSelect,#compactStage{background:#2b2137;color:#eee4fa;border:1px solid #67517f;border-radius:8px;min-height:40px;padding:8px}.topbar:has(#compactFiles[open]){z-index:35}.comfort-actions{display:flex;gap:8px;align-items:center;margin-top:16px}.comfort-actions small{color:#ae9abd;font-size:11px}[data-comfort-section]>summary{color:#dbc4fa;font-weight:600;cursor:pointer;padding:10px 0}[data-comfort-section][open]>summary{margin-bottom:12px}@media(min-width:701px){#guideNav{position:sticky;top:var(--comfort-height,100px);z-index:18;background:#111015;padding:10px 0}}
@media(max-width:700px){
 .topbar{padding:10px 12px!important;min-height:58px!important;flex-wrap:nowrap!important;gap:8px;height:auto}.topbar .brand{min-width:0;gap:7px}.topbar .brand-mark{width:30px;height:30px;flex:none}.topbar .brand-wordmark{font-size:10px!important;gap:3px}.topbar .workspace-label{display:none}.topbar .dy-badge-image{width:23px;height:auto}#compactFiles{margin-left:auto;flex:none}#compactFiles>summary{font-size:12px;white-space:nowrap}#compactFiles:not([open]) .header-actions{display:none}#compactFiles .header-actions{position:absolute;right:0;top:42px;z-index:60;width:210px;display:flex;flex-direction:column;align-items:stretch;padding:12px;background:#281f34;border:1px solid #72588c;border-radius:12px;box-shadow:0 8px 30px #0008}#compactFiles .header-actions button{display:flex!important;justify-content:center;font-size:13px}#compactFiles .save-state{display:none}
 #comfortBar{grid-template-columns:92px minmax(0,1fr);gap:0;padding:6px 10px}#comfortBar #experienceBar{padding:0 8px 0 0;grid-column:1;grid-row:1}#experienceBar label{font-size:0}#experienceBar select{font-size:14px;margin:0;padding:9px 5px;min-height:42px}#compactNav{grid-column:2;grid-row:1;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:3px}#compactNav button{padding:6px;font-size:23px;min-width:0}#compactStage{min-width:0;width:100%;font-size:13px;padding:9px 5px}#comfortBar #workflowGoal{grid-column:1/-1;grid-row:2;padding:4px 0 0}#workflowGoal .length-summary{padding:0;gap:6px;display:grid;grid-template-columns:minmax(0,1fr) auto}#workflowGoal .length-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:12px}#workflowGoal .length-summary strong{grid-column:1/-1;font-size:11px}#workflowGoal .length-summary button{width:auto;padding:8px 10px;font-size:12px;margin:0}#guideNav,.sidebar{display:none!important}#guidedWorkspace{padding:14px 10px 30px}#guidedWorkspace .guide-card{padding:18px 14px}.workspace{display:block!important;min-width:0}.workspace[hidden]{display:none!important}.editor,.preview-column{min-width:0;width:100%;padding:18px 14px!important;border:0;max-height:none;overflow:visible}.editor-heading h1{font-size:24px}.step-counter{display:none}.editor-heading{gap:8px}.guide-card h1{font-size:23px}.guide-card,.editor,#focusEditorBody{min-width:0}
 #focusEditor{position:fixed;inset:auto;left:0;top:var(--edit-top,0px);margin:0;width:100%;max-width:none;height:var(--edit-height,100dvh);max-height:var(--edit-height,100dvh);border-radius:0;box-sizing:border-box}#focusEditorBody{padding:14px 16px}#focusEditor>footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#focusEditor>footer button{flex:1;min-height:44px}#focusEditorBody .plus-card{padding:0;border:0;margin:0}.keyboard-open #focusEditor>header span{display:none}
 #panel input:not([type=checkbox]):not([type=radio]),#panel textarea,#panel select,#guideContent input:not([type=checkbox]):not([type=radio]),#guideContent textarea,#guideContent select,#focusEditor input:not([type=checkbox]):not([type=radio]),#focusEditor textarea,#focusEditor select{font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}#panel .row,#guideContent .row,#focusEditor .row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#panel .row>*,#guideContent .row>*,#focusEditor .row>*{min-width:0}.title-row{display:grid;grid-template-columns:minmax(0,1fr)}.size-value-row{grid-template-columns:minmax(0,1fr) 60px 76px}.size-value-row output.unit-converted{font-size:11px;padding:6px 4px;overflow:hidden;text-overflow:ellipsis}.type-fields{grid-template-columns:minmax(0,1fr)}.type-color-pair{min-width:0}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-width:0;padding:12px 6px;font-size:12px}.gradient-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.type-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.type-presets small{font-size:11px}.type-presets button{min-width:0}.track-title,.asset-info strong,.guide-asset-head>b,.file-fit-row label span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-scroll{max-width:100%}dialog{box-sizing:border-box;max-width:calc(100vw - 20px);max-height:90dvh;overflow:auto}.plan-actions{display:grid;grid-template-columns:1fr!important}.plan-rows>div{min-width:0}.plan-rows>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-type-controls{min-width:0}#elementApplyBar{z-index:19}
}