.worktray-control-center{display:grid;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:rgba(0,0,0,.22)}.control-center-head,.control-slot-head,.control-overlay-master,.control-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.control-center-head h2{margin:3px 0 4px}.control-center-head p{margin:0;color:var(--muted);font-size:12px}.control-tabs{display:flex;gap:7px}.control-tabs button{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.03);color:#a1a1aa;font-weight:800}.control-tabs button.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fff}.control-panel{display:none;gap:12px}.control-panel.active{display:grid}.control-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.control-slot{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.control-slot-head span{display:block;color:#71717a;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.control-slot-head strong{display:block;margin-top:3px;font-size:12px}.control-slot label{display:grid;gap:5px;color:#a1a1aa;font-size:10px}.control-slot input[type=text],.control-slot input:not([type]){width:100%;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#08090d;color:#fff;padding:9px}.control-slot input[type=range]{width:100%;accent-color:var(--accent)}.control-slot-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.control-check{display:flex!important;align-items:center;gap:6px!important;color:#d4d4d8!important}.control-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-preview{height:min(42vh,360px);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#000}.control-preview iframe{width:100%;height:100%;border:0}.control-switch{position:relative;display:inline-flex!important;align-items:center}.control-switch input{position:absolute;opacity:0;pointer-events:none}.control-switch span{display:block;width:38px;height:22px;border-radius:999px;background:#27272a;position:relative;transition:.2s}.control-switch span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.control-switch input:checked+span{background:var(--accent)}.control-switch input:checked+span:after{transform:translateX(16px)}.control-switch.large span{width:48px;height:27px}.control-switch.large span:after{width:21px;height:21px}.control-switch.large input:checked+span:after{transform:translateX(21px)}.control-overlay-master{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.control-overlay-master strong,.control-overlay-master small{display:block}.control-overlay-master small{margin-top:3px;color:#71717a;font-size:10px}.control-overlay-list{display:grid;gap:7px}.control-overlay-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.18)}.control-layer{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.05);color:#71717a;font-size:9px}.control-overlay-copy strong,.control-overlay-copy small{display:block}.control-overlay-copy strong{font-size:11px}.control-overlay-copy small{margin-top:2px;color:#71717a;font-size:9px}.control-inline-editor{display:grid;grid-template-rows:auto minmax(520px,68vh);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#050609}.control-inline-head{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.control-inline-editor iframe{width:100%;height:100%;border:0}.control-inline-editor.hidden{display:none!important}@media(max-width:980px){.control-slot-grid{grid-template-columns:1fr}.control-overlay-row{grid-template-columns:28px minmax(0,1fr) auto}.control-overlay-row .control-check,.control-overlay-row .button{grid-column:auto}}@media(max-width:620px){.control-overlay-row{grid-template-columns:28px minmax(0,1fr) auto}.control-overlay-row .control-check,.control-overlay-row .button{grid-column:2/-1}.control-inline-editor{grid-template-rows:auto minmax(460px,72vh)}}