.video-studio-card{width:min(1180px,calc(100vw - 40px));max-height:min(900px,calc(100dvh - 40px));padding:24px;overflow:auto}.vs-loading,.vs-empty{padding:46px 18px;text-align:center;color:#707070}.vs-empty strong{display:block;color:#171717;margin-bottom:6px}.vs-empty p{margin:0}.vs-empty.small{padding:26px 10px}.vs-hero,.vs-builder-head,.vs-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:4px 0 22px}.vs-hero h3,.vs-builder-head h3,.vs-detail-head h3{font-size:26px;line-height:1.2;margin:5px 0 8px}.vs-hero p,.vs-builder-head p,.vs-detail-head p{margin:0;color:#777;max-width:720px;line-height:1.55}.vs-engine{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid #e8e8e8;border-radius:999px;padding:8px 12px;font-size:12px;background:#fafafa}.vs-engine span{width:7px;height:7px;border-radius:50%;background:#aaa}.vs-engine.ready span{background:#28a565;box-shadow:0 0 0 4px rgba(40,165,101,.12)}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vs-panel{border:1px solid #e9e9e9;border-radius:20px;padding:16px;background:#fff;min-width:0}.vs-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vs-panel-head h4{margin:0;font-size:15px}.vs-panel-head span{font-size:12px;color:#999}.vs-listings,.vs-projects{display:grid;gap:9px}.vs-listing{width:100%;border:1px solid #ececec;background:#fff;border-radius:14px;padding:9px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.vs-listing:hover{border-color:#cfcfcf;background:#fbfbfb}.vs-listing-thumb{width:54px;height:46px;border-radius:10px;overflow:hidden;background:#f1f1f1;display:grid;place-items:center}.vs-listing-thumb img{width:100%;height:100%;object-fit:cover}.vs-listing strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-listing small{display:block;color:#999;margin-top:3px}.vs-project-card{border:1px solid #ededed;border-radius:14px;padding:12px}.vs-project-top{display:flex;justify-content:space-between;gap:10px}.vs-project-top strong{font-size:13px;display:block}.vs-project-top small{display:block;color:#999;margin-top:4px}.vs-status{display:inline-flex;align-items:center;height:25px;border-radius:999px;padding:0 9px;font-size:11px;background:#f1f1f1;color:#666}.vs-status.processing,.vs-status.queued{background:#eef4ff;color:#315ea8}.vs-status.completed{background:#edf9f2;color:#20804c}.vs-status.failed{background:#fff0f0;color:#b54343}.vs-progress{height:4px;background:#f0f0f0;border-radius:99px;overflow:hidden;margin:11px 0}.vs-progress i{display:block;height:100%;background:#222}.vs-project-actions{display:flex;align-items:center;gap:7px}.vs-btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;color:#222}.vs-btn.primary{background:#111;color:#fff;border-color:#111}.vs-btn.large{padding:11px 16px;font-weight:650}.vs-btn:disabled{opacity:.42;cursor:not-allowed}.vs-icon-btn{margin-left:auto;width:31px;height:31px;border:0;border-radius:9px;background:#f5f5f5;cursor:pointer;font-size:17px}.vs-back{border:0;background:transparent;padding:3px 0 13px;font:inherit;font-size:13px;color:#666;cursor:pointer}.vs-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vs-photo{aspect-ratio:4/3;border:2px solid transparent;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;background:#eee}.vs-photo img{width:100%;height:100%;object-fit:cover;display:block}.vs-photo input{position:absolute;opacity:0;pointer-events:none}.vs-photo span{position:absolute;left:7px;top:7px;width:23px;height:23px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:grid;place-items:center;font-size:10px}.vs-photo i{position:absolute;right:7px;top:7px;width:23px;height:23px;border-radius:50%;background:#fff;color:#111;display:none;place-items:center;font-style:normal;font-size:11px}.vs-photo.selected{border-color:#111}.vs-photo.selected i{display:grid}.vs-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.vs-options label span{display:block;font-size:11px;color:#777;margin:0 0 5px}.vs-options select{width:100%;height:42px;border:1px solid #ddd;border-radius:11px;background:#fff;padding:0 11px;font:inherit;font-size:13px}.vs-create-row,.vs-generate-box{border:1px solid #e9e9e9;background:#fafafa;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vs-create-row strong,.vs-generate-box strong{display:block;font-size:13px}.vs-create-row small{display:block;color:#999;margin-top:4px}.vs-generate-box p{margin:5px 0 0;color:#858585;font-size:12px}.vs-shot-list{display:grid;gap:9px;margin-bottom:18px}.vs-shot-list article{display:grid;grid-template-columns:110px 1fr;gap:12px;border:1px solid #ededed;border-radius:14px;padding:9px}.vs-shot-img{height:76px;position:relative;border-radius:10px;overflow:hidden;background:#eee}.vs-shot-img img{width:100%;height:100%;object-fit:cover}.vs-shot-img b{position:absolute;left:6px;top:6px;background:#111;color:#fff;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:9px}.vs-shot-list strong{font-size:12px}.vs-shot-list small{margin-left:8px;color:#999}.vs-shot-list p{font-size:11px;color:#777;line-height:1.4;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vs-worker-note{font-size:11px;color:#777;margin-top:10px;padding:0 4px}.video-studio-note{margin-top:10px;color:#b34444;font-size:12px}
@media(max-width:820px){.video-studio-card{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:16px;border-radius:20px}.vs-grid{grid-template-columns:1fr}.vs-hero,.vs-builder-head,.vs-detail-head{display:block}.vs-engine{margin-top:12px;width:max-content}.vs-photo-grid{grid-template-columns:repeat(3,1fr);gap:7px}.vs-options{grid-template-columns:1fr}.vs-create-row,.vs-generate-box{align-items:stretch;flex-direction:column}.vs-create-row .vs-btn,.vs-generate-box .vs-btn{width:100%}.vs-shot-list article{grid-template-columns:88px 1fr}.vs-shot-img{height:68px}}
@media(max-width:480px){.vs-photo-grid{grid-template-columns:repeat(2,1fr)}.vs-hero h3,.vs-builder-head h3,.vs-detail-head h3{font-size:21px}.vs-panel{padding:12px}.vs-listing{grid-template-columns:48px 1fr auto}.vs-listing-thumb{width:48px;height:44px}}