/* Shared layout contract: wide workspaces, compact chrome, usable touch targets. */
:root{--workspace-gutter:clamp(12px,1.5vw,24px);--workspace-gap:12px;--header-offset:72px}
.container,.studio-main{max-width:none;padding-inline:var(--workspace-gutter)}
.site-header .navbar{min-height:56px;padding-block:6px}
.site-header .navbar>.container{min-height:44px}
.site-header .nav-actions{gap:12px}
.site-header .nav-link{margin-inline:5px;padding-block:8px}
.site-header .brand-icon{width:28px;height:28px}
.profile-toggle{min-height:36px;padding:4px 8px;gap:6px}
.profile-dropdown .dropdown-menu{min-width:12rem;width:max-content;max-width:min(22rem,calc(100vw - 24px));padding:4px}
.profile-dropdown .dropdown-item,.dropdown-account{padding:8px 10px}
.breadcrumb-band nav{padding-block:7px}
.site-footer .footer-inner{padding-block:20px 16px;gap:16px}
.site-footer .footer-links{gap:12px 20px}
.site-footer .footer-legal,.site-footer small{padding-top:12px}
html{scroll-padding-top:var(--header-offset)}
.docs-sidebar,.legal-sidebar{top:var(--header-offset);max-height:calc(100dvh - 88px)}
.authoring-main,.console-main,.profile-main{padding-block:20px 32px}
.authoring-heading{gap:12px;margin-bottom:16px}
.authoring-heading h1,.console-main h1,.profile-main h1{font-size:clamp(24px,2vw,32px);line-height:1.2;letter-spacing:-.025em;margin:4px 0 8px}
.authoring-heading .eyebrow,.console-main .eyebrow,.profile-main .eyebrow{margin-bottom:6px}
.authoring-heading p{margin-bottom:6px;line-height:1.45}
.authoring-links{margin-bottom:0}
.authoring-actions,.authoring-links,.authoring-bar{gap:10px}
.authoring-bar{margin-bottom:12px}
.authoring-panel,.project-card,.scene-card,.capability-card,.film-card{padding:16px}
.authoring-columns,.film-cards,.storyboard-grid,.asset-picker-grid,.project-list,.timeline-workspace{gap:var(--workspace-gap)}
.authoring-main label,dialog label{margin-bottom:12px}
.authoring-main .form-control,.authoring-main .form-select,dialog .form-control,dialog .form-select{padding:7px 10px;margin-top:4px;min-height:36px}
.authoring-main .form-select,.console-main .form-select,.profile-main .form-select,dialog .form-select{width:fit-content;min-width:8rem;max-width:min(100%,24rem);padding-right:34px}
.authoring-main input[type=number],dialog input[type=number]{width:12ch;max-width:100%}
.authoring-main .btn,.console-main .btn,.profile-main .btn,dialog .btn{min-height:36px;padding:7px 12px}
.film-tabs{margin-bottom:16px;gap:4px}
.film-tabs button{padding:10px 12px}
.creation-layout{gap:24px}
.creation-form{padding:18px}
.creation-form h2{font-size:23px;margin:8px 0 16px}
.creation-step{margin-bottom:12px}
.creation-footer{padding-top:16px;margin-top:16px;gap:12px}
.creation-guide{padding:8px 0}
.creation-icon{font-size:28px;margin-bottom:12px}
.creation-guide h2{font-size:26px}
.creation-guide p,.creation-guide ol{margin-block:16px}
.creation-guide li{padding-block:7px}
.workflow-choices{margin-bottom:16px}
.workflow-choices label{padding:12px;gap:10px}
.film-cover-panel{gap:16px;margin-bottom:16px}
.activity-row{padding-block:12px}
.audio-section,.timeline-clip{padding:12px;gap:10px}
.timeline-workspace{margin-bottom:16px}
.timeline-playback-controls{gap:12px;margin-block:12px}
dialog{padding:18px}
@media(max-width:1199px){
 .site-header .navbar-collapse{padding:8px 0;max-height:calc(100dvh - 60px)}
 .site-header .nav-actions{margin-top:8px;gap:12px}
 .docs-sidebar,.legal-sidebar{position:static;max-height:none}
}
@media(max-width:767px){
 .site-header .navbar-toggler,.profile-toggle{min-height:44px}
 .profile-dropdown .dropdown-item{min-height:44px}
 .authoring-main,.console-main,.profile-main{padding-block:14px 24px}
 .authoring-heading{gap:8px;margin-bottom:12px}
 .authoring-main .btn,.console-main .btn,.profile-main .btn,dialog .btn,.film-tabs button{min-height:44px}
 .authoring-main .form-control,.authoring-main .form-select,dialog .form-control,dialog .form-select{min-height:44px;font-size:16px}
 .authoring-panel,.project-card,.scene-card,.capability-card,.film-card{padding:12px}
 .creation-layout{gap:16px}
 .authoring-actions .btn{flex:0 1 auto}
 dialog{padding:12px;max-width:calc(100vw - 16px)}
}

/* One assembly workspace: picture and sequence beside compact settings. */
.assembly-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
.assembly-cut,.assembly-inspector{min-width:0;display:grid;gap:12px}
.assembly-toolbar h2,.assembly-toolbar p{margin:0}
.assembly-editor .authoring-bar{margin-bottom:8px;gap:8px}
.assembly-editor h3{font-size:15px;margin:0 0 8px}
.assembly-editor .authoring-note{font-size:12px;line-height:1.5;margin:6px 0}
.assembly-monitor .timeline-cut-video{height:clamp(220px,38vh,480px);max-height:none;border-radius:6px}
.assembly-monitor .timeline-playback-controls{margin:8px 0;gap:10px}
.assembly-inspector>details{border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}
.assembly-editor summary{cursor:pointer;padding:10px 12px;font-size:13px;font-weight:600}
.assembly-inspector .authoring-panel{border:0;padding:12px;border-radius:0}
.assembly-inspector .authoring-columns{grid-template-columns:1fr 1fr;gap:8px}
.assembly-inspector .authoring-actions{gap:6px}
.assembly-inspector .form-select{max-width:100%;width:100%}
.assembly-inspector .title-design-preview{max-height:140px;object-fit:contain}
.assembly-inspector .title-design-editor>button{display:none}
.assembly-editor .timeline-track{gap:8px;padding:0 0 8px}
.assembly-editor .timeline-clip{flex-basis:220px;border-radius:6px;padding:8px}
.assembly-editor .timeline-clip .library-artwork{height:66px;aspect-ratio:auto}
.assembly-editor .timeline-clip h3{font-size:12px;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assembly-editor .timeline-trims{gap:8px}
.assembly-editor .timeline-trims label{margin-bottom:6px}
.assembly-editor .timeline-clip .authoring-actions{gap:4px}
.assembly-editor .timeline-clip .btn{padding:4px 6px}
.assembly-exports{margin-top:16px}
@media(max-width:850px){.assembly-workspace{grid-template-columns:minmax(0,1fr)}.assembly-monitor .timeline-cut-video{height:230px}.assembly-toolbar .authoring-actions{width:100%}.assembly-toolbar .btn{flex:1 1 auto}.assembly-editor .timeline-clip{flex-basis:240px}}






.audio-section [data-range]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.audio-source-section{border-left:2px solid var(--line);padding:8px 12px;margin:8px 0;overflow-wrap:anywhere}.music-source-history pre{white-space:pre-wrap;overflow-wrap:anywhere}.music-source-history summary{cursor:pointer;margin-block:8px}
#edit-source-name,.music-take-history,.music-source-history{overflow-wrap:anywhere;min-width:0}
.audio-sections{grid-template-columns:minmax(0,1fr)}.audio-section{min-width:0}

.audio-edit-preview{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.audio-edit-preview .form-range{flex:1 1 140px;width:auto;min-width:0}.audio-edit-preview p{flex-basis:100%;margin:0}

.music-take-artwork{width:112px;height:112px;object-fit:cover;border-radius:8px;margin-bottom:8px}

.generation-placeholder{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 8px;padding:12px;border:1px dashed var(--line);border-radius:8px;margin:8px 0;background:var(--surface)}.generation-placeholder i{grid-row:1/4;padding-top:3px;color:var(--accent)}.generation-placeholder p,.generation-placeholder small{grid-column:2;margin:0;overflow-wrap:anywhere}.generation-placeholder small{opacity:.75}

/* Film navigation stays discoverable without horizontal-only tabs. */
.film-tabs{flex-wrap:wrap;overflow:visible}.scene-prompt-dialog{width:1000px}.scene-prompt-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.55;padding:12px;background:var(--page);border:1px solid var(--line);border-radius:6px}.scene-prompt-dialog h3{font-size:16px;margin-top:20px}

.cover-hue-0{--cover-hue:0}.cover-hue-1{--cover-hue:30}.cover-hue-2{--cover-hue:60}.cover-hue-3{--cover-hue:90}.cover-hue-4{--cover-hue:120}.cover-hue-5{--cover-hue:150}.cover-hue-6{--cover-hue:180}.cover-hue-7{--cover-hue:210}.cover-hue-8{--cover-hue:240}.cover-hue-9{--cover-hue:270}.cover-hue-10{--cover-hue:300}.cover-hue-11{--cover-hue:330}.film-title-cover{--cover-hue:210;aspect-ratio:16/9;display:grid;place-items:center;padding:20px;border-radius:8px;background:linear-gradient(135deg,hsl(var(--cover-hue) 45% 20%),hsl(calc(var(--cover-hue) + 55) 55% 42%));color:white;text-align:center;font-size:clamp(18px,2.5vw,32px);font-weight:700;overflow-wrap:anywhere}.scene-review-dialog{width:1100px}.scene-review-dialog img,.scene-review-dialog video{width:100%;max-height:55vh;object-fit:contain}

.reference-preview-button{border:0;padding:0;background:transparent;border-radius:6px;cursor:zoom-in;max-width:100%;flex-shrink:0}.reference-preview-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.reference-review-dialog{width:1280px;max-width:calc(100vw - 24px);max-height:90vh;overflow:auto}.reference-review-dialog h2{font-size:18px;margin:12px 0;overflow-wrap:anywhere}.reference-review-dialog img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}
.scene-reference .reference-preview-button{width:64px;height:64px;flex:0 0 64px;overflow:hidden}.reference-preview-button .library-artwork{display:block;overflow:hidden}.reference-preview-button img{display:block;width:100%;height:100%;object-fit:contain}