@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0a0a0a;--surface: #111111;--border: #2a2a2a;--amber: #f59e0b;--green: #22c55e;--red: #ef4444;--orange: #f97316;--text: #e5e5e5;--muted: #6b7280}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr 220px;background:var(--bg)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.wordmark{display:flex;flex-direction:column;gap:4px}.wordmark-title{font-size:22px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.wordmark-subtitle{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;gap:12px}.chrome-button,.preset-button,.inline-button{background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 14px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.chrome-button:hover,.preset-button:hover,.inline-button:hover{border-color:var(--amber);color:var(--amber)}.chrome-button:disabled,.preset-button:disabled,.inline-button:disabled{cursor:not-allowed;opacity:.5}.main-layout{display:grid;grid-template-columns:minmax(320px,35%) minmax(0,65%);gap:0;min-height:0}.panel{border-right:1px solid var(--border);min-height:0;overflow:auto;background:var(--surface)}.panel:last-child{border-right:none}.panel-inner{padding:20px}.panel-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.request-card,.placeholder-card,.iteration-card,.audit-trail,.info-strip,.banner,.error-strip{border:1px solid var(--border);background:#0f0f0f}.request-card,.placeholder-card,.info-strip,.error-strip{padding:16px;margin-bottom:16px}.placeholder-card{color:var(--muted)}.current-request-grid{display:grid;grid-template-columns:1fr;gap:10px}.field-label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.field-value{font-family:IBM Plex Mono,monospace;font-size:14px}.preset-grid{display:grid;gap:10px}.preset-button{text-align:left;padding:14px}.preset-title{display:block;font-weight:600;margin-bottom:4px}.preset-subtitle{display:block;font-size:12px;color:var(--muted)}.processing-indicator{margin-top:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.governance-scroll{padding:20px;display:flex;flex-direction:column;gap:16px}.iteration-card{animation:fadeUp .18s ease-out}.iteration-header{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--amber);font-family:IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.iteration-body{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.column{padding:16px;min-width:0}.column-title{font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:2px}.column-subtitle{font-size:12px;color:var(--muted);margin-bottom:14px}.ai-column{border-right:1px solid var(--border)}.ai-prose{color:#c7c7c7;font-style:italic;line-height:1.6}.ai-list{display:grid;gap:10px;font-family:IBM Plex Mono,monospace}.boundary-divider{position:relative;display:flex;justify-content:center}.boundary-divider:before{content:"";width:1px;background:var(--border);height:100%}.boundary-label{position:absolute;top:16px;background:var(--surface);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.18em;padding:0 8px;writing-mode:vertical-rl;transform:rotate(180deg)}.trace-list{display:grid;gap:8px;font-family:IBM Plex Mono,monospace;font-size:13px}.trace-row{display:grid;grid-template-columns:18px auto 1fr;gap:8px;align-items:start}.trace-icon.pass{color:var(--green)}.trace-icon.fail{color:var(--red)}.trace-icon.info{color:var(--amber)}.trace-icon.running{color:var(--amber);animation:blink 1s steps(2,start) infinite}.trace-check{color:var(--amber)}.trace-detail{color:var(--muted)}.verdict-banner{margin-top:16px;padding:12px;border:1px solid var(--border);font-family:IBM Plex Mono,monospace;text-transform:uppercase}.verdict-valid{border-color:var(--green);color:var(--green)}.verdict-invalid{border-color:var(--red);color:var(--red)}.banner{padding:14px 16px;font-family:IBM Plex Mono,monospace}.banner-correction{border-color:var(--amber);color:var(--amber)}.banner-resolved{border-color:var(--green);color:var(--green)}.banner-indeterminate{border-color:var(--orange);color:var(--orange)}.banner-title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.banner-detail{color:var(--text)}.audit-shell{border-top:1px solid var(--border);background:#0d0d0d;min-height:0;display:flex;flex-direction:column}.audit-header{padding:12px 20px;border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.audit-scroll{overflow:auto;padding:10px 20px 20px;font-family:IBM Plex Mono,monospace;font-size:12px}.audit-row{display:grid;grid-template-columns:86px 150px 140px 1fr;gap:12px;padding:4px 0;border-bottom:1px solid rgba(42,42,42,.3)}.audit-muted{color:var(--text)}.audit-pass{color:var(--green)}.audit-fail{color:var(--red)}.audit-correct{color:var(--amber)}.audit-escalated{color:var(--orange)}.audit-reset{color:var(--muted);font-style:italic}.status-error{color:var(--red)}.status-info{color:var(--muted)}.status-ok{color:var(--green)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.2}}@media(max-width:1100px){.app-shell{grid-template-rows:auto auto auto}.main-layout{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--border)}.iteration-body{grid-template-columns:1fr}.boundary-divider{min-height:48px}.boundary-label{writing-mode:horizontal-tb;transform:none;top:14px}.ai-column{border-right:none;border-bottom:1px solid var(--border)}.audit-row{grid-template-columns:1fr;gap:4px}}
