:root{--bg: #0c0e12;--panel: #14171e;--panel2: #1a1e27;--border: #262b36;--text: #d7dce4;--dim: #8a93a3;--accent: #5eead4;--accent2: #f0abfc;--warn: #fbbf24;--mono: "SF Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}#root{max-width:1200px;margin:0 auto;padding:0 20px 80px}header.site{display:flex;align-items:baseline;gap:16px;padding:28px 0 12px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}header.site h1{font-size:22px;margin:0;letter-spacing:.14em}header.site h1 span{color:var(--accent)}header.site .sub{color:var(--dim);font-size:13px}nav.tabs{display:flex;gap:8px;margin:14px 0 22px;flex-wrap:wrap}nav.tabs button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}nav.tabs button.active{border-color:var(--accent);color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 6px;font-size:17px}.panel h3{margin:12px 0 6px;font-size:14px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.panel p.note{color:var(--dim);font-size:13px;margin:4px 0 10px}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:280px}canvas.chart{width:100%;height:auto;display:block;border-radius:6px}input[type=range]{width:100%;accent-color:var(--accent)}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.controls label{color:var(--dim);font-size:13px}.controls input[type=number],.controls input[type=text],.controls select{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:14px}.controls button,button.primary{background:var(--accent);color:#06281f;font-weight:600;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px}.controls button:disabled,button.primary:disabled{opacity:.4;cursor:default}button.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--border)}textarea.prompt{width:100%;min-height:64px;background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;font-family:var(--mono);font-size:14px;resize:vertical}.tokens{font-family:var(--mono);font-size:14px;line-height:1.9;word-break:break-word}.tokens span{border-radius:3px;padding:1px 0}.gen-output{font-family:var(--mono);font-size:14px;white-space:pre-wrap;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:12px;min-height:80px}table.lens{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--mono)}table.lens td{padding:2px 8px;border-bottom:1px solid var(--border)}table.lens td.val{text-align:right;color:var(--dim)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:320px;overflow-y:auto}.feature-card{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:12px}.feature-card:hover,.feature-card.sel{border-color:var(--accent)}.feature-card .fid{color:var(--accent);font-family:var(--mono)}.feature-card .toks{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;background:var(--panel2);border:1px solid var(--border);color:var(--dim);border-radius:999px;padding:1px 10px;font-size:12px;margin-right:6px}.err{color:#f87171}.loading{color:var(--dim);font-style:italic;padding:24px;text-align:center}.steer-list{display:flex;flex-direction:column;gap:6px}.steer-item{display:flex;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-family:var(--mono)}.steer-item input[type=range]{flex:1}footer.site{color:var(--dim);font-size:12px;margin-top:40px;border-top:1px solid var(--border);padding-top:12px}footer.site a{color:var(--accent)}