:root{--bg: #0f1115;--panel: #151922;--panel2: #1a1f2b;--border: #242c3b;--text: #d6dbe6;--dim: #8b93a5;--accent: #4da3ff;--accent-dim: #2b6cb8;--danger: #e5484d;--sym: #cfd6e4;--wire: #7e889e}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Noto Naskh Arabic,sans-serif;font-size:14px;overflow:hidden}#app{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;height:52px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--border);flex:none}.brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:15px;white-space:nowrap}.tb-group{display:flex;align-items:center;gap:6px}.tb-btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,border-color .15s}.tb-btn:hover{background:#232b3b;border-color:#33405a}.tb-btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#fff}.tb-btn.primary.active{background:var(--danger);border-color:#ff767a}.tb-btn.danger:hover{background:#3a2023;border-color:var(--danger)}.tb-label{color:var(--dim);font-size:12px;display:flex;align-items:center;gap:6px}.tb-select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit}.tb-select.wide{min-width:150px}.sim-time{font-family:Cascadia Mono,Consolas,monospace;color:var(--accent);font-size:13px;min-width:90px;background:#0c0f14;padding:5px 10px;border-radius:6px;border:1px solid var(--border)}.topbar .tb-group:last-child{margin-inline-start:auto}.main{flex:1;display:flex;min-height:0}.panel{background:var(--panel);border-inline-start:1px solid var(--border);border-inline-end:1px solid var(--border);padding:10px;overflow-y:auto;flex:none}#palette{width:205px}#propsPanel{width:245px}.panel h3{margin:2px 0 10px;font-size:13px;color:var(--accent);font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px}.pal-cap{color:var(--dim);font-size:11px;margin:10px 2px 6px}.pal-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pal-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:6px 4px;cursor:pointer;color:var(--sym);font-family:inherit;font-size:11px;color:var(--dim);transition:border-color .15s,background .15s}.pal-item:hover{border-color:var(--accent);background:#1f2635}.pal-item svg .st{stroke:var(--sym)}.pal-handle{display:none;width:100%;min-height:22px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--dim);padding:5px 0 3px;touch-action:none}.pal-handle-bar{width:44px;height:4px;border-radius:2px;background:#3a4356}.pal-tools{display:flex;flex-direction:column;gap:6px}.tool-btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;cursor:pointer;font-size:12.5px;font-family:inherit;text-align:right}.tool-btn:hover{border-color:var(--accent)}.canvas-wrap{flex:1;position:relative;min-width:0;background:var(--bg)}#schematic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;direction:ltr;cursor:crosshair;touch-action:none}#particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grid-min{stroke:#171c26;stroke-width:1}.grid-maj{stroke:#1f2735;stroke-width:1}.wire{stroke:var(--wire);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-under{stroke:var(--wire);stroke-width:7;fill:none;stroke-linecap:round;opacity:0;transition:opacity .2s}.wire-under.live{opacity:.22}.wire-preview{stroke:var(--accent);stroke-width:2;fill:none;stroke-dasharray:6 4}.junction,.junction.live{fill:var(--wire)}.comp .st{stroke:var(--sym);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.comp .meter{fill:var(--sym);font-size:13px;font-family:Segoe UI,sans-serif;text-anchor:middle}.comp .ar{stroke-width:1.6;fill:none}.comp.warn{filter:drop-shadow(0 0 5px rgba(229,72,77,.9))}.comp.warn .st{stroke:var(--danger)!important}.cname{fill:var(--dim);font-size:11px;text-anchor:middle;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.cval{fill:#aeb6c7;font-size:11px;text-anchor:middle;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.probe{fill:#ffc857;font-size:12.5px;font-weight:700;text-anchor:middle;font-family:Cascadia Mono,Consolas,monospace;-webkit-user-select:none;user-select:none;pointer-events:none}.selrect{stroke:var(--accent);stroke-width:1.4;stroke-dasharray:5 4;rx:4}.ghost{opacity:.45}.ghost .st{stroke:var(--accent)}.legend{position:absolute;left:12px;bottom:40px;display:none;flex-direction:column;align-items:center;gap:4px;background:#0f1115cc;border:1px solid var(--border);border-radius:8px;padding:8px 6px;pointer-events:none}.legend-bar{width:10px;height:110px;border-radius:5px;background:linear-gradient(to top,#2f7fda,#5ae331,#ee312b)}.legend-lab{font-size:10px;color:var(--dim);font-family:Consolas,monospace}.tooltip{position:absolute;z-index:5;pointer-events:none;background:#10141c;border:1px solid #2c3648;border-radius:6px;padding:6px 10px;font-size:12px;color:var(--text);direction:ltr;text-align:left;white-space:nowrap;box-shadow:0 4px 14px #00000080}.hint{position:absolute;bottom:8px;right:12px;color:#5d6775;font-size:11.5px;background:#0f1115b3;padding:4px 10px;border-radius:6px;pointer-events:none;max-width:70%;text-align:right}.props-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.props-head h3{margin:0;border-bottom:none;padding-bottom:0}.props-close{display:none;align-items:center;justify-content:center;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;min-height:44px;min-width:44px;padding:4px 14px;font-family:inherit;font-size:12.5px;cursor:pointer}.props-close:hover{border-color:var(--accent)}.props-title{color:var(--text);font-size:13px;margin-bottom:10px;font-weight:600}.props-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px}.props-row>span{flex:1;color:var(--dim)}.props-row input[type=text]{width:90px;background:#0d1017;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:5px 8px;font-family:Cascadia Mono,Consolas,monospace;font-size:12.5px}.props-row input[type=text]:focus{outline:none;border-color:var(--accent)}.props-row input[type=range]{flex:1.2;accent-color:var(--accent)}.props-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.props-row select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:5px;font-family:inherit;font-size:12.5px}.props-row small{color:var(--dim);min-width:18px}.props-empty{color:var(--dim);font-size:12px;line-height:1.8;text-align:center;margin-top:30px}.toasts{position:absolute;top:62px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;align-items:center;pointer-events:none}.toast{background:#10141c;color:var(--text);border:1px solid var(--accent-dim);border-radius:8px;padding:9px 18px;font-size:13px;box-shadow:0 6px 20px #0000008c;animation:slideIn .25s ease;max-width:560px;text-align:center}.toast.error{border-color:var(--danger);background:#1d1114;color:#ffb3b5}.toast.out{opacity:0;transition:opacity .4s}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}}.ctx-menu{position:absolute;z-index:30;min-width:168px;background:#10141c;border:1px solid #2c3648;border-radius:10px;padding:6px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;gap:2px}.ctx-item{background:none;border:none;color:var(--text);min-height:44px;padding:8px 14px;border-radius:7px;font-family:inherit;font-size:14px;text-align:right;cursor:pointer;white-space:nowrap}.ctx-item:hover,.ctx-item:active{background:var(--panel2)}.ctx-item.danger{color:#ff8a8d}.ctx-item.danger:hover,.ctx-item.danger:active{background:#3a2023}@media (max-width: 760px){.topbar{flex-wrap:wrap;height:auto;min-height:48px;gap:6px 8px;padding:6px 8px}.brand{font-size:13px}.tb-btn{min-height:40px;min-width:40px;padding:6px 10px}.tb-btn .t,.tb-label-text{display:none}.tb-select{min-height:40px}.sim-time{min-width:0;font-size:11.5px;padding:4px 8px}.topbar .tb-group:last-child{margin-inline-start:0;flex-basis:100%;overflow-x:auto}.main{flex-direction:column}#canvasWrap{order:1;min-height:0}#palette{order:3;width:100%;flex:none;display:flex;flex-direction:column;border:none;border-top:1px solid var(--border);padding:0;overflow:hidden}.pal-handle{display:flex;flex:none}#palette h3{display:none}.pal-body{display:flex;flex-direction:row;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;height:92px;flex:none;padding:4px 10px calc(4px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.pal-cap{display:none}.pal-grid{display:grid;grid-auto-flow:column;grid-template-rows:1fr;grid-template-columns:none;gap:8px;flex:none}.pal-item{min-width:64px;min-height:56px;flex:none}.pal-item svg{width:46px;height:34px}.pal-tools{flex-direction:row;flex:none;gap:6px}.tool-btn{min-height:44px;min-width:48px}#palette.expanded .pal-body{flex-direction:column;align-items:stretch;gap:6px;height:40vh;overflow-x:hidden;overflow-y:auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom))}#palette.expanded .pal-cap{display:block}#palette.expanded .pal-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(3,1fr)}#palette.expanded .pal-item{min-width:0}#palette.expanded .pal-tools{flex-wrap:wrap}#propsPanel{position:fixed;inset-inline:0;bottom:0;z-index:40;width:auto;max-height:55vh;overflow-y:auto;border:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;transform:translateY(110%);transition:transform .2s ease;box-shadow:0 -10px 32px #0000008c;padding:10px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}#propsPanel.open{transform:translateY(0);pointer-events:auto}.props-close{display:inline-flex}.toasts{top:118px}.hint{font-size:10.5px;max-width:85%}}@media (max-width: 420px){.brand-text{display:none}}@media (pointer: coarse){body{overscroll-behavior:none}button,select,input{touch-action:manipulation}#schematic{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tooltip{font-size:13.5px}.toast{font-size:14px;padding:11px 20px}.tool-btn{min-height:44px}.pal-item{min-height:48px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2a3242;border-radius:4px}::-webkit-scrollbar-track{background:transparent}