/* Focused visual and accessibility refinements after browser review. */
/* Match the approved reference: crisp forest ink, restrained gray-green metadata. */

/* Honor intrinsic dimensions without allowing HTML height hints to stretch thumbnails. */
img{height:auto}
.take-image{aspect-ratio:16/9}
.take-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.reference-slot>span:first-child,.upload-slot>span:first-child,.upload-slot>small{color:#66745c}
.take-meta b{color:#354a3b}

:root{--muted:#667168;--faint:#78827a}
.icon{width:18px;height:18px;flex:0 0 auto}
.profile .avatar{flex:0 0 32px;display:grid;place-items:center}
.profile-avatar{display:grid;place-items:center;font-size:11px;font-weight:600}
h1,h2,h3,.card-heading h1,.shot-title h2,.asset-card h2,.template-card h2,.approval-card h2{color:#24342a}
.field>span,.generation-form .field>span,.property-field>span{color:#526158}
input,textarea,select,.generation-form input,.generation-form select{color:#2e3e33}
.eyebrow,.view-heading .eyebrow,.step-number{color:#67766a}
.view-heading p,.card-heading p,.direction-shot p,.shot-description,.brief-row dd,.reference-card>small,.guardrails p,.context-note,.composer-helper,.scene-option-info small,.scene-help,.takes-heading p,.take-meta small,.take-footer>.muted,.generation-form .connection-note,.generation-form .model-note,.properties>.muted,.editor-assistant>small,.stage-meta,.timeline-hint,.empty-comments,.comment-form label,.comment-form label span,.approval-card p,.review-help,.brand-form>.muted,.asset-card>div>span,.activity-drawer>.muted,.job-facts,.generation-summary p,.account-heading p,.recipe-steps,.shot-actions>span,.shot-time,.beat small,.note-cell,.note-cell small{color:#657269}
.brief-row dt,.reference-role,.guardrails summary,.brand-profile>p,.scene-option-info b,.take-meta b,.layer-row,.comment-header,.comment-time{color:#354a3b}
.status.approved{color:#3d602b}.status.pending{color:#806020}.status.draft{color:#646b61}
.flow-tab,.side-link{color:#5a685e}.flow-tab.active,.side-link.active{color:#223a28}
.badge{color:#3f5e31}.chip{color:#475b4c}
.scene-help .icon{width:16px;height:16px}
.generation-preview>video{object-fit:contain;background:#e7ece3}
.preview-overlay,.preview-label{pointer-events:none}
.flow-nav .step-number{font-size:8px;opacity:.65}
.direction-shot>div{min-height:102px}
.reference-card img{background:#edf1e8}
.context-panel .reference-grid{margin-bottom:26px}
.text-clip{font-size:11px}
.text-clip>span{margin-left:auto;color:#5b705f}
.time-ruler{display:grid;grid-template-columns:76px minmax(0,1fr);margin-left:0;padding:0}
.time-ruler>div{display:flex;justify-content:space-between;min-width:0}
.time-ruler>div>span{position:static;transform:none}
.time-ruler>span:first-child{display:block}
.time-ruler::after{left:76px}
.timeline-clip{min-width:0}
.stage-label{background:#ffffffd4;color:#415244}
.editor-note-form{position:relative;margin-top:20px}
.editor-note-form textarea{width:100%;padding-right:42px}
.editor-note-form .icon-button{position:absolute;right:5px;bottom:5px}
.approval-actions .btn{white-space:normal}
.account-heading{display:flex;gap:14px}
.asset-preview video{width:100%;max-height:65vh}
.activity-button b{margin-left:auto;display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#e3ecd8;color:#38532a;font-size:10px}
.saved-message small{display:block;margin-top:8px;font-size:9px;color:#647368}
.scene-option-info b{white-space:normal}
@media(min-width:1101px){.generator-layout{grid-template-columns:145px minmax(0,1fr) 282px}.generation-inspector{padding:18px}.main-content{padding:22px 24px}.generator-workspace{min-width:0}.generation-preview{aspect-ratio:16/9}.generation-form .field{margin-bottom:14px}.generation-form textarea{min-height:90px}}
@media(max-width:767px){.director-intro{display:flex;justify-content:space-between;gap:8px}.direction-card h1{font-size:26px}.time-ruler{grid-template-columns:55px minmax(0,1fr)}.flow-nav{scrollbar-width:thin}.flow-tab .step-number{display:none}}
@media(max-width:540px){input,textarea,select,.generation-form input,.generation-form select,.generation-form textarea{font-size:16px}.flow-tab{font-size:11px;min-height:42px}.btn,.icon-button,.layer-row,.tab{min-height:44px}.icon-button{min-width:40px}.timeline-toolbar .icon-button{width:34px;min-width:34px}.direction-shots{grid-template-columns:1fr}.direction-shot{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px}.direction-shot img{width:105px;height:96px;object-fit:cover}.direction-shot>div{min-height:0}.direction-shot p{font-size:11px}.scene-option{min-width:132px}.reference-slots .reference-slot{min-width:0}.heading-actions{flex-wrap:wrap}.reference-card>small{font-size:10px}.topbar .breadcrumbs{max-width:100%;gap:7px}.review-header{flex-wrap:wrap}.version-card small{font-size:10px}.timeline-track .track-label{font-size:10px}.direction-footer .btn{width:100%}.context-panel h2{font-size:16px}.comment-card .comment-text{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Anteluca first launch: a quiet place to begin. Inherits the studio tokens. */
.empty-workspace{min-width:0;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(250,252,246,.78));border:1px solid #fff;border-radius:20px;box-shadow:0 9px 34px rgba(46,69,35,.025),inset 0 1px 0 #fff}
.empty-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex:none;margin-bottom:24px;border:1px solid #e4ebda;border-radius:18px;background:linear-gradient(145deg,#fff,#edf3e6);box-shadow:0 4px 13px #45612e04,inset 0 1px 0 #fff;color:#728b5b}
.empty-symbol svg,.empty-symbol .icon{width:25px;height:25px;flex:none;stroke-width:1.4}
.empty-workspace h1,.empty-workspace h2{max-width:520px;margin:0 0 12px;font-size:27px;line-height:1.2;letter-spacing:-.05em;font-weight:600;color:#2b3d2e}
.empty-workspace>p{max-width:440px;margin:0;font-size:13px;line-height:1.9;color:#829078;text-wrap:pretty}
.empty-workspace>.eyebrow{margin:0 0 10px;font-size:8px;letter-spacing:.17em;color:#91a17f}
.empty-actions{min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.empty-actions .btn{min-height:41px;padding:0 18px;font-size:12px;gap:8px}
.empty-actions .btn svg{width:15px;height:15px}
.empty-workspace>.empty-note{max-width:390px;margin-top:18px;font-size:10px;line-height:1.8;color:#a2ad97}
.empty-director{width:100%;max-width:760px;min-width:0;margin:42px auto 0}
.empty-director-intro{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 32px;padding:0 20px;max-width:650px}
.empty-director-intro .empty-symbol{width:58px;height:58px;border-radius:18px;margin-bottom:23px}
.empty-director-intro .eyebrow{font-size:8px;line-height:1.4;letter-spacing:.17em;color:#93a181;margin-bottom:12px}
.empty-director-intro h1,.empty-director-intro h2{max-width:600px;margin:0 0 13px;font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-.06em;color:#293d2d;text-wrap:balance}
.empty-director-intro p{max-width:475px;margin:0;font-size:13px;line-height:1.9;color:#839378;text-wrap:pretty}
.empty-director .composer{width:100%;padding:17px 18px 15px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 38px rgba(42,65,29,.04),0 1px 3px rgba(42,65,29,.025)}
.empty-director .composer-row{min-width:0;align-items:flex-end;gap:11px}
.empty-director .composer-row textarea{display:block;flex:1;min-width:0;min-height:90px;height:90px;padding:7px 4px 11px;font-size:13px;line-height:1.9;color:#52674a;background:transparent;border:0;box-shadow:none;resize:vertical}
.empty-director .composer-row textarea::placeholder{color:#a5b199}
.empty-director .composer-row>.icon-button{margin-bottom:4px;width:38px;height:38px;border:1px solid #e7eddf;border-radius:50%;background:#fcfdf9;flex:none;color:#8fa17c}
.empty-director .send-button{margin-bottom:3px;flex:none;width:41px;height:41px;border-radius:50%}
.empty-director .send-button svg{width:17px;height:17px}
.empty-director .composer-context:empty{display:none}
.empty-director .composer-helper{padding:3px 0 0;font-size:10px;line-height:1.8;color:#a0ac94}
.empty-director .composer-helper svg{width:11px;height:11px;margin-right:4px;color:#a1b08f}
.empty-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin:22px 0 0}
.empty-context>div,.empty-context>article,.empty-context>section{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:19px 20px;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 #ffffff8c}
.empty-context>div>svg,.empty-context>article>svg,.empty-context>section>svg{width:17px;height:17px;margin-bottom:12px;color:#98aa87;stroke-width:1.4}
.empty-context h2,.empty-context h3{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:#718564;margin:0 0 5px}
.empty-context p{max-width:100%;font-size:11px;line-height:1.85;color:#a2ad96;margin:0;text-wrap:pretty}
.empty-context .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:6px;color:#a5b395}
.empty-context .text-link{font-size:10px;margin-top:11px;color:#839b6d}
.empty-context>.empty-context-note{grid-column:1/-1;padding:3px 0;border:0;background:none;box-shadow:none;text-align:center;align-items:center;font-size:10px;color:#a4b096}
.media-placeholder{min-width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;min-height:150px;overflow:hidden;border:1px dashed #dce6d0;border-radius:10px;background:linear-gradient(145deg,#fdfefb,#f1f6e9);color:#a7b69a}
.media-placeholder>span{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:20px;text-align:center;font-size:11px;line-height:1.7;color:#a0b28e}
.media-placeholder svg{width:24px;height:24px;color:#b3c2a3;stroke-width:1.3;flex:none}
.media-placeholder>span>small{display:block;max-width:230px;font-size:9px;line-height:1.8;color:#b5c1aa}
@media(min-width:1700px){.empty-workspace{min-height:480px}.empty-director{margin-top:58px;max-width:800px}.empty-director-intro h1,.empty-director-intro h2{font-size:40px}.empty-director .composer-row textarea{min-height:105px;height:105px}}
@media(max-width:930px){.empty-workspace{min-height:420px;padding:52px 26px}.empty-director{max-width:700px;margin-top:32px}.empty-director-intro{margin-bottom:29px}.empty-director-intro h1,.empty-director-intro h2{font-size:32px}.empty-context{gap:12px}.empty-context>div,.empty-context>article,.empty-context>section{padding:18px}}
@media(max-width:767px){.empty-workspace{min-height:420px;padding:48px 24px;border-radius:17px}.empty-workspace h1,.empty-workspace h2{font-size:26px}.empty-workspace>p{font-size:13px;max-width:400px}.empty-director{margin-top:27px}.empty-director-intro{padding:0 14px;margin-bottom:26px}.empty-director-intro h1,.empty-director-intro h2{font-size:31px;max-width:480px}.empty-director-intro p{font-size:13px}.empty-director .composer{padding:16px;border-radius:16px}.empty-director .composer-row textarea{font-size:13px}.empty-context{margin-top:18px;gap:12px}.empty-context>div,.empty-context>article,.empty-context>section{padding:17px}.empty-context h2,.empty-context h3{font-size:12px}.empty-context p{font-size:11px}}
@media(max-width:540px){.empty-workspace{min-height:400px;padding:43px 20px;border-radius:16px}.empty-symbol{height:57px;width:57px;border-radius:17px;margin-bottom:23px}.empty-workspace h1,.empty-workspace h2{font-size:26px;max-width:280px;margin-bottom:13px;line-height:1.24}.empty-workspace>p{font-size:13px;line-height:1.9;max-width:290px}.empty-workspace>.eyebrow{font-size:7px}.empty-actions{flex-direction:column;align-items:stretch;gap:9px;width:100%;max-width:270px;margin-top:25px}.empty-actions .btn{width:100%;min-height:44px;font-size:12px;padding:9px 15px;white-space:normal;line-height:1.6}.empty-actions .btn>span{min-width:0;white-space:normal}.empty-workspace>.empty-note{font-size:10px;line-height:1.8;max-width:260px}.empty-director{margin-top:20px;max-width:100%}.empty-director-intro{padding:0 10px;margin-bottom:27px}.empty-director-intro .empty-symbol{height:56px;width:56px;border-radius:17px;margin-bottom:22px}.empty-director-intro .eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:11px}.empty-director-intro h1,.empty-director-intro h2{font-size:30px;line-height:1.16;max-width:310px;margin-bottom:13px;letter-spacing:-.055em}.empty-director-intro p{font-size:13px;line-height:1.85;max-width:290px}.empty-director .composer{padding:13px 12px 12px;border-radius:16px}.empty-director .composer-row{gap:7px;min-width:0}.empty-director .composer-row textarea{font-size:16px;line-height:1.7;min-height:110px;height:110px;padding:5px 0 9px;width:0;max-width:100%;resize:none}.empty-director .composer-row>.icon-button{width:38px;height:42px;min-width:38px;min-height:42px;margin-bottom:1px}.empty-director .send-button{width:40px;height:42px;min-width:40px;min-height:42px;margin-bottom:1px}.empty-director .composer-helper{font-size:9px;line-height:1.8;padding:8px 2px 0;max-width:100%}.empty-context{grid-template-columns:1fr;gap:10px;margin-top:16px}.empty-context>div,.empty-context>article,.empty-context>section{padding:17px 18px;border-radius:12px}.empty-context>div>svg,.empty-context>article>svg,.empty-context>section>svg{width:17px;height:17px;margin-bottom:10px}.empty-context h2,.empty-context h3{font-size:13px}.empty-context p{font-size:12px;line-height:1.8}.empty-context .text-link{font-size:11px;min-height:27px}.empty-context>.empty-context-note{font-size:10px;line-height:1.8;padding:6px 10px}.media-placeholder{min-height:145px;border-radius:9px}.media-placeholder>span{font-size:11px;padding:18px}.media-placeholder>span>small{font-size:10px}.media-placeholder svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.empty-workspace,.empty-director,.empty-context{animation:none;transition:none}}

.empty-brief{padding:24px;margin:0 0 20px}.empty-brief h2{font-size:16px;margin-bottom:12px}.empty-brief p{line-height:1.8;color:#5f6d63}.empty-brief .empty-actions{margin-top:18px}.empty-context>button{border:1px solid #fff;display:flex;align-items:center;gap:12px;padding:18px;text-align:left}.empty-context button>span{display:grid;gap:4px;flex:1}.empty-context small{font-size:11px;color:#657168}.empty-context button>.icon:last-child{width:16px}.empty-symbol>.brand-mark{width:32px;height:32px}.empty-director .composer textarea{min-height:72px}.empty-workspace{margin-top:24px}.view-heading .eyebrow{text-transform:uppercase}