.design-lab { min-width:0; min-height:0; display:flex; flex-direction:column; border-left:1px solid var(--host-border); background:linear-gradient(180deg,#0d1422,#090e18); transition:transform .2s ease,opacity .2s ease; }
.lab-header { height:68px; flex:0 0 68px; padding:0 16px; display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--host-border)}.lab-header>div{display:flex;align-items:center;gap:10px}.lab-orbit{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#b8c7ff;background:linear-gradient(145deg,rgba(134,168,255,.18),rgba(142,95,217,.11));border:1px solid rgba(134,168,255,.2)}.lab-header strong{font-size:12px}.lab-header small{display:block;font-size:9px;color:#6f7e94;margin-top:2px}.live-dot{font-size:8px;letter-spacing:.1em;color:#78cfa7}.live-dot::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#66d39c;margin-right:5px;box-shadow:0 0 10px #66d39c}
.lab-scroll{flex:1;min-height:0;overflow:auto;padding:11px 15px 20px}.lab-scroll::-webkit-scrollbar{width:8px}.lab-scroll::-webkit-scrollbar-thumb{background:#202b3d;border-radius:10px}
.lab-section{padding:13px 0 17px;border-bottom:1px solid rgba(255,255,255,.06)}.lab-section h2{margin:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#97a6bb}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title span{font-size:8px;color:#68778c;border:1px solid rgba(255,255,255,.07);padding:3px 6px;border-radius:6px}.field,.color-field{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:9px 0;color:#a9b5c8;font-size:10px}.field select{min-width:124px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#111a2a;color:#cbd5e5;padding:0 8px;outline:none}.range-field{display:grid;gap:7px;margin:11px 0}.range-field>span{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8392a8}.range-field b{font-weight:500;color:#aab6c9}.range-field output{font-variant-numeric:tabular-nums}.range-field input{width:100%;accent-color:var(--accent)}.color-field>span{display:grid;gap:2px}.color-field small{color:#65748a;font-size:8px}.color-field input{width:44px;height:29px;padding:2px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#121a29}.assist-card{margin-top:15px;padding:12px;border-radius:12px;border:1px solid rgba(134,168,255,.12);background:linear-gradient(145deg,rgba(134,168,255,.07),rgba(140,95,210,.035));display:grid;grid-template-columns:24px 1fr;gap:9px}.assist-card>span{color:#9db8ff}.assist-card strong{font-size:9px}.assist-card p{margin:3px 0 0;color:#697a91;font-size:8px;line-height:1.45}.lab-footer{flex:0 0 68px;border-top:1px solid var(--host-border);padding:10px 14px;display:grid;gap:5px}.lab-footer button{height:31px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.045);color:#b8c4d6;font-size:9px}.lab-footer small{text-align:center;color:#59677b;font-size:8px}