:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#000;color:#d5dfed}*{box-sizing:border-box}body{margin:0;background:#000}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}button,input,select{font:inherit;color:inherit;background:#101116;border:1px solid #ffffff20;border-radius:7px;padding:10px 13px}button{cursor:pointer}button:hover{background:#1a1b25;border-color:#8b9dff80}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #8b9dff;outline-offset:3px}button[aria-pressed=true]{background:#8b9dff18;border-color:#8b9dff}.dc-top{display:flex;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid #ffffff15}.dc-top a{color:#8b9dff;text-decoration:none;font-size:13px}.dc-top h1{font-size:20px;margin:0;flex:1}.dc-top>div{display:flex;gap:8px}main{padding:16px 24px}.dc-tools{display:flex;flex-wrap:wrap;gap:8px}#toolHint,#status{font-size:12px;line-height:1.6;color:#91a0b5;margin:12px 0}#status.error{color:#ff9c93}.dc-space{position:relative;border:1px solid #ffffff1c;background:#06070b;border-radius:12px;overflow:hidden}#circuitCanvas{display:block;width:100%;height:calc(100dvh - 235px);min-height:380px;touch-action:none}#componentEditor{position:absolute;right:14px;top:14px;max-width:calc(100% - 28px);padding:14px;border:1px solid #8b9dff60;border-radius:10px;background:#11121af5;box-shadow:0 8px 30px #0008}#componentEditor[hidden]{display:none}#selectedTitle{font-size:13px}.dc-value{display:flex;align-items:center;gap:8px;margin:12px 0}.dc-value label{font-size:12px}.dc-value input{width:100px;min-width:0}.dc-value select{width:75px}.dc-edit-actions{display:flex;gap:8px;justify-content:flex-end}.dc-edit-actions button{font-size:12px;padding:7px 10px}@media(max-width:600px){.dc-top{gap:12px;padding:16px 12px;flex-wrap:wrap}.dc-top h1{font-size:17px}main{padding:12px}.dc-tools button{padding:9px 10px;font-size:12px}#circuitCanvas{height:calc(100dvh - 280px)}.dc-value{gap:5px}.dc-value input{width:75px}.dc-value select{width:65px}.dc-value button{padding:10px}.dc-top button{font-size:12px;padding:8px 10px}}
.dc-bottom{display:flex;align-items:center;gap:14px;margin-top:12px}.dc-bottom #status{margin:0}#runBtn{background:#8b9dff18;border-color:#8b9dff;white-space:nowrap;min-width:95px}