/* Compact daylight workspace — shared spacing and restrained hierarchy. */
html{scroll-padding-bottom:90px}body{background:#f6f6f3}main{max-width:1440px;padding:0 28px 84px;margin:auto}.flow-topbar{height:54px}.flow-topbar #brandHome{font-size:17px}.flow-topbar #brandHome span{font-size:11px}.flow-steps{padding:10px 0;gap:8px;justify-content:space-between}.flow-steps button{padding:7px 12px;flex:1;justify-content:center}.flow-heading{max-width:none;margin:20px 0 16px;display:flex;align-items:baseline;gap:18px;text-align:left}.flow-heading .eyebrow{display:none}.flow-heading h1{font-size:24px;margin:0;white-space:nowrap}.flow-heading p{font-size:13px;margin:0}.focus-panel{max-width:none;padding:24px;margin:0}.focus-panel.compact{max-width:none}.plan-summary{padding:16px 20px;margin-bottom:16px}.plan-groups{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.plan-groups>div,.plan-groups>section{padding:16px}.plan-groups h3{font-size:14px}.plan-groups p{font-size:12px;line-height:1.6}.step-note{margin:14px 0}.step-footer{margin-top:18px;padding-top:14px}.simple-toolbar{padding:10px 12px;gap:10px}.simple-workspace{grid-template-columns:200px minmax(300px,1fr) 270px;gap:0}.simple-side{padding:16px}.canvas-side{padding:16px 20px}.canvas{max-height:calc(100dvh - 285px);width:auto!important;aspect-ratio:9/16;max-width:100%;margin:0 auto}.simple-workspace .canvas-side{min-height:0}.studio-page .heading{margin:12px 0}.scene-advice{margin-bottom:8px!important;padding:8px 12px!important}.canvas-player-controls{margin-top:8px}.canvas-player-controls button{padding:7px 14px}.simple-editor{margin:0}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.output-card h3,.clip-info h3{font-size:13px;line-height:1.6}.output-card video,.thumb{max-height:310px;object-fit:cover}.production-grid{grid-template-columns:minmax(250px,420px) 1fr;gap:28px}.first-player video{max-height:55vh}.demo-label{position:fixed;bottom:16px;left:28px;z-index:101;font-size:11px;color:#8c8e91;pointer-events:none}.flow-action-dock{min-height:66px}.source-choice{padding:20px}.source-choice img{max-height:240px;object-fit:cover}.live-drag-layer{z-index:1}#viewer{width:min(960px,94vw);max-height:94dvh;padding:20px}#viewer video{height:65dvh;width:100%;object-fit:contain;background:#151719}#viewer h2{font-size:18px;margin:0 80px 14px 0}#viewer label,#saveFeedback{display:none}.material-grid{gap:12px}.drop-zone{padding:24px!important}button,input,textarea{font-family:inherit}p{line-height:1.65}@media(max-width:1000px){.simple-workspace{grid-template-columns:150px minmax(240px,1fr) 230px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-heading{display:block}.flow-heading p{margin-top:6px}.plan-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-label{display:none}}@media(max-width:700px){main{padding:0 14px 90px}.flow-steps{overflow-x:auto;justify-content:flex-start}.flow-steps button{flex:none;font-size:11px;padding:7px}.flow-heading h1{font-size:21px}.simple-workspace{display:flex;flex-direction:column}.simple-side{padding:12px}.canvas{height:450px;max-height:60dvh}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-groups{grid-template-columns:1fr}.production-grid{display:block}.flow-topbar #breadcrumb{display:none}.focus-panel{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.studio-page .simple-workspace{min-height:0;grid-template-columns:190px minmax(260px,1fr) 250px}.studio-page .canvas-side{padding:12px;gap:6px;justify-content:flex-start}.studio-page #canvas{width:clamp(170px,calc((100dvh - 365px)*.5625),310px)!important;height:auto;max-height:none;flex-shrink:0}.studio-page .simple-side{padding:12px}.studio-page .studio-look{padding:8px}.studio-page .flow-steps{padding:10px 0}.studio-page .simple-toolbar{min-height:44px;padding:8px 12px}.studio-page .simple-workspace>aside{max-height:calc(100dvh - 310px);overflow-y:auto}.first-clip-notice{bottom:82px}.demo-label{bottom:8px}.flow-heading>.eyebrow{display:none!important}
.studio-page #canvas{width:clamp(150px,calc((100dvh - 435px)*.5625),310px)!important}.studio-page .rail-section{padding:12px!important}.studio-page .section-caption{margin-bottom:8px}.studio-page #studioLooks button{padding:6px 8px;min-height:42px;gap:8px}.studio-page .preset-sample{width:28px;height:32px;font-size:17px}.studio-page #studioLooks{gap:5px}.studio-page .layer-row{padding:7px 8px}.studio-page .canvas-help{display:none}.studio-page .simple-workspace>aside{max-height:calc(100dvh - 350px)}.studio-page .scene-advice{display:none}.studio-page .simple-toolbar{padding:8px 12px!important;min-height:44px!important}.studio-page .canvas-side{padding:12px!important}.studio-page .simple-workspace{max-width:1100px;margin:auto}.studio-page .simple-editor{max-width:1100px;margin:auto}.studio-page .heading{max-width:1100px;margin:12px auto}.studio-page .step-note{max-width:1100px;margin:8px auto}