:root{color-scheme:dark;--pcb-bg: #0b0d0c;--pcb-panel: #121713;--pcb-line: #26342b;--pcb-text: #f1f5ed;--pcb-muted: #92a295;--pcb-accent: #b9ff3d}*{box-sizing:border-box}body{margin:0;background:var(--pcb-bg);color:var(--pcb-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.pcb-panel{border:1px solid var(--pcb-line);background:var(--pcb-panel);border-radius:12px}.pcb-button{border:1px solid #516448;border-radius:8px;background:var(--pcb-accent);color:#10140d;padding:.62rem .9rem;font:inherit;font-weight:700;cursor:pointer}.pcb-button:hover{filter:brightness(1.08)}.pcb-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5b625c}.pcb-status.is-active{background:var(--pcb-accent);box-shadow:0 0 12px #b9ff3d88}html,body,#root{height:100%}button,input,select{font:inherit}.studio{height:100%;display:grid;grid-template:54px 1fr 28px / 54px 1fr 286px;overflow:hidden}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--pcb-line);background:#0e120f}.brand,.top-actions,.sync{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--pcb-accent);color:#111;border-radius:7px;font-size:11px;font-weight:900}.crumb,.sync{color:var(--pcb-muted);font-size:13px}.tools{border-right:1px solid var(--pcb-line);padding:10px 7px;display:flex;flex-direction:column;gap:6px;background:#0e120f}.tools button{width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:#aeb9b0;font-size:18px}.tools button:first-child,.tools button:hover{background:#1b251d;color:var(--pcb-accent)}.canvas{position:relative;overflow:hidden;background:#090b0a}.grid{position:absolute;inset:0;background-image:linear-gradient(#1b251d66 1px,transparent 1px),linear-gradient(90deg,#1b251d66 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle,#000 15%,transparent 75%);mask-image:radial-gradient(circle,#000 15%,transparent 75%)}.board{position:absolute;left:50%;top:43%;width:350px;height:220px;transform:translate(-50%,-50%) rotate(-4deg);border:2px solid #b9ff3d;background:#142d20aa;box-shadow:0 30px 100px #000}.pad{position:absolute;width:24px;height:24px;border:5px solid #d6b542;border-radius:50%;background:#111}.p1{left:35px;top:35px}.p2{right:35px;top:35px}.p3{left:35px;bottom:35px}.p4{right:35px;bottom:35px}.trace{position:absolute;height:3px;background:#ef4e4e;transform-origin:left}.t1{left:54px;top:48px;width:238px;transform:rotate(19deg)}.t2{left:56px;bottom:46px;width:244px;transform:rotate(-16deg)}.chip{position:absolute;display:grid;place-items:center;left:135px;top:73px;width:80px;height:70px;background:#111;border:1px solid #555;color:#89918a;font-size:12px}.empty-note{position:absolute;left:50%;bottom:7%;transform:translate(-50%);text-align:center;width:min(520px,80%)}.empty-note small{color:var(--pcb-accent);letter-spacing:.2em}.empty-note h1{margin:.4rem 0;font-size:26px}.empty-note p{margin:0;color:var(--pcb-muted)}.inspector{border-left:1px solid var(--pcb-line);background:#0e120f;padding:10px;overflow:auto}.panel-block{padding:14px;margin-bottom:10px}.panel-block h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a7b0a8;margin:0 0 14px}.panel-block label:not(.layer){display:grid;gap:6px;color:var(--pcb-muted);font-size:12px;margin-top:10px}.panel-block input,.panel-block select{width:100%;background:#0a0d0b;color:var(--pcb-text);border:1px solid var(--pcb-line);border-radius:6px;padding:8px}.layer{display:flex;align-items:center;gap:8px;font-size:13px;margin:9px 0}.layer i{width:10px;height:10px;border-radius:2px}.status-card p{color:var(--pcb-muted);font-size:12px;line-height:1.5}.statusbar{grid-column:1/-1;display:flex;gap:22px;align-items:center;padding:0 12px;background:#b9ff3d;color:#111;font-size:11px;font-weight:700}.grow{flex:1}@media(max-width:850px){.studio{grid-template-columns:48px 1fr}.inspector,.crumb{display:none}}