/* Professional workspace: neutral surfaces, restrained accent, compact controls. */
:root{--accent:#bd4b29;--muted:#66707a;--line:#e0e3e6;--green:#444e58;--surface:#fff;--ink:#22272d;font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#f5f6f7;font-size:14px;line-height:1.5}
body{overflow-wrap:break-word}button,input,textarea,select{font-family:inherit}button{border-radius:5px;min-height:38px;line-height:1.5;box-shadow:none;font-size:13px;transition:background .15s,border-color .15s}button:hover{background:#f0f2f4;border-color:#b9c0c7}button:active{transform:none}button.primary{background:var(--accent);border-color:var(--accent);box-shadow:none}button.primary:hover{background:#a43e21;border-color:#a43e21}button.dark{background:#282e35;border-color:#282e35}button.dark:hover{background:#414953}button.small{min-height:32px;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8b4834;outline-offset:3px}
.shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{background:#f0f1f3;border-right:1px solid #dce0e4;padding:26px 14px 20px;overflow-y:auto;scrollbar-width:thin}.brand{font-size:23px;letter-spacing:0;margin:0 12px 26px;gap:11px}.brand-mark{width:34px;height:34px;background:#30363d;border-radius:5px}.brand small{color:#69717a;letter-spacing:1.8px;font-size:9px}.nav-label{font-size:10px;letter-spacing:1px;color:#727b85;margin:23px 12px 10px}.nav{gap:3px}.nav button,.nav a{min-height:40px;border-radius:5px;font-size:13px;color:#515a65;padding:11px 13px}.nav button.active{background:#e1e4e8;color:#20262d;font-weight:650;box-shadow:inset 2px 0 var(--accent)}.nav button:not(.active):hover,.nav a:hover{background:#e7e9ec}.nav a{text-decoration:none;display:block}.side-bottom{padding-top:28px}.local-card{background:transparent;border:0;border-top:1px solid #d4d9df;padding:16px 10px 0;border-radius:0;color:#68727e;font-size:11px}.local-card strong{color:#424e5a;font-size:12px}.dot{background:#65796b}.side-foot{font-size:9px;letter-spacing:1px;color:#747e88;margin-top:15px}.workspace{min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(24px,3vw,48px)}.crumb{color:#727b85;font-size:12px}.crumb strong{color:#343c46;font-weight:500}.top-actions{gap:10px}.save-status{font-size:11px;color:#6a747e}.avatar{background:#edf0f2;color:#515c68;border-radius:4px;width:auto;max-width:110px;padding:0 9px;font-weight:500;font-size:11px}.main{max-width:1400px;padding:32px clamp(24px,3vw,48px) 40px}.page-title{margin-bottom:25px;min-height:64px;align-items:center}.eyebrow{display:none}h1{font-size:28px;font-weight:650;line-height:1.35;letter-spacing:-.5px;margin-bottom:8px}h2{font-size:16px;line-height:1.5;font-weight:600}h3{font-size:14px;line-height:1.5}.subtitle{font-size:13px;color:#66717d;line-height:1.8}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px;margin-bottom:22px;box-shadow:none}.helper{color:#68727d;font-size:12px;line-height:1.85}.notice{background:#eef1f4;border-color:#dde2e7;color:#53616f;border-radius:4px;font-size:12px;padding:12px 15px;line-height:1.85}.notice.orange{background:#faf3ee;border-color:#eddfd3;color:#835236}.badge,.badge.orange{background:#edf0f3;color:#596572;border-radius:3px;font-size:11px;padding:4px 7px}.row{gap:10px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{margin:16px 0}.field>span{color:#525d69;font-size:12px;font-weight:500;margin-bottom:7px}input:not([type=color]):not([type=checkbox]),textarea,select{background:#fff;color:#28313a;border:1px solid #cfd5db;min-height:40px;border-radius:4px;padding:9px 11px;font-size:13px}input:hover,textarea:hover,select:hover{border-color:#a3aeb9}input[readonly]{background:#f4f5f6!important;color:#6d7780}input[type=color]{border-radius:4px}textarea{line-height:1.8}.check{color:#505e6a!important;font-size:12px!important}.check input[type=checkbox]{accent-color:#414c58!important}.footer-note{color:#78828d;font-size:11px;line-height:1.8;margin-top:30px}.danger{color:#a34130}
.current-project{background:#fff;border:1px solid var(--line);border-left:3px solid #404b58;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;border-radius:4px}.section-kicker{font-size:11px;color:#6b7784;display:block;margin-bottom:10px}.current-project h2{font-size:23px;line-height:1.4;letter-spacing:-.4px}.current-project p{font-size:12px;color:#65717e;margin:12px 0 0}.current-project p span{color:#c4cbd2;padding:0 10px}.workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 28px}.workflow{display:flex;text-align:left;align-items:center;gap:15px;border-radius:4px;padding:21px;background:#fff;min-width:0}.workflow>svg{margin:0 0 0 auto;flex-shrink:0;color:#737e89}.workflow-icon{color:#52606d;display:flex}.workflow-icon svg{margin:0}.workflow strong{font-size:15px;font-weight:600;display:block}.workflow small{font-size:12px;font-weight:400;color:#6b7783;display:block;margin-top:5px}.section-head{margin:26px 0 13px;gap:12px}.section-head small{font-size:12px;color:#6b7783}.count-label{font-size:12px;font-weight:400;color:#727d88;margin-left:8px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:#fff}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.data-table th{background:#f7f8f9;color:#687480;font-weight:500;white-space:nowrap;padding:12px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 16px;border-bottom:1px solid #e9ecef;color:#52606e;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafbfc}.data-table strong{font-weight:500;color:#28333f}.data-table td:last-child{text-align:right}.data-table th:last-child{text-align:right}.project-name{display:flex;align-items:center;gap:10px;min-width:160px}.project-name svg{color:#747f8b;flex-shrink:0}.current-label{font-size:10px;color:#7b6256;background:#f6efea;padding:2px 6px;border-radius:3px;white-space:nowrap}.cell-note{display:block;font-size:11px;color:#7b8691;margin-top:4px}.table-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.table-actions button{padding:5px 8px;font-size:11px;min-height:30px}.status-label{color:#4c6657;white-space:nowrap}.status-label.disabled{color:#9a5b4c}.asset-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.asset-tile{padding:0;background:transparent;border:0;text-align:left;min-width:0}.asset-tile:hover{background:transparent}.asset-frame{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:16/9;background:#242a31;border:1px solid #303944;border-radius:4px;overflow:hidden;color:#9ba5b1;font-size:12px;font-weight:400}.asset-frame img{height:100%;width:100%;object-fit:cover}.asset-tile:hover .asset-frame{border-color:#8b959f}.asset-index,.asset-duration{position:absolute;bottom:9px;color:#bdc5ce;font-size:10px;background:#1e242bba;padding:2px 5px;border-radius:2px}.asset-index{left:9px}.asset-duration{right:9px}.asset-title{font-size:12px;font-weight:500;display:block;color:#4d5a68;padding:10px 1px}.workspace-help{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:11px;color:#77828d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shot-card,.character-card{border-radius:5px;border-color:var(--line)}.shot-head{background:#f5f6f8;border-color:var(--line);padding:11px 16px}.shot-num{color:#647380}.shot-thumb,.character-img{background:#252c34;color:#aeb9c3;border-radius:3px}.shot-tools button{font-size:11px;min-height:32px}.compact-fields>*{min-width:0}.steps{color:#8a949f;font-size:11px}.steps span,.steps span.current{background:#fff;color:#626f7c;border-color:#dce1e6;border-radius:3px}.steps span.current{border-bottom:2px solid #707c89}.canvas-wrap{background:#262c33;border-color:#343d47;border-radius:5px;padding:24px}.canvas-wrap canvas{box-shadow:0 8px 24px #0004}.video-stage{background:#181e24;border-radius:5px}.timeline button{border-radius:4px}.timeline button.active{background:#fff4ee;border-color:#bd785c}.template-options .selected{background:#e9edf1;border-color:#7a8999;color:#354657}.empty{color:#6f7d8a;border-color:#bcc6d0;border-radius:4px}.project-item{background:#f5f6f8;border-radius:4px;border:1px solid #e3e7eb}.project-item small{color:#687685}.playbar{color:#5e6c79}.progress{background:#e4e8ec}.progress>div{background:var(--accent)}.export-grid button{border-radius:4px}.export-grid button small{color:#71808d}.service-feedback,details summary{color:#53687c}.settings-grid{align-items:start}.service-form{min-width:0}.service-form .two-col{gap:14px}.service-form h2{padding-bottom:4px}.reference-line{flex-wrap:wrap}.generated-image{border-radius:4px}.preserve-lines{color:#52616e;line-height:1.9}.quota-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.quota-summary strong{font-size:18px}.quota-month{font-size:12px;color:#73808d}.quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:18px}.quota-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#667481;margin-bottom:9px}.quota-value{font-size:29px;font-variant-numeric:tabular-nums;font-weight:500}.quota-value small{font-size:12px;font-weight:400;color:#73818e;margin-left:6px}.quota-meter{appearance:none;width:100%;height:4px;border:0;display:block;margin-top:14px;background:#e8ebee}.quota-meter::-webkit-progress-bar{background:#e8ebee}.quota-meter::-webkit-progress-value{background:#657889}.quota-meter::-moz-progress-bar{background:#657889}.quota-block:last-child .quota-meter::-webkit-progress-value{background:#a36b52}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:22px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.plan-grid:has(> :last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{margin:0;padding:25px;box-shadow:none;border:0;border-radius:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.plan-card:last-child{border-right:0}.plan-card h3{font-size:27px;font-weight:500;margin:18px 0 8px}.plan-card p{color:#697784;font-size:12px;flex:1}.plan-card button{margin-top:12px}.billing-toggle{display:flex!important;align-items:center!important;justify-content:space-between;flex-direction:row-reverse;border-bottom:1px solid var(--line);padding:0 0 17px!important;margin:0 0 14px!important;background:transparent;border-radius:0}.billing-toggle strong{font-size:15px}.billing-toggle input{width:19px!important;height:19px!important}.plan-editors{display:flex;flex-direction:column;margin:24px 0;border-top:1px solid var(--line)}.plan-editor{min-width:0;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .7fr;gap:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0 18px}.plan-editor legend{font-size:13px;color:#354555;font-weight:600;float:left;grid-column:1/-1;width:100%;padding:0;margin:0}.plan-editor .field{margin:4px 0}.plan-editor .check{align-self:end;margin-bottom:10px}.plan-editor .field>span{font-size:11px}.order-row{background:#fafbfc;border-radius:3px;box-shadow:none;padding:17px;margin-top:15px}.order-row .helper{overflow-wrap:anywhere}.user-create-fields{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:end}.user-create-fields button{margin-bottom:16px}.user-list .section-head{margin-top:0}.user-list .data-table{min-width:720px}.auth-shell{max-width:480px;margin:9vh auto;padding:22px}.auth-shell>.panel{padding:32px;border-radius:6px;box-shadow:0 8px 30px #212a3508}.auth-shell .eyebrow{display:block;color:#6f7b87;font-size:10px;letter-spacing:2px}.auth-shell h1{font-size:25px;margin-top:20px}.auth-shell .primary{min-height:42px}.auth-shell #auth-error:empty{display:none}dialog{background:#fff;border-radius:7px;border-color:#cfd6dd;max-height:90dvh;overflow:auto;padding:26px}dialog::backdrop{background:#17212c75;backdrop-filter:blur(2px)}#toast{background:#303b47;border-radius:5px}
@media(max-width:1180px){.shell{grid-template-columns:192px minmax(0,1fr)}.sidebar{padding:24px 10px}.main{padding:28px 24px}.topbar{padding:0 24px}.plan-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-editor .check{grid-column:1/-1}.current-project{align-items:flex-start}.current-project>.row{justify-content:flex-end}.asset-strip{gap:12px}}
@media(max-width:900px){.current-project{flex-wrap:wrap}.workflow{padding:17px;gap:10px}.workflow small{font-size:11px}.plan-grid{grid-template-columns:1fr}.plan-card{border-right:0;border-bottom:1px solid var(--line)}.plan-card:last-child{border-bottom:0}.user-create-fields{grid-template-columns:1fr 1fr}.user-create-fields button{grid-column:1/-1;justify-self:start;margin:0}.asset-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:17px 15px 10px;overflow:visible}.brand{margin:0 0 16px 3px;font-size:21px}.brand small{display:block;margin:0}.sidebar .nav-label,.side-bottom{display:none}.nav{flex-direction:row;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;gap:3px}.nav button,.nav a{white-space:nowrap;flex-shrink:0;min-height:40px;padding:10px 12px;font-size:12px}.nav button.active{box-shadow:inset 0 -2px var(--accent)}.topbar{min-height:58px;height:auto;padding:10px 17px;gap:8px;flex-wrap:wrap}.crumb{font-size:10px;gap:7px}.top-actions{gap:6px;margin-left:auto}.top-actions button{font-size:11px;min-height:32px;padding:6px 8px}.save-status{font-size:10px}.avatar{display:none}.main{padding:26px 17px 34px}.page-title{min-height:0;gap:14px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:25px}.subtitle{font-size:12px}.panel{padding:19px;margin-bottom:20px}.current-project{padding:20px;gap:20px}.current-project h2{font-size:21px}.current-project p span{padding:0 5px}.workflows{grid-template-columns:1fr;gap:10px}.workflow{padding:18px}.workflow small{font-size:12px}.section-head{margin-top:24px}.project-table{min-width:540px}.data-table th,.data-table td{padding:12px}.asset-strip{gap:12px}.workspace-help{align-items:flex-start;flex-direction:column}.workspace-help button{padding-left:0}.two-col,.editor-layout,.character-grid{grid-template-columns:minmax(0,1fr)!important}.compact-fields{grid-template-columns:65px minmax(0,1fr) minmax(0,1fr)}.plan-grid,.plan-grid:has(> :last-child:nth-child(2)){grid-template-columns:1fr}.plan-editor{grid-template-columns:1fr;gap:9px}.plan-editor legend,.plan-editor .check{grid-column:auto}.plan-editor .field>span{font-size:12px}.quota-grid{gap:18px}.quota-summary{flex-wrap:wrap}.quota-label{flex-direction:column;gap:4px}.quota-value{font-size:27px}.quota-month{font-size:11px}.user-create-fields{grid-template-columns:1fr;gap:0}.user-create-fields button{margin-top:5px}.row.between{flex-wrap:wrap}.project-item{flex-wrap:wrap}.playbar{flex-wrap:wrap;gap:10px}.playbar .row{flex-wrap:wrap}.auth-shell{margin:5vh auto;padding:18px}.auth-shell>.panel{padding:26px}.canvas-wrap{padding:15px}.settings-grid{grid-template-columns:1fr}.footer-note{padding:0 8px}}
.table-scroll{position:relative;max-width:100%;min-width:0}
/* Production workspace and storyboard editor */
.production-overview{display:flex;gap:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:24px}.production-overview>div{display:flex;gap:12px;align-items:baseline}.production-overview strong{font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.production-overview span{font-size:12px;color:#697584}.production-overview .overview-action{margin-left:auto;align-items:center}.workspace-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.filter-tabs{display:flex;gap:4px}.filter-tabs button{border:0;background:transparent;color:#737e8b}.filter-tabs button[aria-pressed=true]{background:#e4e8ec;color:#283441}.search-controls{display:flex;gap:7px}.search-controls input{max-width:220px}.production-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.production-project{min-width:0;background:#fff;border:1px solid #dce1e6;border-radius:7px;overflow:hidden}.project-cover{display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:0;position:relative;background:#202731;color:#758396;overflow:hidden}.project-cover:hover{background:#28323f;border:0}.project-cover img{width:100%;height:100%;object-fit:cover}.cover-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.cover-empty span{font-size:11px;font-weight:400}.cover-caption{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:#0f1724a6;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#bdc9d8}.cover-caption b{font-weight:400}.production-project-body{padding:18px}.production-project h2{font-size:15px;overflow-wrap:anywhere}.production-project p{font-size:11px;color:#758290;margin:7px 0 20px}.project-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#66788b}.production-project progress{width:100%;height:3px;margin:9px 0 17px;appearance:none;border:0;background:#e6eaef}.production-project progress::-webkit-progress-bar{background:#e6eaef}.production-project progress::-webkit-progress-value{background:#576d87}.project-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf0f3;padding-top:14px}.project-card-footer>span{font-size:10px;color:#768392}.project-card-footer button{font-size:11px}.production-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:400;white-space:nowrap;color:#aab6c5}.production-status i{width:5px;height:5px;background:currentColor;border-radius:50%}.production-status.ready{color:#79bda6}.production-status.pending{color:#d1ad75}.production-status.running{color:#8caee4}.production-status.failed{color:#e79891}.production-status.unavailable{color:#8e9aaa}
.editing{grid-template-columns:68px minmax(0,1fr);background:#14181e}.editing .sidebar{background:#20252d;border-color:#343b46;padding:22px 10px;color:#a7b0bd}.editing .brand{margin:0 auto 24px;justify-content:center}.editing .brand>div:last-child,.editing .nav-label,.editing .side-bottom{display:none}.editing .nav button{font-size:0;padding:12px;min-width:44px;min-height:44px;color:#929eae}.editing .nav button svg{margin:0;width:19px;height:19px}.editing .nav button.active{background:#394454;color:#e5edf8;box-shadow:inset 2px 0 #cc7655}.editing .nav button:hover{background:#303844}.editing .nav a{font-size:11px;text-align:center;padding:13px 0;color:#9faaba}.editing .topbar{height:52px;background:#222831;border-color:#333c47;color:#b2bdca;padding:0 22px}.editing .crumb strong{color:#d2dbe6}.editing .crumb,.editing .save-status{color:#91a1b3}.editing .avatar{background:#323d4b;color:#c0cad6}.editing .topbar button{background:#2a333f;border-color:#3b4655;color:#c7d2df;font-size:11px}.editing .main{max-width:none;padding:0}.editing .footer-note{display:none}.studio-editor{--line:#343d49;color:#c8d3df;background:#171c23;--accent:#c56d49}.studio-editor button{background:#29323e;border-color:#3c4858;color:#c1cfdd;font-size:11px;border-radius:4px;min-height:31px;padding:6px 10px}.studio-editor button:hover{background:#39485a;border-color:#536a83}.studio-editor button.primary{background:#bb6240;border-color:#bb6240;color:#fff}.studio-editor button:disabled{opacity:.4}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #343d49;gap:18px;height:62px;background:#20262f}.studio-toolbar>div:first-child{min-width:0;display:flex;align-items:center;gap:14px}.studio-project-label{font-size:11px;color:#9aabba;border-right:1px solid #48525f;padding-right:14px;white-space:nowrap}.studio-toolbar h1{font-size:14px;font-weight:500;letter-spacing:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:230px minmax(280px,1fr) 294px;height:calc(100dvh - 52px - 62px - 170px);min-height:420px}.studio-directory,.studio-inspector{background:#242b35;min-width:0;display:flex;flex-direction:column;overflow:hidden}.studio-directory{border-right:1px solid #343d49}.studio-inspector{border-left:1px solid #343d49}.studio-tabs{display:flex;gap:0;border-bottom:1px solid #3a4451;flex-shrink:0;padding:0 12px}.studio-tabs button{border:0;background:transparent;border-radius:0;padding:15px 14px;color:#8494a8}.studio-tabs button[aria-pressed=true]{color:#e0e8f3;box-shadow:inset 0 -2px #be7659}.directory-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#495667 transparent}.directory-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;font-size:10px;color:#98a9bd}.shot-directory-item{display:flex;width:100%;align-items:center;gap:10px;padding:11px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;min-height:87px!important;box-shadow:inset 0 -1px #303945}.shot-directory-item.selected{background:#354354!important;box-shadow:inset 3px 0 #b87957}.studio-thumb{background:#161c24;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #3a4655;flex-shrink:0;width:58px;height:43px;border-radius:3px;color:#62738a}.studio-thumb svg{margin:0!important}.studio-thumb img{width:100%;height:100%;object-fit:cover}.shot-directory-item>span:last-child{min-width:0}.shot-directory-item strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#d0dae6}.shot-directory-item small{display:block;font-size:10px;color:#8fa0b5;margin:4px 0}.studio-service{border-top:1px solid #384352;padding:10px 13px;color:#879bb2;font-size:10px;line-height:1.8;flex-shrink:0}.studio-viewer{min-width:0;display:flex;flex-direction:column;background:#14191f}.viewer-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:15px 18px;color:#8fa0b3}.viewer-heading strong{font-weight:400;color:#b6c5d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-stage{flex:1;min-height:0;padding:12px 20px;display:flex;align-items:center;justify-content:center}.studio-stage canvas{display:block;width:100%;max-height:100%;object-fit:contain;aspect-ratio:16/9;background:#0f141a;border:1px solid #2c3541}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;font-size:10px;color:#93a5ba;flex-wrap:wrap}.studio-viewer>.progress{margin:0 18px;background:#313b49;height:2px}.viewer-generation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px}.viewer-generation small{font-size:10px;color:#8999ad;display:block;line-height:1.7;margin-top:6px}.viewer-generation>.row{flex-shrink:0}.inspector-heading{padding:16px 16px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #384353;font-size:11px}.inspector-heading strong{font-weight:500}.inspector-heading span{font-size:10px;color:#7e92aa}.inspector-fields,.script-panel{padding:4px 15px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#495667 transparent}.studio-editor .field{margin:14px 0}.studio-editor .field>span{color:#91a4bb;font-size:10px;margin-bottom:6px}.studio-editor input:not([type=color]):not([type=checkbox]),.studio-editor textarea,.studio-editor select{background:#1c232d;color:#c9d5e5;border:1px solid #3c495a;font-size:11px;padding:8px 9px;min-height:34px;border-radius:3px}.studio-editor textarea{min-height:80px;line-height:1.8}.studio-editor .two-col{gap:10px}.studio-editor .helper{font-size:10px;color:#8c9fb6;line-height:1.7}.studio-editor .inspector-fields audio,.studio-editor .inspector-fields video{width:100%;margin:12px 0;max-height:160px}.inspector-divider{border-top:1px solid #394452;padding-top:16px;margin:22px 0 12px;font-size:11px;color:#b5c4d6}.studio-empty{padding:24px;font-size:12px;color:#899cb4;line-height:1.9}.studio-timeline{background:#222a34;border-top:1px solid #3a4656;min-height:170px}.timeline-heading{display:flex;align-items:center;gap:18px;padding:13px 18px;border-bottom:1px solid #303c4b;font-size:11px}.timeline-heading strong{font-weight:500}.timeline-heading span{font-size:10px;color:#8fa2ba}.timeline-heading small{margin-left:auto;font-size:10px;color:#8296af}.studio-clips{padding:10px 18px 14px;margin:0;gap:6px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d6079 transparent}.studio-clips .timeline-clip{max-width:none;min-width:110px;flex-shrink:0;background:#2a3646;padding:0;text-align:left;overflow:hidden;border:1px solid #485a70;border-radius:3px;display:block}.studio-clips .timeline-clip.active{background:#364b65;border-color:#cf9a7c;box-shadow:inset 0 0 0 1px #cf9a7c}.clip-time{display:block;font-size:9px;letter-spacing:1px;color:#b1bed0;background:#202a38;padding:3px 7px}.clip-content{display:flex;align-items:center;gap:7px;padding:6px}.clip-content .studio-thumb{width:37px;height:28px}.clip-content>span:last-child{min-width:0}.clip-content strong{display:block;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-clips .clip-content small{font-size:9px;color:#91a9c5;margin-top:3px}.clip-audio{display:block;font-size:8px;padding:3px 7px;color:#8ca2bd;background:#202c3c}.clip-audio.present{background:#24483f;color:#8eb6a8}.studio-editor :focus-visible{outline-color:#cf9a7c}.studio-editor .danger{color:#e1a097}.workspace-filters input{min-width:0}.admin-filters{display:flex;gap:10px;align-items:center;margin:15px 0}.admin-filters input{max-width:240px}.admin-filters select{width:auto}.admin-filters button{flex-shrink:0}
.studio-stage{overflow:hidden}.studio-stage canvas{height:100%;min-height:0}.inspector-fields{min-height:0;flex:1}
@media(min-width:851px){.studio-grid{grid-template-rows:minmax(0,1fr)}.studio-grid>*{min-height:0}}
@media(min-width:1600px){.studio-grid{grid-template-columns:260px minmax(360px,1fr) 320px}}
@media(max-width:1100px){.studio-grid{grid-template-columns:190px minmax(250px,1fr) 250px}.studio-stage{padding:10px}.viewer-generation{padding:12px;flex-wrap:wrap}.production-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.production-overview{gap:25px}.production-overview .overview-action{display:none}}
@media(max-width:850px){.studio-grid{grid-template-columns:180px minmax(0,1fr);height:auto;min-height:0}.studio-directory{max-height:560px;grid-row:1}.studio-viewer{min-height:420px}.studio-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #3a4656}.inspector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:430px}.inspector-fields>.row,.inspector-divider{grid-column:1/-1}.studio-timeline{min-height:160px}.timeline-heading small{display:none}}
@media(max-width:760px){.production-overview{gap:20px;padding:15px 0}.production-overview>div{flex-direction:column;gap:3px}.production-overview strong{font-size:24px}.production-overview span{font-size:10px}.workspace-filters{flex-direction:column;align-items:stretch;gap:14px}.filter-tabs{justify-content:space-between}.search-controls input{max-width:none;flex:1}.production-projects{grid-template-columns:1fr}.production-project h2{font-size:16px}.editing{display:block}.editing .sidebar{padding:10px;height:auto}.editing .brand,.editing .sidebar>.nav:last-of-type{display:none}.editing .sidebar>.nav{justify-content:space-around;gap:2px;padding:0}.editing .nav button{font-size:0;min-width:40px;min-height:40px;padding:10px}.editing .nav button svg{display:block}.editing .topbar{padding:10px 13px;height:auto;min-height:48px}.studio-toolbar{height:auto;min-height:72px;padding:12px;flex-wrap:wrap;gap:10px}.studio-toolbar h1{font-size:13px}.studio-project-label{font-size:10px}.studio-grid{display:flex;flex-direction:column}.studio-directory{max-height:250px;border-right:0}.directory-scroll{min-height:100px}.studio-service{display:none}.studio-tabs button{flex:1;padding:10px}.directory-heading{padding:8px 12px}.shot-directory-item{min-height:72px!important}.studio-viewer{min-height:340px}.studio-stage{min-height:185px}.studio-stage canvas{max-height:260px}.viewer-generation{flex-wrap:wrap}.studio-inspector{max-height:480px}.inspector-fields{display:block}.timeline-heading{gap:10px}.studio-timeline{min-height:155px}.studio-clips{padding:10px 12px}.production-page-title>.row{flex-wrap:wrap}.admin-filters{flex-wrap:wrap}.admin-filters input{max-width:none;flex:1;min-width:120px}.editing .top-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}