:root{--paper: #f3f1ea;--paper-2: #eae6db;--card: #fbfaf6;--ink: #182338;--ink-2: #3f4a63;--ink-3: #6b7488;--line: #d9d3c4;--line-2: #c9c2b0;--accent: #b9761a;--accent-soft: #f0e2cc;--navy: #1d2b49;--good: #2f7d5b;--good-bg: #dcecdf;--warn: #a6701a;--warn-bg: #f2e6c9;--crit: #a53b2f;--crit-bg: #f1dcd6;--info: #35618e;--info-bg: #d9e5f0;--grey-bg: #e7e3d8;--shadow: 0 1px 2px rgba(24,35,56,.06), 0 8px 24px rgba(24,35,56,.06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #10151f;--paper-2: #161d2b;--card: #182131;--ink: #eef1f6;--ink-2: #b9c1d1;--ink-3: #838da0;--line: #2a3548;--line-2: #384662;--accent: #e0a34e;--accent-soft: #33291a;--navy: #c7d4ea;--good: #6dc79a;--good-bg: #16281f;--warn: #e0b054;--warn-bg: #2c2413;--crit: #e58b7c;--crit-bg: #2c1a17;--info: #82afdc;--info-bg: #16222f;--grey-bg: #1c2431;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35)}}:root[data-theme=dark]{--paper: #10151f;--paper-2: #161d2b;--card: #182131;--ink: #eef1f6;--ink-2: #b9c1d1;--ink-3: #838da0;--line: #2a3548;--line-2: #384662;--accent: #e0a34e;--accent-soft: #33291a;--navy: #c7d4ea;--good: #6dc79a;--good-bg: #16281f;--warn: #e0b054;--warn-bg: #2c2413;--crit: #e58b7c;--crit-bg: #2c1a17;--info: #82afdc;--info-bg: #16222f;--grey-bg: #1c2431;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:0;letter-spacing:-.01em;line-height:1.1}button,select,textarea{font-family:inherit}a{color:var(--accent)}.top{position:sticky;top:0;z-index:30;background:var(--paper-2);color:var(--ink);border-bottom:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top .brand{display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.04em;color:var(--ink-2)}.top .brand .g{width:15px;height:15px;background:var(--accent);border-radius:3px}.top .spacer{flex:1}.top a.back{color:var(--ink-2);text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:12px}.top a.back:hover{color:var(--ink)}.controls{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#1a1206;border-color:var(--accent)}.btn.play{background:#1d2b49;color:#eef1f6;border-color:#1d2b49}:root[data-theme=dark] .btn.play,:root:not([data-theme=light]) .btn.play{background:#0d1320;border-color:var(--line-2);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.cell-sel:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{background:var(--accent-soft);border-bottom:1px solid var(--line-2);color:var(--ink);padding:12px 20px;font-size:14px;display:none}.banner.show{display:block}.banner b{color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:18px;padding:18px 20px 40px;max-width:1360px;margin:0 auto;align-items:start}@media (max-width: 1000px){.layout{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card>.hd{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card>.hd h3{font-size:16px;font-weight:600}.card>.hd .sub{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.card .bd{padding:14px 16px}.tabs{display:flex;gap:4px;padding:8px 10px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{border:1px solid transparent;border-bottom:none;background:transparent;color:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:12px;padding:7px 11px;border-radius:8px 8px 0 0;cursor:pointer}.tab.active{background:var(--paper-2);color:var(--ink);border-color:var(--line)}.editor{width:100%;border:none;background:var(--paper-2);color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12.5px;line-height:1.65;padding:14px 16px;min-height:300px;resize:vertical;tab-size:2}.filehint{padding:9px 16px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filehint .with{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--crit);background:var(--crit-bg);padding:2px 8px;border-radius:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 520px){.metrics{grid-template-columns:repeat(2,1fr)}}.metric{border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:var(--paper);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--mc, var(--accent))}.metric .v{font-family:Fraunces,serif;font-size:30px;font-weight:600;line-height:1;color:var(--mc, var(--ink));font-variant-numeric:tabular-nums}.metric .l{font-family:IBM Plex Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-top:6px}.m-open{--mc: var(--info)}.m-done{--mc: var(--good)}.m-block,.m-hi{--mc: var(--crit)}.m-rev{--mc: var(--warn)}.m-miss{--mc: var(--ink-3)}.bars{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2)}.bar{display:grid;grid-template-columns:84px 1fr 24px;align-items:center;gap:10px;margin-bottom:6px}.bar .bl{font-size:12px;color:var(--ink-2);text-align:right}.bar .bt{height:10px;background:var(--paper-2);border-radius:5px;overflow:hidden}.bar .bf{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .4s ease}.bar .bn{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums}.sheet-scroll{overflow-x:auto}table.sheet{border-collapse:collapse;width:100%;min-width:720px;font-size:12.5px}table.sheet th{position:sticky;top:0;background:var(--paper-2);text-align:left;padding:9px 11px;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--line-2);white-space:nowrap;font-weight:600}table.sheet td{padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink-2)}table.sheet tr.row{cursor:pointer}table.sheet tr.row:hover{background:var(--paper-2)}table.sheet tr.row.sel{background:var(--accent-soft)}tr.r-conflict td{background:var(--crit-bg)}tr.r-review td{background:var(--warn-bg)}tr.r-missing td{background:var(--grey-bg);color:var(--ink-3)}table.sheet .id{font-family:IBM Plex Mono,monospace;color:var(--ink-3);font-size:11px;white-space:nowrap}table.sheet .item{color:var(--ink);font-weight:500;min-width:180px}.pill{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.p-type{background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line-2)}.p-good{background:var(--good-bg);color:var(--good)}.p-warn{background:var(--warn-bg);color:var(--warn)}.p-crit{background:var(--crit-bg);color:var(--crit)}.p-info{background:var(--info-bg);color:var(--info)}.blank{font-family:IBM Plex Mono,monospace;color:var(--ink-3);font-style:italic;font-size:11px;opacity:.75}.cell-sel{font-family:IBM Plex Sans,sans-serif;font-size:11.5px;background:var(--card);color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:3px 6px}.rev{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--card);color:var(--accent);font-weight:700;font-size:12px}.rev.on{background:var(--accent-soft);border-color:var(--accent)}.empty{padding:40px 16px;text-align:center;color:var(--ink-3);font-size:13px}.drawer{border-top:1px solid var(--line);padding:14px 16px;background:var(--paper-2);display:none}.drawer.show{display:block}.drawer h4{font-family:IBM Plex Sans,sans-serif;font-size:14px;margin:0 0 8px}.drawer .kv{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--ink-2);margin:3px 0}.drawer .kv b{color:var(--ink-3);font-weight:500}.drawer .ex{margin-top:8px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:9px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink);white-space:pre-wrap}.console{background:#141c2b;color:#cfd8ea;font-family:IBM Plex Mono,monospace;font-size:12px;padding:12px 16px;max-height:190px;overflow-y:auto;line-height:1.7}:root[data-theme=dark] .console,:root:not([data-theme=light]) .console{background:#0c111b}.console .warn{color:#e6ac57}.console .plan{color:#eef1f6}.console .c-create{color:#7fd0a4}.console .c-update{color:#e6ac57}.console .c-conflict{color:#ec9382}.console .c-missing{color:#9aa6bd}.legend{display:flex;gap:14px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:11px;height:11px;border-radius:3px}.foot{text-align:center;padding:8px 20px 30px;color:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:11.5px}.conn{display:flex;flex-direction:column;gap:12px}.conn .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.conn label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.conn input{flex:1;min-width:160px;background:var(--paper-2);border:1px solid var(--line-2);border-radius:8px;padding:8px 11px;font-size:13px;color:var(--ink);font-family:IBM Plex Mono,monospace}.conn input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.conn .status{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--ink-3)}.dot.ok{background:var(--good)}.dot.bad{background:var(--crit)}.dot.wait{background:var(--warn)}.conn a.open{font-family:IBM Plex Mono,monospace;font-size:12px}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:9px;overflow:hidden}.seg button{border:none;background:var(--card);color:var(--ink-2);font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer}.seg button.on{background:var(--accent);color:#1a1206}.badge{font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:999px;letter-spacing:.04em}.badge.live{background:var(--good-bg);color:var(--good)}.badge.demo{background:var(--info-bg);color:var(--info)}.conn .hint{font-size:12px;color:var(--ink-3)}