:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243147;background:#e9edf5;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button{transition:background .14s,transform .14s,box-shadow .14s}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5e80e6;outline-offset:3px}svg{width:21px;height:21px;flex-shrink:0}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}body{background:radial-gradient(ellipse at 8% 15%,#d2e3fb 0,transparent 48%),radial-gradient(ellipse at 90% 82%,#dfd7f2 0,transparent 48%),#edf0f5;background-attachment:fixed}.app{max-width:1520px;margin:auto;padding:26px 40px 18px;min-height:100dvh;display:flex;flex-direction:column;gap:26px}.glass{background:linear-gradient(130deg,#ffffffb3,#fff6);border:1px solid #ffffffd9;box-shadow:0 12px 40px #3348700c,inset 0 1px #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:720;letter-spacing:-.8px}.brand-icon{width:44px;height:44px;background:linear-gradient(150deg,#fff,#d9e3f6);border:1px solid #fff;border-radius:15px;box-shadow:0 5px 15px #556b9b12;display:grid;place-items:center;color:#657ccc}.brand-icon svg{width:28px;height:28px}.brand-sub{display:block;font-size:11px;font-weight:400;letter-spacing:.1px;color:#7a879e;margin-top:3px}.header-actions{display:flex;gap:14px;align-items:center}.connection{font-size:12px;color:#7a879e;display:flex;gap:8px;align-items:center}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#64b99d}.offline{background:#b99556}.icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff80}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px;flex:1;min-height:0;align-items:start}.simulation{border-radius:26px;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-self:stretch}.canvas-header{height:82px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8794ab}.circuit-title{min-width:0}.circuit-title h1{font-size:19px;letter-spacing:-.5px;font-weight:600;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-button{display:flex;gap:9px;align-items:center;background:#fff9;border:1px solid #fff;padding:10px 13px;border-radius:12px;font-size:12px;font-weight:600}.library-button svg{width:17px;height:17px}.library-button svg:last-child{width:13px}.canvas-wrap{position:relative;background:#000;flex:1;min-height:420px;isolation:isolate}.engine{display:block;border:0;width:100%;height:100%;min-height:420px;position:absolute;inset:0;opacity:0}.engine.ready{opacity:1}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#a3b2ce;font-size:13px;padding:24px;text-align:center}.loading svg{width:40px;height:40px}.canvas-footer{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;color:#8391a9}.canvas-footer span:first-child{display:flex;align-items:center;gap:7px}.paused-dot{background:#bfa167}.engine-credit{letter-spacing:.4px}.controls{border-radius:26px;padding:24px 21px;position:sticky;top:24px}.controls-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.controls-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin-top:5px}.control-badge{display:grid;place-items:center;background:#ffffff70;border:1px solid #fff;border-radius:13px;width:38px;height:38px;color:#8195cb}.transport{display:flex;gap:8px;margin-bottom:27px}.run-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;background:linear-gradient(145deg,#718ae0,#627bd0);box-shadow:inset 0 1px #ffffff6b,0 5px 12px #627bd028;border:1px solid #728bdd;color:#fff;border-radius:13px;font-weight:600;height:46px;font-size:13px}.run-button.paused{background:linear-gradient(145deg,#5aa18d,#408475);border-color:#5aa18d}.shortcut{font-size:9px;padding:2px 4px;border:1px solid #ffffff55;border-radius:4px;color:#e4eaff}.reset-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff75;border:1px solid #fff;border-radius:13px;padding:0 12px;font-size:12px;height:46px}.reset-button svg{width:16px}.sliders{display:grid;gap:23px}.slider-field{display:block}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;margin-bottom:9px}.slider-label output{font-variant-numeric:tabular-nums;color:#6f82b2;font-size:12px}.slider-label small{font-size:10px;margin-left:2px;font-weight:400}.slider-field input{display:block;width:100%;margin:0;height:32px;background:transparent;appearance:none;cursor:pointer;touch-action:pan-y}.slider-field input::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#90a5e4 var(--fill),#d9dfeb var(--fill))}.slider-field input::-moz-range-track{height:5px;border-radius:5px;background:linear-gradient(to right,#90a5e4 var(--fill),#d9dfeb var(--fill))}.slider-field input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:1px solid #d0d9e8;border-radius:50%;background:linear-gradient(#fff,#f4f7fc);box-shadow:0 2px 5px #35477126;margin-top:-9px}.slider-field input::-moz-range-thumb{width:22px;height:22px;border:1px solid #d0d9e8;border-radius:50%;background:#fff;box-shadow:0 2px 5px #35477126}.slider-scale{display:flex;justify-content:space-between;font-size:9px;color:#93a0b6;margin-top:1px}.edit-button{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border-radius:14px;padding:13px 10px;margin-top:26px;background:#ffffff60;border:1px solid #ffffffd9;font-size:12px;font-weight:600}.edit-button>svg{width:18px;color:#899ac1}.edit-button span{flex:1}.edit-button small{display:block;font-size:9px;color:#93a0b6;font-weight:400;margin-top:4px}.edit-button.selected{background:#e2e9fb;border-color:#a7b8e8}.control-note{font-size:10px;color:#8c98af;text-align:center;line-height:1.6;margin-top:17px}.app-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b98ae;letter-spacing:.1px}.toast,.update{position:fixed;bottom:20px;left:50%;transform:translate(-50%);border-radius:14px;padding:13px 20px;z-index:4;font-size:12px;max-width:90vw;background:#f5f7fde8}.update{bottom:70px}.sheet{color:inherit;width:min(620px,calc(100% - 24px));max-height:85dvh;padding:26px;border-radius:26px;overflow:auto;background:#edf1f7f5}.sheet::backdrop{background:#1e2c4d70;backdrop-filter:blur(5px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet-heading h2{font-size:21px;letter-spacing:-.6px}.sheet-description{font-size:12px;color:#8692a7;margin-top:4px}.search{display:flex;align-items:center;gap:10px;margin:22px 0 14px;padding:0 14px;border:1px solid #fff;background:#ffffffb3;border-radius:13px;color:#94a1b7}.search input{background:transparent;border:0;outline:none;height:48px;flex:1;min-width:0;font-size:16px;color:#28354b}.search:focus-within{outline:2px solid #9aafe3}.categories{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px}.categories button{white-space:nowrap;padding:8px 12px;border-radius:20px;font-size:11px;background:#fff8;border:1px solid transparent;min-height:36px}.categories button.active{background:#e0e7fa;border-color:#aebee5;color:#4e68ac}.circuit-list{max-height:46dvh;overflow:auto;display:grid;gap:6px}.circuit-list>button{display:flex;align-items:center;gap:14px;padding:13px 12px;background:#ffffff65;border:1px solid #ffffff9c;border-radius:13px;text-align:left;min-height:66px}.circuit-list>button.current{background:#e1e8f9;border-color:#b3c1e1}.circuit-list>button>span:nth-child(2){flex:1}.circuit-list strong{font-size:13px;font-weight:550}.circuit-list small{display:block;font-size:10px;color:#8a98af;margin-top:4px}.list-icon{background:#fff8;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:#8a9dcc}.circuit-list>button>svg{width:16px;color:#9aa8bf}.help-content{margin-top:24px}.help-content h3{font-size:14px;margin:22px 0 8px}.help-content p{font-size:13px;line-height:1.7;color:#6f7e97}.secondary{background:#eef2fc;padding:12px 18px;border-radius:12px}.center-button{display:flex;align-items:center;gap:5px;background:transparent;font-size:10px;color:#6f82a5;min-height:29px;padding:0 8px}.center-button svg{width:13px;height:13px}@media(min-width:1000px){.app{height:100dvh}.workspace{max-height:calc(100dvh - 150px)}}@media(max-width:900px){.app{padding:18px 20px;gap:18px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.controls{padding:19px 16px}.connection,.shortcut{display:none}}@media(max-width:650px){.app{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:14px}.app-header{padding:0 5px}.brand{font-size:21px}.brand-sub{font-size:10px}.brand-icon{width:38px;height:38px;border-radius:13px}.header-actions{gap:8px}.icon-button{width:38px;height:38px}.workspace{display:flex;flex-direction:column;gap:12px}.simulation{width:100%;border-radius:21px}.canvas-header{height:67px;padding:12px 16px}.circuit-title h1{font-size:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}.library-button{padding:9px 10px;gap:7px;font-size:11px}.canvas-wrap{height:clamp(290px,47dvh,550px);min-height:0;flex:auto}.engine{min-height:0}.canvas-footer{height:29px;padding:0 15px;font-size:9px}.controls{width:100%;position:static;padding:16px;border-radius:21px;display:grid;grid-template-columns:1fr;gap:0}.controls-heading{display:none}.transport{margin-bottom:16px}.run-button,.reset-button{height:44px}.run-button{flex:1}.reset-button{width:100px}.sliders{grid-template-columns:1fr 1fr;gap:20px}.slider-label{font-size:11px;margin-bottom:0}.slider-scale{font-size:8px}.edit-button{margin-top:14px;padding:10px 12px;min-height:44px}.edit-button small,.control-note{display:none}.app-footer{font-size:9px;padding:0 5px}.sheet{padding:20px;border-radius:22px}.sheet-heading h2{font-size:19px}}@media(max-height:500px)and (orientation:landscape){.app{padding:10px 16px;gap:10px}.brand-sub,.app-footer,.controls-heading,.control-note{display:none}.workspace{grid-template-columns:minmax(0,1fr) 230px}.canvas-wrap{height:calc(100dvh - 160px);min-height:200px}.engine{min-height:0}.canvas-header{height:52px;padding:8px 16px}.controls{padding:14px}.transport{margin-bottom:14px}.sliders{gap:8px}.edit-button{margin-top:12px}.canvas-footer{height:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@supports not (backdrop-filter: blur(1px)){.glass{background:#f1f4fa}}:root{color-scheme:dark}body{color:#e7ebf5;background:radial-gradient(ellipse at 8% 15%,#273d68 0,transparent 48%),radial-gradient(ellipse at 90% 82%,#30294f 0,transparent 48%),#0b1020}.glass{background:linear-gradient(130deg,#293653b8,#17213ac9);border-color:#ffffff1c;box-shadow:0 18px 48px #0005,inset 0 1px #ffffff1c}.brand-icon{background:linear-gradient(150deg,#2e3d63,#17223e);border-color:#ffffff1e;color:#9fb5ff}.brand-sub,.eyebrow,.connection,.canvas-footer,.slider-scale,.edit-button small,.control-note,.app-footer,.sheet-description,.circuit-list small,.help-content p{color:#9aa8c4}.library-button,.reset-button,.edit-button,.icon-button,.search,.categories button,.circuit-list>button{background:#ffffff0d;border-color:#ffffff1c;color:#e7ebf5}.library-button:hover,.reset-button:hover,.edit-button:hover,.icon-button:hover,.categories button:hover,.circuit-list>button:hover{background:#ffffff1b}.control-badge,.list-icon{background:#ffffff0d;border-color:#ffffff1c;color:#a7b8ff}.run-button{background:linear-gradient(145deg,#718ae0,#526bc2);border-color:#94aaff66}.run-button.paused{background:linear-gradient(145deg,#5aa18d,#367b6b)}.slider-field input::-webkit-slider-runnable-track{background:linear-gradient(to right,#91a6eb var(--fill),#3b4865 var(--fill))}.slider-field input::-moz-range-track{background:linear-gradient(to right,#91a6eb var(--fill),#3b4865 var(--fill))}.slider-field input::-webkit-slider-thumb,.slider-field input::-moz-range-thumb{border-color:#a9b7d4;background:linear-gradient(#e7ebf5,#aeb9d1)}.slider-label output{color:#afc0ff}.categories button.active,.circuit-list>button.current,.edit-button.selected{background:#627bd044;border-color:#91a6eb66;color:#f1f4ff}.sheet{color:#e7ebf5;background:#18243be8;border-color:#ffffff24}.search input{color:#e7ebf5}.search input::placeholder{color:#8594b1}.sheet::backdrop{background:#020510aa}.toast,.update{background:#202e49f2;border-color:#ffffff24;color:#edf1ff}.secondary{background:#2b3a5d;color:#edf1ff}.controls-library,.controls-help{display:none}.selected-circuit{display:block;color:#aebdf0;font-size:11px;margin-top:3px}.controls-center{width:100%;justify-content:center;min-height:36px;margin-top:12px;border:1px solid #ffffff1c;border-radius:11px;background:#ffffff0d}.editor-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.editor-tools button{min-height:34px;border:1px solid #ffffff1c;border-radius:9px;background:#627bd044;color:#e7ebf5;font-size:11px}.quick-tools{display:flex;align-items:center;gap:6px;margin-top:8px;color:#9aa8c4;font-size:10px}.quick-tools span{margin-right:auto}.quick-tools button{min-height:30px;padding:0 9px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff0d;color:#e7ebf5;font-size:10px}@media(max-width:650px){.app{height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);gap:0}.app-header,.app-footer{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:50% 50%;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex:0 0 calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0}.simulation{height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;background:#000}.simulation .canvas-header,.simulation .canvas-footer{display:none}.canvas-wrap{height:auto;min-height:0;flex:1}.engine{min-height:0}.controls{height:100%;min-height:0;overflow:auto;border-radius:24px 24px 0 0;border-bottom:0}.controls-heading{display:flex;margin-bottom:12px}.controls-heading .control-badge{display:none}.controls-library{display:flex;margin-left:auto}.controls-help{display:grid;margin-left:6px;width:36px;height:36px}.selected-circuit{font-size:10px}}