:root{color-scheme:dark;--bg: #0d1014;--bg-panel: #11161c;--bg-input: #0f1318;--hairline: #1e242c;--hairline-strong: #2a323d;--hover: #4a5664;--text: #dde3ea;--text-muted: #9aa4b2;--text-dim: #7d8590;--accent: #e0a45c;--on-accent: #0d1014;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{min-height:32px;border:1px solid var(--hairline-strong);border-radius:6px;background:var(--bg-panel);color:var(--text-muted);padding:7px 14px;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;transition:background .16s ease,border-color .16s ease,color .16s ease}button:hover,button:focus-visible{border-color:var(--hover);background:#161d26;color:var(--text);outline:none}button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover,button.primary:focus-visible{border-color:#ebb979;background:#ebb979;color:var(--on-accent)}button.small{min-height:28px;padding:4px 9px}.app-shell{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;border-bottom:1px solid var(--hairline);padding:0 4px 8px}.eyebrow{margin:0 0 3px;color:var(--text-dim);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1.wordmark{margin-bottom:0;color:var(--text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:500;letter-spacing:.18em;line-height:1;text-transform:uppercase}.wordmark-cursor{color:var(--accent);letter-spacing:0}h2{margin-bottom:0;color:var(--text);font-size:13px;font-weight:600}p,li{color:var(--text-muted)}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.export-status{color:var(--text-dim);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;min-width:108px;max-width:180px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:8px;min-height:0;flex:1;padding-top:8px}.panel,.stage-panel,.rail-card{border:1px solid var(--hairline);border-radius:8px;background:var(--bg-panel)}.panel{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:auto;padding:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}label{display:grid;gap:6px;color:var(--text-dim);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.02em}.source-panel label:has(textarea){flex:1;min-height:0}input,select,textarea{width:100%;border:1px solid var(--hairline-strong);border-radius:6px;background:var(--bg-input);color:var(--text);padding:9px}textarea{height:100%;min-height:0;flex:1;overflow-wrap:anywhere;resize:vertical;color:var(--text-muted);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.artifact-workbench{display:grid;grid-template-rows:minmax(0,1fr) 142px;gap:8px;min-width:0;min-height:0}.stage-panel{min-width:0;min-height:0;overflow:hidden;padding:0}.stage{height:100%;min-height:0;overflow:hidden;background:var(--bg)}.stage svg{display:block;width:100%;height:100%;max-height:none}.detail-rail{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(360px,1.42fr) minmax(220px,.76fr);gap:8px;min-height:0}.rail-card{min-width:0;overflow:hidden;padding:10px 11px}.rail-card h2{margin-bottom:7px;color:var(--accent);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.rail-card p{display:-webkit-box;margin-bottom:0;overflow:hidden;font-size:12px;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.rail-card ol{display:grid;gap:4px;margin:0;max-height:92px;overflow:hidden;padding-left:18px}.rail-card li{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.selected-card span{display:inline-block;max-width:100%;margin-bottom:8px;overflow:hidden;border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;padding:3px 8px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.term-list{display:flex;flex-wrap:wrap;gap:5px;max-height:92px;overflow:hidden}.term-list span{border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);font-size:10px;max-width:166px;overflow:hidden;overflow-wrap:anywhere;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.workspace{grid-template-columns:1fr}textarea{min-height:220px}.stage svg{height:auto}}@media(max-width:760px){.app-shell{height:auto;min-height:100vh;overflow:visible;padding:8px}.topbar{align-items:flex-start;flex-direction:column}.actions,.actions button{width:100%}.export-status{text-align:left;width:100%}.detail-rail{grid-template-columns:1fr}.workspace,.artifact-workbench{display:grid;grid-template-columns:1fr;grid-template-rows:auto;overflow:visible}.panel,.rail-card{overflow:visible}.source-panel label:has(textarea){flex:initial}textarea{height:220px;min-height:220px}.stage{height:auto;overflow-x:auto}.stage svg{min-width:920px}}
