@charset "UTF-8";
:root{color-scheme:dark;--bg:#060c17;--panel:#0c1625;--line:#213247;--text:#edf6ff;--muted:#91a5bd;--accent:#88ebc0;--cyan:#77d9ff;--font:"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 0,#0c34424d,transparent 42%),radial-gradient(ellipse at 100% 15%,#30204444,transparent 40%),var(--bg);color:var(--text);font:15px/1.65 var(--font);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.lab-header{max-width:1280px;margin:auto;padding:29px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.lab-brand{display:flex;align-items:center;gap:3px;font-size:15px;font-weight:750;letter-spacing:1.5px}.lab-brand span{color:var(--cyan)}.lab-brand i{display:inline-block;height:16px;width:1px;background:#405064;margin:0 15px}.back-link{font-size:12px;color:var(--muted)}.back-link span{color:var(--accent);margin-left:10px}.lab-shell{max-width:1280px;margin:auto;padding:0 36px}.lab-intro{padding:64px 0 38px}.eyebrow{font-size:10px;font-weight:600;color:var(--accent);letter-spacing:2.1px;margin:0 0 17px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;box-shadow:0 0 12px #88ebc055}.lab-intro h1{font-size:clamp(28px,3.4vw,45px);font-weight:650;line-height:1.35;letter-spacing:-1.3px;margin:0 0 18px}.lab-intro h1 span{color:var(--accent)}.lab-intro>p:last-child{color:var(--muted);font-size:14px;margin:0}.lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:35px}.lab-tab{position:relative;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:#0c1625a6;transition:border-color .2s,background .2s}.lab-tab:hover{border-color:#5c8b91}.lab-tab[aria-current="page"]{background:linear-gradient(115deg,#103530,#13232d);border-color:#537f72}.tab-index{font:10px/1.4 ui-monospace,monospace;letter-spacing:1px;color:#8097ae;display:block;margin-bottom:10px}.lab-tab strong{font-weight:600;font-size:18px;display:block;margin-bottom:5px}.lab-tab small{font-size:11px;color:var(--muted);display:block}.tab-symbol{position:absolute;right:22px;top:21px;font-size:25px;line-height:1;color:#5d8097}.lab-tab[aria-current="page"] .tab-symbol{color:var(--accent)}.experiment{border:1px solid var(--line);border-radius:15px;background:#0a1423b3;overflow:hidden}.experiment-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 30px;border-bottom:1px solid var(--line)}.experiment-head .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 7px;color:#849bb3}.experiment-head h2{font-size:21px;letter-spacing:-.4px;line-height:1.5;font-weight:600;margin:0}.status-chip{border:1px solid #304a4b;color:#97cbb9;font-size:10px;padding:5px 10px;border-radius:20px;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px}.canvas-wrap{position:relative;background:#070e1b;overflow:hidden}.art-wrap{display:grid;align-items:center;padding:25px}.canvas-wrap canvas{display:block;width:100%;height:auto}.art-wrap canvas{border:1px solid #ffffff12;border-radius:4px;box-shadow:0 12px 35px #0004}.control-panel{border-left:1px solid var(--line);padding:25px 23px;background:#0c1727}.control-panel label{display:flex;justify-content:space-between;color:#a4b8ca;font-size:11px;margin:0 0 8px}.control-panel select,.control-panel input:not([type=range]){display:block;width:100%;border:1px solid #2a4055;border-radius:6px;padding:9px 10px;color:#dcecf6;background:#081220;font-size:12px;min-height:38px;margin:0 0 21px}.control-panel input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0 25px}.input-combo{display:flex;gap:6px}.input-combo input{min-width:0}.icon-button{background:#142b35;color:var(--accent);border:1px solid #31515a;border-radius:6px;height:38px;width:39px;flex-shrink:0;font-size:22px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:7px;padding:10px 15px;font-size:12px;border:1px solid #345066;min-height:39px;line-height:1.4;white-space:nowrap}.primary-button{background:var(--accent);border-color:var(--accent);color:#08241f;font-weight:650}.primary-button:hover{background:#a3f3d1}.secondary-button{background:#112132;color:#d7e9f7}.secondary-button:hover{border-color:var(--cyan)}.control-panel .primary-button{width:100%;justify-content:space-between}.control-note{font-size:10px;line-height:1.9;color:#8298af;margin:17px 0 0}.sound-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:22px 30px}.file-label{cursor:pointer;position:relative}.file-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.view-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.view-label select{border:1px solid #2d445a;border-radius:6px;background:#0c1a2a;color:var(--text);padding:9px;font-size:12px}.sound-toolbar>.view-label{margin-left:auto}.sound-wrap{margin:0 30px;border:1px solid #26374d;border-radius:9px}.sound-wrap>span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;font-size:13px;letter-spacing:.3px;color:#a1b6cb;pointer-events:none}.sound-readouts{display:flex;align-items:center;gap:45px;padding:22px 30px}.sound-readouts>div{min-width:100px}.sound-readouts small{display:block;color:#7e95ad;font-size:10px;margin-bottom:5px}.sound-readouts strong{font:15px/1.4 ui-monospace,monospace;color:#b9f2da;overflow-wrap:anywhere}.sound-readouts>div:first-child{max-width:40%}.text-button{padding:7px 0;border:0;background:none;color:var(--accent);font-size:12px}.sound-readouts .text-button{margin-left:auto}.experiment-message{padding:0 30px 23px;margin:0;font-size:11px;line-height:1.9;color:#8ca3b9}.logic-toolbar{padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.bit-switches{display:flex;gap:8px}.bit-switches button{display:flex;align-items:center;gap:22px;background:#0c1c2c;color:#a7bfd3;border:1px solid #345168;border-radius:7px;padding:8px 12px;font-size:12px}.bit-switches strong{font:18px ui-monospace,monospace;color:#758ca3}.bit-switches button[aria-pressed=true]{border-color:#72d6ad;background:#123d31}.bit-switches button[aria-pressed=true] strong{color:var(--accent)}.logic-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.logic-diagram{margin:0 30px 18px;background:radial-gradient(circle,#23405466 .7px,transparent .9px),#080f1d;background-size:18px 18px;border:1px solid #23384e;border-radius:10px;overflow:hidden}.logic-diagram svg{width:100%;height:auto;display:block}.logic-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding:0 30px 30px}.wiring-panel,.truth-panel{border:1px solid var(--line);border-radius:9px;padding:18px;background:#0b1726}.wiring-panel{align-self:start}.wiring-panel summary{cursor:pointer;font-size:14px;color:#d1e7f5}.wiring-panel summary span{display:block;font-size:10px;color:#8199af;margin:4px 0 0 16px}.gate-editor-row{display:grid;grid-template-columns:25px .9fr 1fr 1fr;gap:6px;align-items:center;margin:12px 0;font-size:10px;color:var(--muted)}.gate-editor-row select{padding:6px 3px;background:#091322;border:1px solid #2d455b;border-radius:4px;color:#c8ddeb;width:100%;min-width:0;font-size:11px}.logic-save{display:flex;gap:15px;align-items:center;margin-top:18px}.wiring-panel p{color:var(--muted);font-size:11px;margin:8px 0 0}.truth-panel h3{font-size:13px;margin:0 0 10px;font-weight:500}.truth-panel h3 small{font-size:10px;color:var(--muted);margin-left:12px}.truth-panel table{border-collapse:collapse;width:100%;font:11px/1.5 ui-monospace,monospace;text-align:center}.truth-panel th{font-size:10px;font-weight:500;color:#85a0b8;padding:6px;border-bottom:1px solid var(--line)}.truth-panel td{padding:4px 7px;color:#8ca8bd}.truth-panel tr.current td{color:var(--accent);background:#11352b}.truth-panel td.on{color:#d4f8e8}.lab-footer{display:flex;justify-content:space-between;gap:20px;margin:27px 0 36px;font-size:9px;letter-spacing:.8px;color:#647d96}.lab-footer a{color:#a3bbcd;margin-left:20px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
/* Homepage entry */
.lab-home-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.lab-home-intro p{font-size:13px;color:#94abc1;max-width:600px;line-height:1.9;margin:0}.lab-home-link{font-size:12px;color:#8decc5;white-space:nowrap}.lab-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-home-card{position:relative;display:block;overflow:hidden;border:1px solid #294155;border-radius:15px;padding:27px;background:linear-gradient(135deg,#10283bd9,#0b1526);min-height:235px;color:#eaf6ff;transition:transform .2s,border-color .2s}.lab-home-card:hover{border-color:#83dfbb;transform:translateY(-4px)}.lab-home-card:nth-child(2){background:linear-gradient(135deg,#1b203cd9,#0b1526)}.lab-home-card:nth-child(3){background:linear-gradient(135deg,#10352ed9,#0b1526)}.lab-home-card small{display:block;font:10px ui-monospace,monospace;letter-spacing:1px;color:#8ba6bd;margin-bottom:30px}.lab-home-card strong{display:block;font-size:22px;font-weight:600;margin-bottom:11px}.lab-home-card p{color:#96afc4;font-size:12px;line-height:1.9;max-width:210px;margin:0}.lab-home-card>span{position:absolute;right:24px;bottom:24px;color:#8decc5}.lab-home-glyph{position:absolute;right:24px;top:20px;font-size:30px;color:#80d8bca6;line-height:1}.lab-home-card a:focus-visible{outline:2px solid #88ebc0}
@media(max-width:1000px){.lab-shell{padding:0 24px}.lab-header{padding:24px}.studio-grid{grid-template-columns:minmax(0,1fr) 230px}.control-panel{padding:22px 17px}.art-wrap{padding:18px}.lab-tab{padding:20px 18px}.tab-symbol{right:15px;font-size:22px}.lab-home-card{padding:22px}.sound-readouts{gap:28px}.logic-bottom{grid-template-columns:1fr 1fr}.gate-editor-row{gap:3px}}
@media(max-width:720px){.lab-header{padding:21px 18px}.lab-brand{font-size:12px}.lab-brand i{margin:0 8px}.back-link{font-size:11px}.lab-shell{padding:0 16px}.lab-intro{padding:40px 0 27px}.lab-intro h1{font-size:29px;letter-spacing:-.6px}.lab-intro>p:last-child{font-size:12px;max-width:290px}.lab-tabs{gap:7px;margin-bottom:20px}.lab-tab{padding:17px 10px 14px}.tab-index{font-size:8px;letter-spacing:0;margin-bottom:16px}.tab-symbol{display:none}.lab-tab strong{font-size:15px}.lab-tab small{font-size:9px;line-height:1.6}.experiment-head{padding:21px 18px;align-items:flex-start;flex-wrap:wrap}.experiment-head h2{font-size:18px}.experiment-head .eyebrow{font-size:8px;letter-spacing:1px}.status-chip{font-size:9px}.studio-grid{grid-template-columns:1fr}.art-wrap{padding:14px}.control-panel{border-left:0;border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.control-panel label{grid-column:1/-1}.control-panel select,.control-panel>input,.control-panel>.input-combo,.control-panel>.primary-button,.control-note{grid-column:1/-1}.control-panel input:not([type=range]){margin-bottom:17px}.control-note{margin-bottom:0}.sound-toolbar,.logic-toolbar{padding:18px;gap:8px}.sound-toolbar>.view-label{margin-left:0}.sound-toolbar .primary-button,.sound-toolbar .secondary-button{font-size:11px;padding:9px 11px}.sound-wrap{margin:0 16px}.sound-wrap>span{font-size:11px}.sound-readouts{padding:18px;gap:20px;flex-wrap:wrap}.sound-readouts>div{min-width:75px}.sound-readouts strong{font-size:12px}.sound-readouts>div:first-child{max-width:100%;width:100%}.sound-readouts .text-button{margin-left:0}.experiment-message{padding:0 18px 20px;font-size:10px}.logic-actions{width:100%;justify-content:space-between}.logic-diagram{margin:0 12px 15px}.logic-bottom{grid-template-columns:1fr;padding:0 16px 20px;gap:14px}.gate-editor-row{gap:7px;grid-template-columns:25px .9fr 1fr 1fr}.lab-footer{font-size:8px;letter-spacing:0;display:block;line-height:2.5}.lab-footer>span{display:block}.lab-home-grid{grid-template-columns:1fr}.lab-home-card{min-height:185px;padding:23px}.lab-home-card small{margin-bottom:20px}.lab-home-card p{max-width:85%}.lab-home-intro{display:block}.lab-home-link{display:inline-block;margin-top:15px}.lab-home-glyph{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}