*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0c0a;--ink:#f0ebe0;--blue:#0d19b4;--muted:#5a5550;--line:#2a2622;--green:#3ddc84;--panel:#0e0c0af5;--bar:1.8rem}html,body{width:100%;height:100%;color:var(--ink);background:#000;font-family:Space Mono,monospace;overflow:hidden}#hc{z-index:0;pointer-events:none;width:100vw;height:100vh;display:none;position:fixed;inset:0}#shell{z-index:1;flex-direction:column;display:flex;position:fixed;inset:0}#topbar{height:var(--bar);border-bottom:1px solid var(--line);background:0 0;flex-shrink:0;align-items:stretch;display:flex}#back-cell{border-right:1px solid var(--line);flex-shrink:0;align-items:center;padding:0 .9rem;display:flex}.back-link{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.6rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--ink)}#pane-headers{flex:1;align-items:stretch;min-width:0;display:flex}.ph{border-right:1px solid var(--line);flex:1;justify-content:space-between;align-items:center;min-width:0;padding:0 .5rem;display:flex;position:relative}.ph:last-child{border-right:none}.target-btn{cursor:pointer;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.3rem;padding:.15rem .3rem;font-family:Space Mono,monospace;font-size:.6rem;transition:color .15s;display:flex}.target-btn:hover{color:var(--ink)}.target-btn .caret{opacity:.45;font-size:.5rem}.target-dd{border:1px solid var(--line);z-index:9999;background:#1a1714;flex-direction:column;min-width:140px;display:none;position:fixed;box-shadow:0 4px 16px #000000b3}.target-dd.open{display:flex}.topt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;padding:.7rem 1rem;font-family:Space Mono,monospace;font-size:.62rem;transition:color .15s,background .15s}.topt:last-child{border-bottom:none}.topt:hover,.topt:active{color:var(--ink);background:#ffffff12}.topt.active{color:var(--blue)}.ph-close{cursor:pointer;color:var(--muted);opacity:0;background:0 0;border:none;padding:.15rem .3rem;font-size:.6rem;line-height:1;transition:opacity .15s,color .15s}.ph:hover .ph-close{opacity:.4}.ph-close:hover{color:var(--ink);opacity:1!important}#cmd-cell{border-left:1px solid var(--line);flex-shrink:0;align-items:center;padding:0 .85rem;display:flex}.chrome-btn{cursor:pointer;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;font-family:Space Mono,monospace;font-size:.6rem;transition:color .2s}.chrome-btn:hover{color:var(--ink)}#panes{flex:1;min-height:0;display:flex}.pane{border-right:1px solid var(--line);background:0 0;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.pane:last-child{border-right:none}.pane:not(.is-hydra){background:0 0}.pane-editor{width:100%;height:100%;color:var(--ink);resize:none;caret-color:var(--blue);tab-size:2;background:0 0;border:none;outline:none;padding:1.4rem 2rem 4rem;font-family:Space Mono,monospace;font-size:.88rem;line-height:1.75;position:absolute;inset:0}.pane.is-hydra .pane-editor{color:#f0ebe0eb;text-shadow:0 1px 3px #000000e6;background:0 0!important}.pane:not(.is-hydra) .cm-content{text-shadow:0 1px 4px #000000f2}.se{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}#botbar{height:var(--bar);border-top:1px solid var(--line);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.bot-l{align-items:center;gap:.6rem;display:flex}.sdot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.sdot.playing{background:var(--green)}.sdot.error{background:#e05030}.collab-peers{letter-spacing:.1em;text-transform:uppercase;color:var(--green);opacity:.7;white-space:nowrap;font-size:.55rem}.collab-peers:empty,.cm-ySelectionInfo{display:none}.cm-ySelection{opacity:.35}#log{bottom:calc(var(--bar) + .5rem);background:var(--panel);border:1px solid var(--line);z-index:400;flex-direction:column-reverse;width:min(500px,74vw);max-height:130px;font-size:.63rem;line-height:1.7;display:none;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}#log.vis{display:flex}.ll{color:var(--muted);border-top:1px solid var(--line);padding:.22rem .75rem}.ll:first-child{border-top:none}.ll.ok{color:var(--green)}.ll.err{color:#e06050}.ll.info{color:var(--ink)}#pal-bg{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0c0a8c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#pal-bg.open{display:flex}#pal{border:1px solid var(--line);background:#1a1714;flex-direction:column;width:min(460px,88vw);display:flex}#pal-top{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}#pal-in{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-family:Space Mono,monospace;font-size:.78rem}#pal-in::placeholder{color:var(--muted)}.si{color:var(--muted);font-size:.72rem}.ps{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.55;padding:.5rem 1rem .2rem;font-size:.5rem}.pi{color:var(--muted);cursor:pointer;align-items:center;gap:.65rem;padding:.62rem 1rem;font-size:.7rem;transition:background .1s,color .1s;display:flex}.pi:hover,.pi.focused{color:var(--ink);background:#ffffff0a}.pi .ico{text-align:center;width:1rem}.pi .sc{opacity:.4;margin-left:auto;font-size:.5rem}.pt{color:var(--muted);opacity:.4;border-top:1px solid var(--line);padding:.4rem 1rem;font-size:.52rem}strudel-editor{opacity:0!important;pointer-events:none!important;z-index:-1!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.strudel-controls,.strudel-slider,[data-strudel-controls]{display:none!important}#pb-overlay{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0c0ab3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#pb-overlay.open{display:flex}#pb-modal{border:1px solid var(--line);background:#131210;flex-direction:column;width:min(600px,92vw);max-height:80vh;display:flex}#pb-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}#pb-modal-head h2{color:var(--blue);font-family:Instrument Serif,serif;font-size:1rem;font-style:italic;font-weight:400}.pb-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1rem;line-height:1;transition:color .15s}.pb-close-btn:hover{color:var(--ink)}.pb-tabs{border-bottom:1px solid var(--line);display:flex}.pb-tab{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-right:1px solid var(--line);padding:.6rem 1rem;font-family:Space Mono,monospace;font-size:.6rem;transition:color .15s;position:relative}.pb-tab.active{color:var(--ink)}.pb-tab.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.pb-section{border-bottom:1px solid var(--line);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.pb-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.pb-url-row{gap:.5rem;display:flex}.pb-btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid;padding:.45rem .9rem;font-family:Space Mono,monospace;font-size:.62rem;transition:background .15s,color .15s}.pb-btn-primary{background:var(--blue);border-color:var(--blue);color:var(--ink)}.pb-btn-primary:hover{color:var(--blue);background:0 0}.pb-btn-ghost{border-color:var(--muted);color:var(--muted);background:0 0}.pb-btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.pb-textarea{border:1px solid var(--line);width:100%;min-height:180px;max-height:260px;color:var(--ink);resize:vertical;tab-size:2;background:#0a0908;outline:none;padding:.7rem;font-family:Space Mono,monospace;font-size:.75rem;line-height:1.65;transition:border-color .15s}.pb-textarea:focus{border-color:var(--blue)}.pb-textarea::placeholder{color:var(--muted)}.pb-status{letter-spacing:.08em;color:var(--muted);min-height:1rem;font-size:.6rem}.pb-status.ok{color:var(--green)}.pb-status.err{color:#e06050}.pb-footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pb-active-pill{letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-size:.58rem;display:none}.pb-active-pill.visible{display:block}#collab-overlay{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0c0ab3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#collab-overlay.open{display:flex}#collab-modal{border:1px solid var(--line);background:#131210;flex-direction:column;width:min(520px,92vw);display:flex}#collab-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}#collab-modal-head h2{color:var(--green);font-family:Instrument Serif,serif;font-size:1rem;font-style:italic;font-weight:400}.collab-body{flex-direction:column;display:flex}.collab-intro{color:var(--muted);border-bottom:1px solid var(--line);padding:1rem;font-size:.7rem;line-height:1.75}.collab-section{border-bottom:1px solid var(--line);flex-direction:column;gap:.55rem;padding:.85rem 1rem;display:flex}.collab-section:last-child{border-bottom:none}.collab-note .pb-label{color:#e06050;opacity:.7}.collab-link-row{align-items:center;gap:.6rem;display:flex}.collab-link-url{color:var(--green);word-break:break-all;opacity:.85;flex:1;font-family:Space Mono,monospace;font-size:.62rem}.collab-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.collab-list li{color:var(--muted);padding-left:1rem;font-size:.67rem;line-height:1.6;position:relative}.collab-list li:before{content:"—";opacity:.4;position:absolute;left:0}#flash{pointer-events:none;opacity:0;z-index:300;background:#0d19b40d;transition:opacity 70ms;position:fixed;inset:0}#flash.on{opacity:1}.cm-wrap{flex-direction:column;display:flex;position:absolute;inset:0}.cm-editor{background:0 0!important;height:100%!important}.cm-scroller,.cm-gutters,.cm-content{background:0 0!important}.cm-editor.cm-focused{outline:none!important}.cm-scroller{font-family:Space Mono,monospace!important}.cm-slider-wrap{vertical-align:middle;-webkit-user-select:none;user-select:none;background:#12100ed1;border-radius:3px;align-items:center;gap:.4rem;margin-left:.25rem;padding:.05rem .5rem .05rem .45rem;display:inline-flex}.cm-slider{appearance:none;cursor:pointer;vertical-align:middle;background:#ffffff2e;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:3px}.cm-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.cm-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}.cm-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.cm-slider-val{color:#f0ebe080;-webkit-user-select:none;user-select:none;min-width:2.6rem;font-family:Space Mono,monospace;font-size:.68em;display:inline-block}