:root{color-scheme:dark;--tn-bg:#1a1b26;--tn-bg-dark:#16161e;--tn-bg-darker:#101014;--tn-bg-highlight:#292e42;--tn-bg-panel:#1f2335;--tn-fg:#c0caf5;--tn-fg-dark:#a9b1d6;--tn-comment:#565f89;--tn-border:#2f334d;--tn-border-strong:#3b4261;--tn-blue:#7aa2f7;--tn-cyan:#7dcfff;--tn-magenta:#bb9af7;--tn-green:#9ece6a;--tn-yellow:#e0af68;--tn-red:#f7768e;--tn-orange:#ff9e64;--tn-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-family:var(--tn-mono);background:var(--tn-bg);color:var(--tn-fg);font-size:14px;line-height:1.5}*{box-sizing:border-box}body{background:var(--tn-bg);min-height:100vh;margin:0}kbd{border:1px solid var(--tn-border-strong);background:var(--tn-bg-dark);min-width:1.4rem;color:var(--tn-cyan);font-family:var(--tn-mono);text-transform:lowercase;border-bottom-width:2px;justify-content:center;align-items:center;padding:.05rem .4rem;font-size:.78rem;line-height:1.2;display:inline-flex}.app-shell{max-width:none;margin:0 auto;padding:1rem 1.25rem;position:relative}.app-shell.prompt-open .hero,.app-shell.prompt-open .layout{opacity:.55;pointer-events:none;transition:opacity .12s}.hero{border-bottom:1px dashed var(--tn-border);grid-template-columns:minmax(0,1fr) 18rem;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:grid}.eyebrow{color:var(--tn-magenta);letter-spacing:.02em;margin:0 0 .15rem;font-size:.72rem}.eyebrow:before{content:"// ";color:var(--tn-comment)}.hero h1{font-family:var(--tn-mono);color:var(--tn-fg);letter-spacing:-.01em;margin:0;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:600}.hero h1:before{content:"$ ";color:var(--tn-green)}.lede{max-width:54rem;color:var(--tn-fg-dark);margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.hero-card,.panel,.editor-card,.graph-card,.help-card,.sidebar-card{border:1px solid var(--tn-border);background:var(--tn-bg-panel);box-shadow:none}.hero-card{padding:.5rem .65rem}.hero-card-row{border-bottom:1px dashed var(--tn-border);justify-content:space-between;gap:.5rem;padding:.22rem 0;font-size:.8rem;display:flex}.hero-card-row:last-child{border-bottom:0}.hero-card-row span{color:var(--tn-comment)}.hero-card-row strong{color:var(--tn-yellow);font-weight:500}.layout{grid-template-columns:minmax(0,1fr) minmax(44rem,60rem);align-items:start;gap:.75rem;min-width:0;display:grid}.workspace{grid-auto-rows:max-content;align-content:start;align-items:start;gap:.75rem;min-width:0;display:grid}.sidebar{align-content:start;gap:.75rem;min-width:0;display:grid}.panels,.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;min-width:0;display:grid}.panel,.editor-card,.graph-card,.help-card,.sidebar-card{min-width:0;padding:.65rem;position:relative}.sidebar-card h2,.help-card h2,.graph-header h2,.editor-card-header h2,.panel-title-row h2{color:var(--tn-blue);letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:500}.sidebar-card>h2,.help-card>h2{border-bottom:1px dashed var(--tn-border);margin-bottom:.4rem;padding-bottom:.4rem}.graph-card{grid-template-rows:auto minmax(0,1fr);gap:.5rem;min-height:0;display:grid;overflow:hidden}.graph-header{border-bottom:1px dashed var(--tn-border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.4rem;display:flex}.graph-header span{color:var(--tn-comment);text-align:right;font-size:.7rem}.graph-header code{color:var(--tn-cyan);font-family:var(--tn-mono)}.graph-eyebrow{color:var(--tn-magenta);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .1rem;font-size:.66rem}.keymap-graph{overscroll-behavior:contain;gap:.5rem;min-height:0;display:grid;overflow:hidden auto}.graph-current{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.graph-current>div{border:1px solid var(--tn-border);background:var(--tn-bg-dark);min-width:0;padding:.4rem}.graph-current span,.graph-row b{color:var(--tn-comment);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.62rem;font-weight:500;display:block}.graph-current strong{color:var(--tn-yellow);font-weight:500}.graph-layers{gap:.45rem;display:grid}.graph-layer{border:1px solid var(--tn-border);border-left:3px solid var(--tn-green);background:#1f2335db;gap:.35rem;padding:.5rem;display:grid}.graph-layer.is-inactive{opacity:.45;border-left-color:var(--tn-comment)}.graph-layer-title{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.graph-layer-title strong{color:var(--tn-green);font-weight:600}.graph-layer-title span{min-width:0;color:var(--tn-blue);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-layer-title em{color:var(--tn-comment);font-size:.64rem;font-style:normal}.graph-row{grid-template-columns:4.5rem minmax(0,1fr);align-items:start;gap:.4rem;display:grid}.graph-row>div{flex-wrap:wrap;gap:.25rem;min-width:0;display:flex}.graph-chip,.graph-node,.graph-command,.graph-binding,.graph-empty{border:1px solid var(--tn-border);background:var(--tn-bg-dark);color:var(--tn-fg-dark);font-size:.68rem}.graph-chip,.graph-node,.graph-command,.graph-empty{align-items:center;min-height:1.45rem;padding:.12rem .35rem;display:inline-flex}.graph-chip.is-active,.graph-node.is-reachable,.graph-command.is-reachable{color:var(--tn-green);border-color:#9ece6a73}.graph-chip.is-pending,.graph-node.is-pending{color:var(--tn-yellow);border-color:#e0af68b3;box-shadow:inset 0 0 0 1px #e0af682e}.graph-chip.is-path{color:var(--tn-magenta);border-color:#bb9af773}.graph-chip em{color:var(--tn-yellow);margin-left:.25rem;font-style:normal}.graph-node.is-pattern{color:var(--tn-yellow);border-color:#e0af688c}.graph-node small{border-left:1px solid var(--tn-border);color:var(--tn-cyan);margin-left:.3rem;padding-left:.3rem;font-size:.62rem}.graph-chip.is-dimmed,.graph-node.is-dimmed,.graph-command.is-dimmed,.graph-empty{color:var(--tn-comment);opacity:.75}.graph-command{color:var(--tn-cyan);gap:.05rem;padding:.25rem .35rem;display:grid}.graph-command small{color:var(--tn-comment);font-size:.62rem}.graph-binding{grid-template-columns:auto minmax(0,1fr);gap:.1rem .35rem;min-width:min(100%,13rem);padding:.3rem .35rem;display:grid}.graph-binding kbd{align-self:start}.graph-binding span,.graph-binding small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.graph-binding span{color:var(--tn-fg)}.graph-binding small{color:var(--tn-comment);grid-column:2;font-size:.62rem}.graph-binding.is-reachable{border-color:#7dcfff73}.graph-binding.is-pattern{border-color:#e0af6873}.graph-binding.is-shadowed{opacity:.68;border-color:#e0af6873}.graph-binding.is-inactive{opacity:.42}.sidebar-card>h2:before,.help-card>h2:before{content:"▎ ";color:var(--tn-magenta)}.panel{outline:none;transition:border-color .12s,background-color .12s}.panel:focus,.sidebar-card:focus,textarea:focus,.prompt-input:focus{border-color:var(--tn-cyan);outline:none;box-shadow:inset 0 0 0 1px #7dcfff40}.panel:hover{border-color:var(--tn-border-strong)}.panel-alpha{border-left:3px solid var(--tn-blue)}.panel-beta{border-left:3px solid var(--tn-green)}.panel-title-row,.editor-card-header,.prompt-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-title-row{border-bottom:1px dashed var(--tn-border);margin-bottom:.35rem;padding-bottom:.35rem}.panel-badge{color:var(--tn-comment);text-transform:uppercase;letter-spacing:.12em;font-size:.64rem}.panel-badge:before{content:"[";color:var(--tn-border-strong)}.panel-badge:after{content:"]";color:var(--tn-border-strong)}.panel-copy,.editor-card-header span,.prompt-header span,.prompt-help{color:var(--tn-fg-dark);font-size:.76rem}.panel-copy{margin:0}.prompt-eyebrow{color:var(--tn-magenta);text-transform:lowercase;letter-spacing:.02em;margin:0 0 .15rem;font-size:.68rem}.prompt-eyebrow:before{content:"// ";color:var(--tn-comment)}.counter{white-space:nowrap;border-left:2px solid var(--tn-border);min-width:0;font-family:var(--tn-mono);color:var(--tn-orange);align-self:end;margin-top:.65rem;padding-left:.6rem;font-size:clamp(4.5rem,min(24vw,18vh),12rem);font-weight:600;line-height:.82;overflow:hidden}.panel-alpha .counter{color:var(--tn-cyan);border-left-color:var(--tn-blue)}.panel-beta .counter{color:var(--tn-green);border-left-color:var(--tn-green)}textarea,.prompt-input{appearance:none;border:1px solid var(--tn-border);background:var(--tn-bg-dark);width:100%;color:var(--tn-fg);font:inherit;font-family:var(--tn-mono);resize:vertical;caret-color:var(--tn-cyan);padding:.45rem .55rem;font-size:.8rem}textarea{min-height:8rem;margin-top:.5rem;line-height:1.45}textarea::selection,.prompt-input::selection{background:var(--tn-bg-highlight);color:var(--tn-fg)}.editor-card-header{border-bottom:1px dashed var(--tn-border);padding-bottom:.35rem}.prompt-shell.is-hidden,.graph-card.is-hidden,.help-card.is-hidden{display:none}.prompt-overlay{z-index:30;background:#10101457;place-items:center;padding:.75rem;display:grid;position:fixed;inset:0}.prompt-overlay.is-hidden{display:none}.prompt-shell{width:min(100%,42rem);box-shadow:none;background:0 0;border:0;position:relative;overflow:visible}.prompt-input-shell,.prompt-results{background:var(--tn-bg-dark);border:1px solid var(--tn-border-strong);box-shadow:none}.prompt-input-shell{z-index:2;border-color:var(--tn-magenta);gap:.4rem;padding:.6rem .7rem;display:grid;position:relative}.prompt-results{z-index:1;padding:.55rem .65rem;position:absolute;top:calc(100% + .35rem);left:0;right:0}.prompt-header{align-items:flex-start}.prompt-header h2{color:var(--tn-fg);margin:0;font-size:.82rem;font-weight:500}.prompt-header h2:before{content:": ";color:var(--tn-green)}.prompt-header span{text-align:right;max-width:14rem;color:var(--tn-comment);line-height:1.35}.prompt-input{border-color:var(--tn-border);padding:.4rem .5rem}.prompt-help{min-height:1.1rem;color:var(--tn-comment);font-size:.76rem}.prompt-help:before{content:"» ";color:var(--tn-magenta)}.prompt-suggestions,.log-lines,.help-copy{gap:.25rem;margin-top:.35rem;display:grid}.suggestion,.log-line{background:var(--tn-bg-panel);border:1px solid #0000;border-left:2px solid var(--tn-border);padding:.35rem .45rem;font-size:.78rem}.suggestion.is-selected{border-left-color:var(--tn-magenta);background:var(--tn-bg-highlight);color:var(--tn-fg)}.suggestion.is-selected strong{color:var(--tn-cyan)}.suggestion strong{color:var(--tn-green);font-weight:500}.prompt-suggestions{align-content:start;max-height:min(14rem,42vh);margin-top:.35rem;overflow:auto}.prompt-suggestions::-webkit-scrollbar{width:8px}.prompt-suggestions::-webkit-scrollbar-track{background:var(--tn-bg-dark)}.prompt-suggestions::-webkit-scrollbar-thumb{background:var(--tn-border-strong)}.suggestion-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.suggestion-usage,.log-line time{color:var(--tn-orange);font-size:.72rem;font-family:var(--tn-mono)}.log-line time:before{content:"[";color:var(--tn-comment)}.log-line time:after{content:"]";color:var(--tn-comment)}.suggestion-desc{color:var(--tn-fg-dark);margin-top:.15rem;font-size:.74rem}.log-line{color:var(--tn-fg-dark);border-left-color:var(--tn-green);gap:.1rem;display:grid}.log-line>div{color:var(--tn-fg)}.graph-canvas{border:1px solid var(--tn-border);background:var(--tn-bg-dark);width:100%;height:30rem;min-height:0;display:block}.help-copy>div{color:var(--tn-fg-dark);padding:.1rem 0;font-size:.76rem}.help-copy>div:before{content:"→ ";color:var(--tn-magenta)}html,body{height:100%;overflow:hidden}body{min-height:100dvh}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;max-height:100dvh;display:grid;overflow:hidden}.layout,.workspace,.sidebar,.sidebar-card,.graph-canvas-card,.graph-canvas,.log-lines{min-height:0}.layout{height:100%;overflow:hidden}.workspace{grid-template-rows:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.25fr) minmax(0,auto);align-content:start;align-items:stretch;height:100%;overflow:hidden}.workspace:has(.help-card.is-hidden){grid-template-rows:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.25fr)}.workspace:has(.graph-card.is-hidden){grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,auto)}.workspace:has(.graph-card.is-hidden):has(.help-card.is-hidden){grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.panels,.editor-grid,.panel,.editor-card{height:100%;min-height:0}.editor-card{grid-template-rows:auto minmax(0,1fr);display:grid}.panel{grid-template-rows:auto auto minmax(0,1fr);display:grid}.editor-card textarea{height:100%;min-height:0}.help-card{min-height:0;max-height:11rem;overflow:auto}.graph-card{height:100%;min-height:0}.keymap-graph{height:100%}.sidebar{grid-template-rows:minmax(34rem,2.35fr) minmax(0,.65fr);align-content:stretch;height:100%;overflow:hidden}.graph-canvas-card{min-height:0}.graph-canvas-card .graph-canvas{height:100%}.sidebar-card{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.log-lines{overscroll-behavior:contain;align-content:start;height:100%;overflow:hidden auto}@media (height<=760px){.counter{font-size:clamp(2.75rem,min(18vw,12vh),6.5rem)}}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr) minmax(11rem,16rem)}.layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.panels,.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-copy,.editor-card-header span{display:none}.app-shell{padding:.75rem}.prompt-overlay{align-items:center;padding:.5rem}.prompt-shell{width:100%}.prompt-results{top:calc(100% + .35rem)}}