.directorControlSuite{display:grid;gap:10px;margin-top:12px}.dcSuiteHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid #2a3a50;border-radius:13px;background:linear-gradient(145deg,rgba(95,54,180,.13),rgba(8,15,25,.86))}.dcSuiteHead h3{margin:4px 0 4px;font-size:17px}.dcSuiteHead p{margin:0;color:#8d9aad;font-size:9px;line-height:1.45}.dcFeatureBadge{white-space:nowrap;border:1px solid #6042aa;border-radius:999px;padding:6px 9px;color:#d6c2ff;background:#17152f;font-size:8px}.dcGroup{border:1px solid #233248;border-radius:12px;background:#08111c;overflow:hidden}.dcGroup>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;list-style:none}.dcGroup>summary::-webkit-details-marker{display:none}.dcGroup>summary span{font-weight:750;color:#eef1f7;font-size:10px}.dcGroup>summary small{color:#7f8da0;font-size:8px}.dcGroup[open]>summary{border-bottom:1px solid #1d2a3d;background:rgba(122,76,225,.06)}.dcBody{padding:12px 14px;display:grid;gap:10px}.dcGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.dcBody label:not(.dcToggle):not(.dcLock):not(.dcRange){display:grid;gap:5px;color:#8e9bad;font-size:8px}.dcBody input,.dcBody select,.dcBody textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #2a3a50;background:#0b1522;color:#eef2f8;border-radius:9px;padding:9px 10px;font:inherit;outline:none}.dcBody textarea{resize:vertical}.dcBody input:focus,.dcBody select:focus,.dcBody textarea:focus{border-color:#7955e8;box-shadow:0 0 0 2px rgba(121,85,232,.12)}.dcFull{grid-column:1/-1}.dcLockGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dcLock{position:relative;display:flex!important;align-items:center;gap:8px;border:1px solid #27374b;border-radius:9px;background:#0c1623;padding:9px 10px!important;cursor:pointer}.dcLock input{position:absolute;opacity:0;pointer-events:none}.dcLock span{flex:1;color:#c8d2df;font-size:8px}.dcLock b{font-size:7px;color:#7f8da1;border:1px solid #33445b;border-radius:999px;padding:3px 6px}.dcLock:has(input:checked){border-color:#7251d5;background:#15152e}.dcLock:has(input:checked) b{color:#d8c4ff;border-color:#7251d5}.dcToggle{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:1px solid #243449;border-radius:9px;background:#0b1522;padding:8px 10px!important;min-height:42px}.dcToggle>span{display:grid;gap:2px;color:#cbd4df;font-size:8px}.dcToggle small{color:#77869a;font-size:7px;line-height:1.3}.dcToggle input{position:absolute;opacity:0;pointer-events:none}.dcToggle i{width:32px;height:18px;border-radius:999px;background:#26364a;position:relative;flex:0 0 auto;transition:.18s}.dcToggle i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.18s}.dcToggle input:checked+i{background:linear-gradient(90deg,#6552e9,#9946ec)}.dcToggle input:checked+i:after{transform:translateX(14px)}.dcRange{display:grid!important;gap:7px;border:1px solid #243449;border-radius:9px;background:#0b1522;padding:8px 10px!important}.dcRange>span{display:flex;justify-content:space-between;gap:8px;color:#cbd4df;font-size:8px}.dcRange small{color:#77869a;font-size:7px}.dcRange>div{display:flex;gap:8px;align-items:center}.dcRange input{padding:0;border:0;background:transparent}.dcRange output{font-size:8px;color:#cdb8ff;min-width:30px;text-align:right}.dcFinishBar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3c315f;border-radius:12px;background:linear-gradient(100deg,rgba(87,54,169,.15),rgba(14,20,32,.95));padding:12px 14px}.dcFinishBar>div{display:grid;gap:3px}.dcFinishBar b{font-size:9px;color:#f0eaff}.dcFinishBar span{font-size:8px;color:#8f9aae;line-height:1.4}.dcFinishBar button{border:1px solid #7352d4;border-radius:9px;background:#20173f;color:#e3d6ff;padding:9px 12px;cursor:pointer;white-space:nowrap}.sceneEditorModal.directorStudioModal{width:min(1380px,100%)}.sceneEditorModal.directorStudioModal .sceneEditorLayout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr)}
@media(max-width:1050px){.dcGrid3{grid-template-columns:repeat(2,minmax(0,1fr))}.dcLockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sceneEditorModal.directorStudioModal .sceneEditorLayout{grid-template-columns:1fr}}
@media(max-width:650px){.dcSuiteHead,.dcFinishBar{display:grid}.dcGrid3,.dcLockGrid{grid-template-columns:1fr}.dcGroup>summary{align-items:flex-start;flex-direction:column}.dcFinishBar button{width:100%}}