.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;flex:0 0 auto}
.video-studio-page{max-width:1680px;padding:24px 30px 0}
.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.studio-heading h1{font-size:27px;margin:0 0 6px;letter-spacing:0}
.studio-heading p{color:var(--muted);font-size:13px;margin:0}
.studio-heading-actions{display:flex;align-items:center;gap:10px}
.studio-balance{height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #34d3993d;border-radius:8px;background:#34d3990c;color:#6ee7b7;font-size:13px;font-weight:750}
.video-studio{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.studio-models{position:sticky;top:92px;padding:15px;max-height:calc(100vh - 116px);overflow:hidden}
.studio-section-title{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px;font-size:13px;font-weight:750}
.studio-section-title small{font-size:11px;color:var(--muted);font-weight:500}
.studio-model-list{display:grid;gap:8px;overflow:auto;max-height:calc(100vh - 170px);padding-right:3px}
.studio-model{width:100%;min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:8px;padding:11px;background:#070d18;color:var(--text);cursor:pointer}
.studio-model:hover{border-color:#38bdf855;background:#0b1423}
.studio-model.active{border-color:#22d3ee88;background:#08202a;box-shadow:inset 3px 0 #22d3ee}
.studio-model-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#14283a;color:#67e8f9}
.studio-model strong,.studio-model small{display:block;min-width:0}
.studio-model strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-model small{font-size:10px;color:var(--muted);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-model em{font-style:normal;color:#6ee7b7;font-size:10px;font-weight:700;white-space:nowrap}
.studio-main{min-width:0;display:grid;gap:12px}
.studio-toolbar{height:62px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px}
.studio-toolbar>div:first-child{display:grid;gap:3px}
.studio-toolbar strong{font-size:14px}
.studio-toolbar span{font-size:11px;color:var(--muted)}
.studio-toolbar>div:last-child{display:flex;gap:8px}
#video-drafts{display:grid;gap:12px}
.video-draft{padding:0;border-radius:8px;overflow:hidden}
.draft-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#ffffff03}
.draft-head>div{display:flex;align-items:center;gap:12px;min-width:0}
.draft-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draft-number{font-size:10px;font-weight:800;color:#67e8f9;border:1px solid #22d3ee44;background:#22d3ee0d;border-radius:6px;padding:4px 7px;white-space:nowrap}
.draft-grid{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(150px,.7fr) minmax(120px,.55fr);gap:11px;padding:15px 16px 0}
.video-draft>.field{padding:0 16px;margin-bottom:14px;position:relative}
.draft-grid .field{padding:0;margin:0}
.draft-prompt{min-height:96px;padding-right:64px}
.char-count{position:absolute;right:27px;bottom:11px;color:#627086;font-size:10px;background:#050914;padding-left:5px}
.material-block{margin:0 16px 14px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#050a13aa}
.material-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.material-title strong{font-size:12px}
.material-title span{font-size:10px;color:var(--muted)}
.material-upload{height:58px;border:1px dashed #526176;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;color:#95a1b7;font-size:11px;cursor:pointer;background:#08101b}
.material-upload:hover,.frame-upload:hover{border-color:#22d3ee88;color:#d9f9ff}
.material-upload.uploading:after,.frame-upload.uploading:after{content:'上传中...';position:absolute;inset:0;display:grid;place-items:center;background:#050914e8;color:#67e8f9}
.studio-assets{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.studio-asset{width:72px;height:58px;border:1px solid var(--line);border-radius:7px;position:relative;display:grid;place-items:center;overflow:hidden;background:#02050a;color:#67e8f9}
.studio-asset img,.studio-asset video{width:100%;height:100%;object-fit:cover}
.studio-asset button,.frame-upload button{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;border-radius:5px;background:#020617d9;color:#fff;display:grid;place-items:center;cursor:pointer}
.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.frame-upload{height:120px;position:relative;border:1px dashed #526176;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#08101b;color:#95a1b7;cursor:pointer;overflow:hidden}
.frame-upload>i{font-size:20px}.frame-upload span{font-size:11px}.frame-upload small{font-size:9px;color:#59677b}
.frame-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#02050a}
.material-columns{display:grid;grid-template-columns:1fr 1fr}
.draft-footer{min-height:66px;border-top:1px solid var(--line);background:#050a13aa;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.draft-footer>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px}
.draft-footer span{font-size:10px;color:var(--muted)}
.draft-footer strong{font-size:18px;color:#6ee7b7}
.draft-footer small{grid-column:1/3;font-size:9px;color:#657389;margin-top:2px}
.draft-footer .btn{min-width:142px}
.studio-history{padding:16px;border-radius:8px;margin-top:4px}
.video-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.video-history-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:150px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#070d18}
.history-media{position:relative;min-height:150px;background:#02050a}
.history-media video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.history-placeholder{height:100%;min-height:150px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#64748b;font-size:11px}
.history-placeholder i{font-size:25px}
.history-progress{height:4px;position:absolute;left:10px;right:10px;bottom:9px;background:#ffffff12;border-radius:99px;overflow:hidden}
.history-progress span{display:block;height:100%;background:#22d3ee}
.history-body{padding:12px;display:flex;flex-direction:column;min-width:0}
.history-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-body p{font-size:10px;line-height:1.5;color:#98a5b9;margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.history-facts{display:flex;gap:10px;color:#64748b;font-size:9px}
.history-actions{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px}
.history-actions .icon-btn{display:grid;place-items:center;text-decoration:none}
.history-empty{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b}.history-empty i{font-size:30px}.history-empty strong{font-size:13px;color:#8d99ac}.history-empty span{font-size:10px}
.site-footer{text-align:center;color:#4d5a6e;font-size:10px;padding:25px 10px}
.admin-span{grid-column:1/-1}.asset-setting{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;gap:8px;align-items:center}.asset-setting .btn{height:42px}.asset-setting img{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);border-radius:6px}
@media(max-width:1180px){.video-studio{grid-template-columns:240px minmax(0,1fr)}.video-history-grid{grid-template-columns:1fr}.material-columns{grid-template-columns:1fr}.video-history-card{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.video-studio-page{padding:18px 16px 0}.video-studio{grid-template-columns:1fr}.studio-models{position:static;max-height:none}.studio-model-list{display:flex;max-height:none;overflow-x:auto}.studio-model{min-width:250px}.draft-grid{grid-template-columns:1fr 1fr}.draft-model{grid-column:1/-1}}
@media(max-width:620px){.studio-heading{align-items:flex-start}.studio-heading-actions{flex-direction:column;align-items:stretch}.studio-heading h1{font-size:23px}.studio-balance{display:none}.studio-toolbar{height:auto;align-items:flex-start;flex-direction:column}.studio-toolbar>div:last-child{width:100%}.studio-toolbar .btn{flex:1}.draft-grid{grid-template-columns:1fr}.draft-model{grid-column:auto}.frame-grid,.material-columns{grid-template-columns:1fr}.frame-upload{height:105px}.draft-footer{align-items:stretch;flex-direction:column}.draft-footer .btn{width:100%}.video-history-card{grid-template-columns:1fr}.history-media{aspect-ratio:16/9;min-height:0}.history-placeholder{min-height:0}.asset-setting{grid-template-columns:minmax(0,1fr) auto}.asset-setting img{display:none}}