.scwb-v580{--bg:#070a0e;--panel:#0d1117;--panel2:#111720;--text:#f5f7fa;--muted:#93a0ad;--line:rgba(255,255,255,.11);--accent:#d72535;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-family:Montserrat,Arial,sans-serif;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.scwb-v580 *{box-sizing:border-box}.scwb-v580__header{display:flex;justify-content:space-between;gap:24px;padding:26px 28px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.scwb-v580__header h2{margin:5px 0 8px;font:700 clamp(24px,3vw,38px)/1.05 Spartan,Montserrat,sans-serif;letter-spacing:-.03em}.scwb-v580__header p{max-width:820px;margin:0;color:var(--muted);line-height:1.55}.scwb-v580__eyebrow{font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.15em;color:#fff!important;text-transform:uppercase}.scwb-v580__status{align-self:flex-start;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.scwb-v580__status.is-ready{color:#d8ffe3;border-color:rgba(83,215,124,.35)}.scwb-v580__status.is-error{color:#ffd9dc;border-color:rgba(215,37,53,.45)}
.scwb-v580__tabs{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--line);scrollbar-width:thin}.scwb-v580__tabs button{appearance:none;border:1px solid var(--line);background:#0b1016;color:var(--muted);border-radius:999px;padding:8px 11px;white-space:nowrap;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.scwb-v580__tabs button.is-active{background:#fff;color:#090c10;border-color:#fff}.scwb-v580__layout{display:grid;grid-template-columns:minmax(285px,34%) 1fr;min-height:560px}.scwb-v580__controls{padding:16px;border-right:1px solid var(--line);background:#090d12}.scwb-v580__panel{display:none;gap:11px}.scwb-v580__panel.is-active{display:grid}.scwb-v580 label{display:grid;gap:6px;color:var(--muted);font-size:11px}.scwb-v580 label span{font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.scwb-v580 input,.scwb-v580 select,.scwb-v580 textarea{width:100%;border:1px solid var(--line);background:#06090d;color:#fff;border-radius:9px;padding:10px 11px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.scwb-v580 input:focus,.scwb-v580 select:focus,.scwb-v580 textarea:focus{border-color:rgba(255,255,255,.38)}.scwb-v580__row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scwb-v580__triple{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scwb-v580__run{appearance:none;border:0;border-radius:9px;background:#f5f7fa;color:#090c10;padding:11px 13px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.scwb-v580__run:disabled{opacity:.55;cursor:wait}
.scwb-v580__workspace{min-width:0;padding:16px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.035),transparent 36%),#070a0e}.scwb-v580__workspace-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;margin:2px 2px 10px}.scwb-v580__workspace-head b{color:#fff}.scwb-v580__visual{height:285px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#05080b}.scwb-v580__visual canvas{display:block;width:100%;height:100%}.scwb-v580__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.scwb-v580__metrics>div{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:9px 10px}.scwb-v580__metrics span{display:block;color:var(--muted);font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.scwb-v580__metrics b{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:#fff;font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.scwb-v580__json{margin:8px 0 0;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#05080b;color:#b9c4cf;padding:12px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.scwb-v580__boundary{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;border-top:1px solid var(--line);background:#090d12;color:var(--muted);font-size:11px;line-height:1.5}.scwb-v580__boundary strong{white-space:nowrap;color:#fff;font:800 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.scwb-v580-home{contain:layout paint}.scwb-v580-experience [href*="studio=electronics"]{border-color:rgba(255,255,255,.18)!important}
@media(max-width:850px){.scwb-v580__header{display:block}.scwb-v580__status{display:inline-block;margin-top:14px}.scwb-v580__layout{grid-template-columns:1fr}.scwb-v580__controls{border-right:0;border-bottom:1px solid var(--line)}.scwb-v580__visual{height:245px}.scwb-v580__metrics{grid-template-columns:1fr}.scwb-v580__boundary{display:block}.scwb-v580__boundary strong{display:block;margin-bottom:4px}}@media(max-width:560px){.scwb-v580__header{padding:21px 17px 17px}.scwb-v580__controls,.scwb-v580__workspace{padding:12px}.scwb-v580__row,.scwb-v580__triple{grid-template-columns:1fr}.scwb-v580__visual{height:220px}}