:root{--ink: #1c1e21;--paper: #f7f7f5;--panel: #ffffff;--line: #d9d9d4;--blue: #0b57d0;--chip: #eef3ff;--suggest: #fff3d6;--accent: #6b3fa0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}.studio{display:flex;flex-direction:column;height:100vh}.studio>header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.studio h1{font-size:1rem;margin:0}.tag{font-size:.7rem;color:var(--accent);border:1px solid currentColor;border-radius:3px;padding:0 .3em}.modes button,.tabs button{border:1px solid var(--line);background:var(--panel);padding:.25rem .6rem;cursor:pointer}.modes button.active,.tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.toast{position:fixed;top:.75rem;right:.75rem;z-index:10;background:#333;color:#fff;padding:.5rem .9rem;border-radius:4px;max-width:26rem}.panes{display:flex;flex:1;min-height:0}.center{flex:1;display:flex;flex-direction:column;min-width:0}.tabs{padding:.4rem .6rem;border-bottom:1px solid var(--line);background:var(--panel)}.grid-pane{overflow:auto;padding:.5rem}.grid-scroll{overflow-x:auto}.grid-pane table{border-collapse:collapse;font-size:.72rem}.grid-pane th,.grid-pane td{border:1px solid var(--line);padding:.15rem .3rem;max-width:12rem;vertical-align:top}.grid-pane th.pin{position:sticky;left:0;background:var(--panel);text-align:left;cursor:pointer}.grid-pane td.chip{background:var(--chip)}.grid-pane td.suggested{background:var(--suggest);outline:1px dashed var(--accent)}.grid-pane td.void{background:#f0f0ee}.grid-pane tr.selected th.pin{background:var(--blue);color:#fff}.grid-pane input{width:100%;border:none;background:transparent;font:inherit}.chip-inner{white-space:pre-wrap}.banner{padding:.05rem .5rem;color:#fff;background:var(--blue);border-radius:2px;font-size:.75rem}.banner.gray{background:#6a6f75}.banner.teal{background:#0f766e}code.cond{margin-left:.5em;font-size:.65rem;color:var(--accent)}button.mini{margin-left:.35em;font-size:.65rem;border:1px solid var(--line);background:#fff;cursor:pointer}.proof-pane{flex:1;display:flex;flex-direction:column;padding:.5rem}.proof-pane iframe{flex:1;border:1px solid var(--line);background:#fff;width:100%}.sel-note{margin:0 0 .4rem;font-size:.8rem;color:var(--accent)}.text-pane{padding:1rem;overflow:auto}.text-pane .hint,.inspector .hint{color:#666;font-size:.8rem}.text-pane .lg-intro{border:1px dashed var(--line);padding:.5rem}.text-pane table.lg-table td{border:1px solid var(--line);font-size:.65rem;padding:.1rem .25rem}.right{width:22rem;border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:.6rem}.right h2{font-size:.85rem;margin:.3rem 0}.inspector dl div{display:flex;gap:.5rem;border-bottom:1px dotted var(--line);padding:.1rem 0}.inspector dl div.selected{background:var(--chip)}.inspector dt{width:9rem;font-weight:600;font-size:.7rem}.inspector dd{margin:0;font-size:.7rem;white-space:pre-wrap}.count{font-weight:400;color:#666;font-size:.75rem}.rail-nav button{margin-right:.3rem}.card{border:1px solid var(--line);border-radius:4px;padding:.4rem;margin:.4rem 0;cursor:pointer;font-size:.78rem}.card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.card.hovered{background:var(--chip)}.card header{display:flex;gap:.5rem;align-items:baseline}.card .n{color:#888}.card .type{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.card .author{margin-left:auto;font-size:.7rem;color:#555}.card .preview del{color:#b3261e}.card .preview ins{color:#146c2e;text-decoration:none;font-weight:600}.card footer{display:flex;gap:.4rem}.resolved{font-size:.72rem;margin-top:.6rem}ins[data-id]{background:#e6f4ea;text-decoration:none}del[data-id]{background:#fce8e6}span[data-type=modification]{outline:1px dashed var(--accent)}td.overridden{background:#eae6f5}td.overridden.basis-moved{background:#fde7c9;outline:1px solid #c9821b}.ov-val{font-weight:600;color:var(--accent)}td.basis-moved .ov-val{color:#b26a00}.card .routes{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.card .routes .route-label{font-size:.68rem;color:#555}.card .routes button{font-size:.7rem;padding:.2rem .45rem;border:1px solid var(--line);background:var(--panel);cursor:pointer}.card .routes button:first-of-type{border-color:var(--blue);color:var(--blue)}.refresh-pane{padding:.8rem;overflow:auto}.refresh-actions{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}.refresh-actions .gate.ok{color:#146c2e;font-weight:600}.refresh-actions .gate.blocked{color:#b3261e;font-weight:600}.refresh-pane details{margin:.4rem 0}.refresh-attr{margin:.3rem 0 .3rem 1rem}.refresh-attr .attr-head{display:flex;gap:.5rem;align-items:center}.refresh-attr .attr-name{font-weight:600;font-size:.8rem}.refresh-pane ul{list-style:none;padding-left:1rem;margin:.2rem 0}.ri{display:flex;gap:.5rem;align-items:center;font-size:.78rem;padding:.15rem 0}.ri.viewed{opacity:.55}.ri .ri-code{font-family:ui-monospace,monospace}.ri .ri-status{color:#777;font-size:.7rem}.ri .warn{color:#b26a00;font-size:.72rem}.mini{font-size:.65rem;padding:0 .3rem;margin-left:.2rem;cursor:pointer}