.topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.topbar-tools .btn{white-space:nowrap;min-height:40px}.shot.active-shot{border-color:#5a9e00;box-shadow:0 0 0 2px rgba(101,185,0,.16),var(--shadow)}.slot-wrap{position:relative;display:flex;flex-direction:column;gap:5px}.slot-alias{font-size:11px;color:#5e6a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.library-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.library-panel-head .section-title{margin:0;font-size:16px}.library-group{margin-top:14px}.library-group strong{display:block;font-size:13px;margin:0 0 8px;color:#44536a}.library-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-audios{display:grid;grid-template-columns:1fr;gap:8px}.library-asset,.library-audio{border:1px solid #d6e0ea;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;color:#273142}.library-asset{overflow:hidden}.library-asset img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f2f5f8}.library-audio{flex-direction:row;align-items:center}.library-audio .audio-icon{width:20px;text-align:center;color:#4d9b00;font-size:16px;line-height:1}.library-empty{border:1px dashed #c7d4e4;border-radius:10px;padding:10px;color:#708096;background:#fbfdff}.shot .duration select{height:34px;border:1px solid #ccd7e5;border-radius:8px;background:#fff;padding:0 8px;margin-left:6px}.file-warning{margin:14px 24px 0}.server-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-title .section-title{margin:0;font-size:16px}.server-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.server-actions .icon-btn{min-height:34px;padding:7px 10px}.project-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.project-row input{width:100%;min-width:0}.side-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.side-actions .btn{min-height:40px;white-space:normal;line-height:1.15;font-weight:800}.side-section:has(#bulkScript){display:grid;gap:10px}.side-section:has(#bulkScript) .big-import{width:100%;min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:center}.side-section:has(#bulkScript) textarea#bulkScript{min-height:220px;line-height:1.45}.side-section:has(#bulkScript) .wide{margin-top:0}.main-head{align-items:flex-start}.main-head h1{font-size:24px;line-height:1.15}.main-head p{max-width:60ch}.top-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.top-tools .btn{min-width:112px}.shot{border-radius:12px}.shot-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}.shot-title{font-size:16px}.shot-meta{line-height:1.35}.shot-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}.shot-actions .btn{min-height:36px;padding:8px 11px}.shot-body{gap:14px;align-items:start}.script-pane,.asset-area{min-width:0}.shot textarea{min-height:132px;line-height:1.45}.row{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.row .duration{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.row .duration select{min-width:74px}.row .btn{min-height:38px;white-space:nowrap}.status{margin-top:10px;min-height:56px}.grid7{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview{grid-template-columns:minmax(0,1fr) 220px;gap:14px;padding:14px 16px}.preview-tools{display:grid;align-content:start;gap:8px}.preview-tools .btn{min-height:38px}.preview .progress-line{margin-bottom:2px}.debug{padding-bottom:14px}@media(max-width:1100px){.project-row{grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto}.project-row input,.project-row .icon-btn{grid-column:2}.project-row span{grid-column:1}.side-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-head{grid-template-columns:34px minmax(0,1fr)}.shot-actions{grid-column:1/-1;justify-content:flex-start}.shot-body{grid-template-columns:1fr}.row{grid-template-columns:repeat(2,minmax(0,1fr))}.row .duration{grid-column:1/-1}.preview{grid-template-columns:1fr}.preview-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.grid7{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.topbar-tools{width:100%}.topbar-tools .btn{width:100%}.main-head{display:block}.top-tools{justify-content:flex-start}.top-tools .btn{flex:1 1 0;min-width:0}.settings{grid-template-columns:1fr}.side-actions{grid-template-columns:1fr}.ratio-grid{grid-template-columns:repeat(2,1fr)}.library-panel-head{align-items:flex-start;flex-direction:column}.library-panel-head .btn{width:100%}.library-assets,.library-audios{grid-template-columns:1fr}.shot-head{grid-template-columns:34px minmax(0,1fr)}.shot-actions{grid-column:1/-1;justify-content:flex-start}.shot-actions .btn{flex:1 1 0;min-width:0}.row{grid-template-columns:1fr}.row .duration{grid-column:auto}.row .btn{width:100%}.grid7{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr}.preview-tools{grid-template-columns:1fr}.debug-grid{grid-template-columns:1fr}}
.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.reference-actions{display:flex;align-items:center;gap:8px}.reference-actions .mini{min-height:34px;padding:7px 15px;font-weight:900;border-color:#6d4aff;background:linear-gradient(135deg,#7c3aed,#5b5df0);color:#fff;box-shadow:0 5px 14px rgba(99,72,210,.28)}.reference-actions .mini:hover{filter:brightness(1.08);transform:translateY(-1px)}.audio-reference-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-top:10px}.audio-reference-row .asset-group-title{margin:5px 0 0;white-space:nowrap}.audio-reference-row .grid3{margin:0}.reference-library-backdrop{position:fixed;inset:0;z-index:70;background:rgba(15,23,42,.28)}.reference-library-modal{position:fixed;min-width:420px;min-height:320px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 24px 60px rgba(15,23,42,.3);overflow:hidden}.reference-library-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border-bottom:1px solid #dbe4f0;cursor:grab;user-select:none}.reference-library-header:active{cursor:grabbing}.reference-library-title{display:flex;align-items:baseline;gap:10px}.reference-library-title span{font-size:12px;color:#64748b}.reference-library-title strong{font-size:18px;color:#1e293b}.reference-library-body{height:calc(100% - 58px);overflow:auto;padding:14px}.reference-library-group{margin-bottom:16px}.reference-library-group h4{margin:0 0 8px;color:#334155}.reference-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.reference-library-asset{border:1px solid #d8e2ee;border-radius:8px;background:#fff;padding:6px;text-align:left;color:#273142;display:grid;gap:5px}.reference-library-asset:hover{border-color:#65b900;box-shadow:0 0 0 2px rgba(101,185,0,.12)}.reference-library-asset img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#f2f5f8}.reference-library-asset span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.reference-library-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize}.reference-library-resize:after{content:'';position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8}
@media(max-width:760px){.audio-reference-row{grid-template-columns:auto minmax(0,1fr);gap:6px}.audio-reference-row .asset-group-title{margin-top:4px}.audio-reference-row .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.audio-reference-row .slot-name{font-size:10px}.audio-reference-row .tile{height:40px;min-height:40px}.audio-reference-row .file-name,.audio-reference-row .slot-alias{font-size:9px}}