:root{color-scheme:dark;--bg:#101413;--panel:#191e1c;--line:#343e38;--text:#e8eee9;--muted:#a0ada5;--green:#b0ed79;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.skip{position:fixed;left:10px;top:-100px;padding:10px;background:var(--green);color:#101413;z-index:50}.skip:focus{top:10px}
.site-header{padding:18px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:700;font-size:17px;white-space:nowrap;color:var(--green)}.brand span{color:#e7ede8}.site-header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.site-header nav a{color:var(--muted);padding:8px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green)}main{max-width:1600px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:45px 0 35px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0 0 15px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:-2.4px;font-size:clamp(32px,4.5vw,62px);line-height:1.06;margin:0;font-weight:600}.title-sub{display:block;color:var(--green)}.dek{max-width:390px;color:#b2bdb6;font-size:12px;line-height:1.8;margin:0 0 4px}.editor{border:1px solid #4b5850;border-radius:7px;overflow:hidden;box-shadow:0 24px 60px #0004}.editor-title{display:flex;align-items:center;justify-content:space-between;background:#232a26;padding:0 16px 0 0;border-bottom:1px solid #3a463f;font-size:10px}.editor-title>a{color:#c2cfc6}.tab{border-right:1px solid #465149;background:#303931;padding:14px 18px;color:#eff6ee}.operator-icon{color:var(--green);margin-right:8px}.unsaved{color:#a7b7a9;margin-left:8px}.toolbar{padding:7px 14px;display:flex;justify-content:space-between;align-items:center;background:#191f1b;border-bottom:1px solid var(--line)}.breadcrumb{margin:0;color:#83958a;font-size:11px}.breadcrumb strong{color:#d5e6d8;font-weight:400}.view-buttons{display:flex;gap:3px}.view-buttons button{background:transparent;border:0;font-size:10px;padding:8px 11px;border-radius:3px}.view-buttons button[aria-pressed=true]{background:#354231;color:#c6f6a6}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px}.network-area{min-width:0;background:#111713}.filter-bar{display:flex;gap:5px;padding:10px 12px;flex-wrap:wrap}.filter-bar button{font-size:10px;border:1px solid transparent;background:transparent;border-radius:3px;padding:7px 10px;color:#a2b1a6}.filter-bar button[aria-pressed=true]{border-color:#51604e;background:#283324;color:#e1f4d8}i.audio-dot,i.visual-dot,i.control-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:#9cde70}.visual-dot{background:#a297ee!important}.control-dot{background:#6ccaca!important}.map-hint{margin:0;padding:0 16px 10px;font-size:10px;color:#a4b0a7}.canvas{position:relative;height:640px;overflow:auto;cursor:grab;scrollbar-width:thin;scrollbar-color:#526250 #131a15;background-color:#131a15;background-image:radial-gradient(#42523e 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:contain;touch-action:pan-x pan-y}.canvas.dragging{cursor:grabbing;user-select:none}.world{position:relative;width:1050px;height:830px;transform-origin:0 0}.world > svg{position:absolute;inset:0;overflow:visible;pointer-events:none;width:100%;height:100%}.wire{fill:none;stroke-width:1.5;stroke:#829479;opacity:.52}.wire.active{stroke:var(--green);stroke-width:2;opacity:1}.wire.flow{stroke-dasharray:4 8;animation:flow 18s linear infinite}@keyframes flow{to{stroke-dashoffset:-180}}
.op{--accent:#a9d87c;position:absolute;width:198px;height:112px;background:#20291f;border:1px solid #708b5e;border-radius:3px;box-shadow:0 5px 14px #0005;transition:opacity .18s,box-shadow .18s}.op.visual{--accent:#c0b3f7;background:#24232e;border-color:#8178a7}.op.control{--accent:#7dd2ce;background:#1c292a;border-color:#5a8f94}.op.archive{--accent:#e5c97e}.op.selected{box-shadow:0 0 0 2px #daefa5,0 6px 20px #0008}.op.dimmed{opacity:.38}.op::before,.op::after{content:"";position:absolute;top:51px;width:8px;height:8px;border:1px solid var(--accent);background:#111a14;z-index:2;border-radius:1px}.op::before{left:-5px}.op::after{right:-5px}.op[data-id=studio]::before{display:none}.op-select{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;text-align:left;border-radius:2px}.op-select:focus-visible{outline-offset:5px}.op-head{height:25px;display:flex;align-items:center;gap:7px;background:#ffffff0b;border-bottom:1px solid #ffffff13;padding:4px 9px;color:var(--accent);font-size:9px}.op-head b{font-size:8px;border:1px solid #ffffff30;padding:0 3px;font-weight:400}.op-head .op-number{margin-left:auto;color:#b0b9b1}.op-content{display:flex;align-items:center;gap:8px;padding:8px 10px;height:61px}.op-content strong{font-size:14px;line-height:1.3;max-width:145px;font-weight:500;display:block}.mini{width:44px;flex-shrink:0;height:35px;opacity:.8}.op-foot{display:flex;justify-content:space-between;font-size:8px;padding:0 10px;color:#aab4aa;letter-spacing:.5px}.branch-toggle{position:absolute;right:7px;bottom:3px;border:0;background:transparent;color:var(--accent);padding:4px 5px;line-height:1;font-size:12px}.op .op-foot.has-branch{padding-right:28px}.node-group-label{position:absolute;color:#7d9682;font-size:9px;letter-spacing:1.4px;pointer-events:none}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding:8px 12px;font-size:9px;color:#a1b19f}.controls{display:flex;align-items:center;gap:3px}.controls button{padding:5px 8px;background:#252e26;border:1px solid #42513f;border-radius:3px;font-size:11px}.controls output{font-size:9px;min-width:35px;text-align:center}.inspector{border-left:1px solid var(--line);background:#1c221e;min-width:0}.inspector-bar{padding:14px 16px;font-size:9px;color:#bbcabc;border-bottom:1px solid var(--line);letter-spacing:1px;display:flex;justify-content:space-between}.inspector-bar span{color:#839281}#detail{padding:21px 18px}.detail-label{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.detail-title{font-family:Arial,Helvetica,sans-serif;font-size:27px;letter-spacing:-.7px;line-height:1.1;margin:0 0 16px}.detail-desc{color:#bbc7be;font-size:12px;line-height:1.8}.detail-image{width:100%;height:140px;object-fit:cover;border:1px solid #465246;margin:6px 0 12px;background:#101513;border-radius:3px}.detail-image.chord{object-fit:contain}.detail-meta{font-size:10px;border-top:1px solid var(--line);margin:22px 0 18px;padding-top:10px}.detail-meta div{display:flex;justify-content:space-between;gap:14px;padding:7px 0}.detail-meta dt{color:#91a08f}.detail-meta dd{margin:0;text-align:right;color:#dde6d8}.detail-links{display:grid;gap:8px}.detail-links a{border:1px solid #4d5e44;padding:12px;color:#d6edc2;font-size:11px;border-radius:3px;display:flex;justify-content:space-between}.detail-links a:first-child{background:#b0ed79;border-color:#b0ed79;color:#1a2814}.detail-links a:hover{filter:brightness(1.15)}.access-note{font-size:9px;color:#9eac9e;line-height:1.7;margin-top:14px}.path-note{color:#97a98f;font-size:9px;padding-top:18px;margin-top:25px;border-top:1px solid var(--line)}.statusbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 13px;background:#2b342b;border-top:1px solid #43523f;font-size:8px;letter-spacing:.8px;color:#aabca2}.statusbar .dot{width:5px;height:5px}.under-note{font-size:10px;color:#95a38e;margin:16px 0 40px;max-width:790px}footer{max-width:1600px;margin:auto;padding:0 4% 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8f9e91}footer a{color:#b7d69e}.project-list{padding:10px 16px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:640px;overflow:auto}.list-card{padding:14px;text-align:left;background:#20291f;border:1px solid #465740;border-radius:3px}.list-card strong{display:block;color:#e6f1e1;margin:4px 0 6px}.list-card span{font-size:10px;color:#9fb38f}.list-card[aria-pressed=true]{outline:1px solid var(--green)}
@media(min-width:1500px){.canvas{height:720px}.workspace{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 240px}.site-header nav{gap:15px}.intro{gap:20px}.dek{max-width:280px;font-size:11px}.canvas{height:610px}}
@media(max-width:700px){body{font-size:13px}.site-header{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 5%}.site-header nav{gap:6px 18px;font-size:11px}.site-header nav a{min-height:32px}.intro{display:block;padding:30px 0 25px}main{padding:0 4%}h1{font-size:42px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1px}.dek{margin-top:20px;font-size:12px;max-width:370px}.workspace{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid #46533d;scroll-margin-top:14px}.canvas{height:510px}.editor-title{font-size:9px;padding-right:9px}.tab{padding:12px 9px}.unsaved{display:none}.toolbar{padding:8px 10px}.breadcrumb{font-size:10px}.view-buttons button{min-height:36px}.filter-bar button{min-height:36px;padding-inline:9px}.map-hint{font-size:10px;line-height:1.7}.op{width:230px;height:112px}.op-content strong{font-size:14px;max-width:170px}.op-head{font-size:10px}.op-foot{font-size:9px}.branch-toggle{padding:8px;bottom:0;right:1px}.controls button{min-height:36px;min-width:36px}.canvas-footer{padding:8px;font-size:8px}.controls{gap:2px}.controls output{min-width:31px}.statusbar{font-size:8px}.statusbar span:last-child{display:none}#detail{padding:20px}.detail-title{font-size:30px}.detail-desc{font-size:13px}.detail-image{height:190px}.detail-links{grid-template-columns:1fr 1fr}.detail-links a{font-size:11px;gap:8px;min-height:46px}.detail-meta{margin:15px 0}.access-note,.path-note{font-size:10px}.project-list{grid-template-columns:1fr;max-height:510px}.list-card{min-height:80px}footer{flex-direction:column;gap:10px;font-size:10px}.under-note{line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}