:root{--bg:#f1f5f9;--panel:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#0284c7;--accent-text:#fff;--hover:#f1f5f9;--danger:#b91c1c;--warn-bg:#fef2f2;--warn-border:#fecaca;--board:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--panel:#111a2e;--border:#23304a;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-text:#0b1220;--hover:#1a2540;--danger:#f87171;--warn-bg:#3b1219;--warn-border:#7f1d1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.topics{gap:4px;display:flex}.topic{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-weight:600}.topic.active{background:var(--hover);color:var(--accent)}.topic:disabled{color:var(--muted);cursor:default}.topic small{font-size:11px;font-weight:400}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.editor-body{flex:1;grid-template-columns:140px 1fr 280px;min-height:0;display:grid}.editor.presenting .editor-body{grid-template-columns:1fr}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar .sep{background:var(--border);width:1px;height:24px}.toolbar .spacer{flex:1}.btn{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;line-height:1.4}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.btn.danger{color:var(--danger)}.btn.wide{width:100%;margin-bottom:10px}select.btn{padding-right:8px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:290px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000026}.menu-list button{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px;font-weight:600;display:block}.menu-list button:hover:not(:disabled){background:var(--hover)}.menu-list button:disabled{opacity:.45;cursor:default}.menu-list small{color:var(--muted);font-size:12px;font-weight:400;display:block}.palette,.inspector{background:var(--panel);padding:12px;overflow-y:auto}.palette{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}.palette h2,.inspector h2{margin:0 0 8px;font-size:15px}.inspector h3{margin:18px 0 6px;font-size:13px}.hint,.muted{color:var(--muted);font-weight:400}.hint{margin:0 0 10px;font-size:12px}.small{font-size:12px}.palette-item{width:100%;font:inherit;color:var(--text);background:var(--board);border:1px solid var(--border);cursor:grab;border-radius:10px;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.palette-item span{color:#0f172a}.palette-item:hover{border-color:var(--accent)}.field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.field-input{align-items:center;gap:6px;display:flex}.field input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:6px 8px;font-size:15px;font-weight:400}.unit{color:var(--muted);font-weight:400}.row{gap:8px;display:flex}.readout{background:var(--bg);border-radius:8px;margin-top:14px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7}.warn-text{color:var(--danger);font-weight:700}.tips{margin:0;padding-left:18px;font-size:13px;line-height:1.55}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}.legend-scale{background:linear-gradient(90deg,#1736cf,#26cf17,#cf1717);border-radius:5px;height:10px}.legend-labels{color:var(--muted);justify-content:space-between;margin:4px 0 8px;font-size:11px;display:flex}.board{background:var(--board);min-width:0;min-height:0;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas .part-hit{cursor:grab}.canvas .terminal-hit,.canvas.drawing{cursor:crosshair}.canvas .wire-hit{cursor:pointer}.canvas-empty{text-align:center;color:#64748b;pointer-events:none;max-width:360px;font-size:15px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.warnings{z-index:5;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--danger);pointer-events:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;position:absolute;top:12px;left:12px;right:12px}.toast{z-index:30;color:#f8fafc;background:#0f172a;border-radius:10px;max-width:min(520px,100vw - 32px);padding:10px 16px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.presenting .toolbar{font-size:16px}.presenting .warnings{font-size:20px}.small-screen-note{display:none}@media (width<=760px){.editor-body{grid-template-columns:1fr}.palette,.inspector{display:none}.small-screen-note{background:var(--panel);color:var(--muted);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px;display:block}.app-header{gap:12px}}.account{align-items:center;gap:8px;margin-left:auto;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.account-panel{width:300px;padding:12px}.account-note{color:var(--muted);margin:0 0 12px;font-size:13px}.account-form{flex-direction:column;gap:6px;font-size:13px;display:flex}.account-form input,.title-input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:6px 10px;font-size:14px}.title-input{flex:1}.modal-backdrop{z-index:40;background:#0f172a73;justify-content:center;align-items:flex-start;padding:56px 16px 16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:min(640px,100%);max-height:calc(100vh - 72px);padding:16px;display:flex;box-shadow:0 20px 50px #00000040}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:18px}.save-box{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.save-current{flex:1;min-width:0}.modal-status{margin:0;font-size:14px}.circuit-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.circuit-row{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px;display:flex}.circuit-row.current{border-color:var(--accent)}.circuit-row-main{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.circuit-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.published-link{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:13px;display:flex}.published-link a{color:var(--accent)}.badge{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}.shared-notice{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:6px 16px;font-size:14px;display:flex}.shared-notice span{flex:1}.shared-notice.error{background:var(--warn-bg);color:var(--danger)}.account-panel .btn{text-align:center;border:1px solid var(--border);background:var(--panel)}.account-panel .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.modal-wide{width:min(860px,100%)}.admin-heading{color:var(--muted);margin:8px 0 0;font-size:14px}.pending-row{border-color:var(--accent)}.suspended-row{opacity:.65}.account-status{color:var(--muted)}@media (width<=760px){.app-header{flex-wrap:wrap;row-gap:6px;height:auto;min-height:52px;padding-block:6px}.account{flex-wrap:wrap}.account .btn{white-space:nowrap}.account-email{max-width:140px}}.account-heading{margin:0 0 6px;font-weight:700}.account-links{justify-content:space-between;gap:8px;margin:10px 0;display:flex}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.account-panel .link-btn{text-align:left;width:auto;padding:0;font-weight:400;display:inline}.account-panel .link-btn:hover{background:0 0}.modal-narrow{width:min(400px,100%)}.loading{color:var(--muted);padding:24px}.motion-board{color:#0f172a;flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.motion-board>*{flex-shrink:0}.motion-track{border:1px solid #e2e8f0;border-radius:10px;width:100%;height:auto;max-height:210px;display:block}.motion-graphs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.motion-graph{position:relative}.motion-graph svg{touch-action:none;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:auto;display:block}.motion-graph svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.graph-tooltip{pointer-events:none;white-space:nowrap;color:#f8fafc;background:#0f172a;border-radius:8px;flex-direction:column;align-items:center;padding:5px 9px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 18px #0003}.graph-tooltip span{color:#cbd5e1;font-size:12px}.presenting .motion-board{padding:24px}.time-scrub{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;display:flex}.time-scrub input{width:160px}.time-scrub output{min-width:48px}.play-btn{min-width:108px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.motion .editor-body{grid-template-columns:180px 1fr 290px}.motion.presenting .editor-body{grid-template-columns:1fr}.topic-item{width:100%;font:inherit;text-align:left;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:6px;padding:8px 10px;font-size:14px;display:flex}.topic-item small{color:var(--muted);font-size:12px}.topic-item.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.topic-item:disabled{cursor:default;opacity:.6}.slider-field input[type=range]{background:0 0;border:0;flex:1;min-width:0;padding:0}.slider-field .slider-number{text-align:right;flex:0 0 64px}.segmented{gap:4px;margin:-4px 0 12px;display:flex}.segmented .btn{padding:3px 10px;font-size:13px}.inspector select.btn{width:100%}.motion-table summary{cursor:pointer;color:#0f172a;font-size:14px;font-weight:600}.table-scroll{margin-top:8px;overflow-x:auto}.motion-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:360px;font-size:14px}.motion-table th,.motion-table td{text-align:right;border-bottom:1px solid #e2e8f0;padding:4px 14px}.motion-table th{color:#475569;font-weight:600}@media (width<=760px){.motion .editor-body{grid-template-columns:1fr}.motion .motion-topics{display:none}.motion .inspector{border-left:0;border-top:1px solid var(--border);display:block}.motion .editor-body{display:block;overflow-y:auto}.motion .motion-board{overflow:visible}.time-scrub input{width:110px}}.motion-track.motion-fall{max-height:340px}.motion-graphs-four{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (width>=1100px){.motion-graphs-four{grid-template-columns:repeat(2,1fr)}}.tooltip-row{align-items:center;gap:6px;display:flex}.runner-fields{border:1px solid var(--border);border-radius:10px;margin:0 0 12px;padding:8px 10px 0}.runner-fields legend{align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:700;display:flex}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.segmented-label{color:var(--muted);align-self:center;margin-right:4px;font-size:13px}