@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--ink: oklch(.165 .006 70);--ink-2: oklch(.205 .007 70);--ink-3: oklch(.255 .008 72);--ink-4: oklch(.305 .009 72);--paper: oklch(.955 .008 86);--paper-2: oklch(.905 .01 86);--line: oklch(.34 .01 72);--line-soft: oklch(.28 .008 72);--muted: oklch(.66 .01 78);--muted-d: oklch(.52 .012 80);--orange: oklch(.71 .195 47);--yellow: oklch(.855 .155 92);--blue: oklch(.66 .165 256);--green: oklch(.74 .17 150);--red: oklch(.64 .21 27);--accent: var(--green);--f-disp: "Archivo", system-ui, sans-serif;--f-mono: "Space Mono", ui-monospace, monospace;--sidebar-w: 248px;--topbar-h: 60px;--console-h: 210px;--row-h: 38px;--bg: var(--ink);--surface: var(--ink-2);--surface-2: var(--ink-3);--fg: var(--paper)}[data-theme=light]{--bg: var(--paper);--surface: oklch(.975 .006 86);--surface-2: oklch(.93 .01 86);--fg: var(--ink);--line: oklch(.8 .012 86);--line-soft: oklch(.86 .01 86);--muted: var(--muted-d);--muted-d: oklch(.45 .012 80);--ink-3: oklch(.9 .01 86);--ink-4: oklch(.85 .012 86)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--f-disp);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100%}button{font-family:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--ink)}.mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.app{height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr auto;grid-template-areas:"topbar topbar" "sidebar main" "console console"}.topbar{grid-area:topbar;display:flex;align-items:center;gap:18px;padding:0 18px;background:var(--surface);border-bottom:2px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand__mark{flex:none}.brand__name{font-weight:900;font-stretch:125%;letter-spacing:.04em;font-size:16px}.brand__name small{display:block;font-family:var(--f-mono);font-weight:400;font-size:9.5px;letter-spacing:.22em;color:var(--muted);margin-top:1px}.topbar__sep{width:2px;align-self:stretch;background:var(--line);margin-block:14px}.devid{display:flex;flex-direction:column;gap:3px}.devid .k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.devid .v{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--fg)}.topbar__status{margin-left:auto;display:flex;align-items:center;gap:14px}.conn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--line);padding:9px 14px;color:var(--muted)}.conn b{color:var(--fg);font-weight:700}.conn.is-on{border-color:color-mix(in oklab,var(--green),transparent 40%);color:var(--green)}.conn.is-on b{color:var(--green)}.led{width:9px;height:9px;border-radius:50%;flex:none;background:var(--muted-d)}.led.on{background:var(--green);box-shadow:0 0 0 0 var(--green);animation:pulse 1.8s infinite}.led.busy{background:var(--yellow);box-shadow:0 0 0 0 var(--yellow);animation:pulse .9s infinite}.led.err{background:var(--red)}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,currentColor,transparent 20%)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.sidebar{grid-area:sidebar;background:var(--surface);border-right:2px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.proj-switch{border-bottom:2px solid var(--line);padding:14px 16px 16px}.proj-switch__lbl{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.proj-switch__name{display:flex;align-items:baseline;gap:8px;margin-top:8px;font-weight:900;font-stretch:120%;font-size:22px;letter-spacing:-.01em}.proj-switch__slot{font-family:var(--f-mono);font-size:11px;color:var(--accent);letter-spacing:.08em}.proj-switch__list{margin-top:12px;display:flex;flex-direction:column;gap:2px}.proj-item{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;padding:7px 9px;color:var(--muted);border:1.5px solid transparent;background:none;text-align:left;width:100%}.proj-item:hover{color:var(--fg);border-color:var(--line-soft)}.proj-item.on{color:var(--ink);background:var(--accent);border-color:var(--accent);font-weight:700}.proj-item .pslot{opacity:.6}.proj-item.on .pslot{opacity:.8}.nav{padding:12px;display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.nav__item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:11px 12px;border:2px solid transparent;background:none;color:var(--muted);transition:color .12s,border-color .12s,background .12s}.nav__item:hover{color:var(--fg);border-color:var(--line-soft)}.nav__item.on{color:var(--fg);border-color:var(--line);background:var(--surface-2)}.nav__item.on .nav__num{color:var(--ink);background:var(--accent)}.nav__num{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;width:24px;height:24px;flex:none;display:grid;place-items:center;border:1.5px solid currentColor;color:var(--muted)}.nav__txt{font-family:var(--f-mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.nav__item .nav__badge{margin-left:auto}.nav__item.locked{opacity:.4;cursor:not-allowed}.nav__item.locked:hover{color:var(--muted);border-color:transparent}.sidebar__foot{border-top:2px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px;flex:none}.main{grid-area:main;min-height:0;min-width:0;overflow:auto;background:var(--bg);background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:54px 54px;background-position:-1px -1px}[data-theme=light] .main{background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px)}.section{padding:26px clamp(20px,3vw,40px) 60px;max-width:1180px}.section__head{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:24px;border-bottom:2px solid var(--line)}.section__head .tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.section__head .tag:before{content:"";width:26px;height:2px;background:var(--accent)}.section__head h1{font-size:clamp(30px,4vw,46px);font-weight:900;font-stretch:122%;line-height:.95;letter-spacing:-.02em}.section__head p{color:var(--muted);margin-top:10px;max-width:60ch;font-size:14.5px;line-height:1.5}.section__head .head-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;align-self:flex-end}.card{border:2px solid var(--line);background:var(--surface)}.card__bar{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:2px solid var(--line)}.card__bar h2{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.card__bar .sub{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted)}.card__bar .right{margin-left:auto;display:flex;gap:9px;align-items:center}.card__body{padding:18px}.card__body.pad-lg{padding:24px}.card+.card{margin-top:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.control{height:var(--row-h);display:flex;align-items:center;border:2px solid var(--line);background:var(--bg);padding:0 12px;font-size:14px;width:100%;font-family:var(--f-mono);letter-spacing:.02em}.control:focus,.control:focus-within{outline:none;border-color:var(--accent)}input.control::placeholder{color:var(--muted-d)}.select{position:relative}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--row-h);border:2px solid var(--line);background:var(--bg);padding:0 34px 0 12px;font-family:var(--f-mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.select select:focus{outline:none;border-color:var(--accent)}.select:after{content:"";position:absolute;right:13px;top:50%;transform:translateY(-30%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--muted);pointer-events:none}.select.accent select{border-color:color-mix(in oklab,var(--ph,var(--accent)),transparent 55%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;padding:0 16px;height:var(--row-h);border:2px solid var(--line);background:var(--surface-2);white-space:nowrap;transition:transform .1s,background .12s,color .12s,border-color .12s,box-shadow .12s}.btn:hover{border-color:var(--fg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{border-color:var(--line)}.btn--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--solid:hover:not(:disabled){box-shadow:5px 5px 0 0 var(--accent);transform:translate(-2px,-2px)}.btn--accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn--accent:hover:not(:disabled){box-shadow:4px 4px 0 0 var(--fg);transform:translate(-2px,-2px)}.btn--ghost{background:transparent}.btn--sm{height:30px;padding:0 11px;font-size:11px;letter-spacing:.08em}.btn--block{width:100%}.btn--danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.btn .ic{font-size:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.note{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);line-height:1.6}.note.warn{color:var(--yellow)}.note.err{color:var(--red)}.note.ok{color:var(--green)}.hint{margin-top:12px}.connect-hero{border:2px solid var(--line);background:var(--surface);display:grid;grid-template-columns:1fr 1fr;min-height:340px}@media(max-width:900px){.connect-hero{grid-template-columns:1fr}}.connect-hero__viz{border-right:2px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:4px;padding:40px 28px 0;background:var(--ink)}[data-theme=light] .connect-hero__viz{background:var(--paper-2)}.connect-hero__viz i{flex:1;background:var(--ink-3);border:1px solid var(--line-soft);border-bottom:0;min-height:6px}.connect-hero__viz .ph{position:absolute;top:0;bottom:0;width:3px}.connect-hero__viz .ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;box-shadow:0 0 12px currentColor}.connect-hero__body{padding:28px;display:flex;flex-direction:column;gap:18px}.devsel{display:flex;flex-direction:column;gap:14px}.tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--line)}@media(max-width:820px){.tracks{grid-template-columns:1fr}}.trk{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-bottom:2px solid var(--line);border-right:2px solid var(--line)}.tracks .trk:nth-child(2n){border-right:0}.tracks .trk:nth-last-child(-n+2){border-bottom:0}@media(max-width:820px){.trk{border-right:0}.tracks .trk:last-child{border-bottom:0}.tracks .trk:nth-last-child(2){border-bottom:2px solid var(--line)}}.trk__num{height:32px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:13px;color:var(--ink);background:var(--tc, var(--accent));border:2px solid var(--tc,var(--accent))}.trk__name{height:32px;border:2px solid var(--line);background:var(--bg);padding:0 11px;font-family:var(--f-mono);font-size:13px;letter-spacing:.05em;width:100%}.trk__name:focus{outline:none;border-color:var(--tc,var(--accent))}.trk__name.dirty{border-color:var(--yellow)}.trk__cc{font-family:var(--f-mono);font-size:10px;color:var(--muted);width:26px;text-align:right}.charcount{font-family:var(--f-mono);font-size:10px;color:var(--muted)}.charcount.over{color:var(--red)}.ph-card{border:2px solid var(--line);background:var(--surface)}.ph-card__bar{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:2px solid var(--line);border-top:4px solid var(--ph)}.ph-card__sw{width:16px;height:16px;background:var(--ph);flex:none}.ph-card__bar h3{font-size:17px;font-weight:900;font-stretch:115%;letter-spacing:.01em}.ph-card__bar .meta{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted)}.ph-card__body{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ph-card.dim{opacity:.55}.ph-strip{grid-column:1/-1;height:34px;border:2px solid var(--line);background:var(--bg);position:relative;overflow:hidden;display:flex;gap:3px;padding:5px}.ph-strip i{flex:1;background:var(--ink-3)}.ph-strip .head{position:absolute;top:0;bottom:0;width:3px;background:var(--ph);box-shadow:0 0 10px var(--ph)}.sys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--line)}@media(max-width:820px){.sys-grid{grid-template-columns:1fr}}.sys-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:2px solid var(--line);border-right:2px solid var(--line)}.sys-grid .sys-row:nth-child(2n){border-right:0}.sys-row .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sys-row .ctl{margin-left:auto;min-width:148px}.sys-toggle{height:30px;min-width:74px;border:2px solid var(--line);background:var(--bg);display:flex;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:2px;gap:2px}.sys-toggle span{flex:1;text-align:center;padding:4px 0;color:var(--muted)}.sys-toggle span.on{background:var(--accent);color:var(--ink);font-weight:700}.dropzone{border:2px dashed var(--line);background:var(--bg);padding:34px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone:hover{border-color:var(--accent)}.dropzone.has-file{border-style:solid;border-color:var(--green);background:color-mix(in oklab,var(--green),transparent 92%)}.dropzone .ic{font-size:26px;color:var(--muted)}.dropzone.has-file .ic{color:var(--green)}.dropzone__title{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.dropzone__file{font-family:var(--f-mono);font-size:12px;color:var(--green)}.progress{height:30px;border:2px solid var(--line);background:var(--bg);overflow:hidden}.progress__bar{height:100%;width:0%;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.06em;transition:width .2s linear}.fw-steps{display:flex;flex-direction:column;gap:0;border:2px solid var(--line)}.fw-step{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:2px solid var(--line)}.fw-step:last-child{border-bottom:0}.fw-step .si{width:22px;height:22px;flex:none;border:2px solid var(--line);display:grid;place-items:center;font-family:var(--f-mono);font-size:10px;color:var(--muted)}.fw-step.done .si{background:var(--green);border-color:var(--green);color:var(--ink)}.fw-step.active .si{border-color:var(--accent);color:var(--accent)}.fw-step .st{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}.fw-step.done .st{color:var(--fg)}.json{font-family:var(--f-mono);font-size:12px;line-height:1.85;color:var(--muted);background:var(--bg);border:2px solid var(--line);padding:16px;overflow:auto;max-height:360px;white-space:pre;-moz-tab-size:2;tab-size:2}.json .key{color:var(--blue)}.json .str{color:var(--yellow)}.json .num{color:var(--orange)}.json .pun{color:var(--muted-d)}.json .bool{color:var(--green)}.console{grid-area:console;border-top:2px solid var(--line);background:var(--ink);display:flex;flex-direction:column;height:var(--console-h);transition:height .18s ease}[data-theme=light] .console{background:var(--paper-2)}.app[data-console=closed] .console{height:42px}.console__bar{display:flex;align-items:center;gap:14px;padding:0 16px;height:42px;flex:none;border-bottom:2px solid var(--line)}.app[data-console=closed] .console__bar{border-bottom:0}.console__bar h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.console__bar .count{font-family:var(--f-mono);font-size:10px;color:var(--muted-d)}.console__bar .right{margin-left:auto;display:flex;gap:8px;align-items:center}.console__body{flex:1;overflow:auto;padding:10px 16px;font-family:var(--f-mono);font-size:12px;line-height:1.7}.app[data-console=closed] .console__body{display:none}.logline{display:flex;gap:12px;padding:1px 0}.logline .ts{color:var(--muted-d);flex:none}.logline .msg{color:var(--muted)}.logline.success .msg{color:var(--green)}.logline.error .msg{color:var(--red)}.logline.warn .msg{color:var(--yellow)}.logline.tx .msg{color:var(--blue)}.logline.rx .msg{color:var(--orange)}.iconbtn{width:30px;height:30px;flex:none;display:grid;place-items:center;border:2px solid var(--line);background:none;color:var(--muted);font-size:13px}.iconbtn:hover{color:var(--fg);border-color:var(--fg)}.chk{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}.chk input{position:absolute;opacity:0;width:0;height:0}.chk .box{width:18px;height:18px;border:2px solid var(--line);display:grid;place-items:center}.chk input:checked+.box{background:var(--accent);border-color:var(--accent)}.chk input:checked+.box:after{content:"✕";color:var(--ink);font-size:11px;font-weight:700}.chk input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:2px}.badge{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--line);padding:3px 7px;color:var(--muted)}.badge.dirty{border-color:var(--yellow);color:var(--yellow)}.badge.ok{border-color:var(--green);color:var(--green)}.toast-wrap{position:fixed;right:18px;bottom:calc(var(--console-h) + 14px);z-index:200;display:flex;flex-direction:column;gap:10px}.toast{border:2px solid var(--line);background:var(--surface);padding:12px 16px;min-width:240px;display:flex;align-items:center;gap:12px;box-shadow:6px 6px #0000004d;animation:toastin .2s ease}.toast .msg{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em}.toast.ok{border-color:var(--green)}.toast.err{border-color:var(--red)}@keyframes toastin{0%{transform:translate(12px);opacity:0}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--line-soft)}.locked-note{display:flex;align-items:center;gap:10px}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main" "console"}.sidebar{display:none}}