:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:#e9eef4;background:#09131e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #84d8db;outline-offset:3px}button{border:1px solid #466177;border-radius:4px;background:#183144;color:#edf7fb;padding:.62rem .9rem;font-weight:650}button:hover:not(:disabled){background:#25465a;border-color:#83cdd1}.primary{background:#a4e1d9;color:#102832;border-color:#a4e1d9}.primary:hover:not(:disabled){background:#c8f2e8}.full{width:100%}select,textarea{border:1px solid #4a6273;border-radius:4px;background:#0d1d2a;color:#f2f7f9;padding:.62rem .7rem;width:100%}textarea{resize:vertical;line-height:1.55}h1,h2,h3,h4,p{margin-top:0}h1{font-size:1.05rem;line-height:1.1;margin:0}h2{font-size:clamp(1.65rem,2vw,2.2rem);line-height:1.13;letter-spacing:-.035em;margin:.3rem 0 .7rem}h3{font-size:1.08rem;margin:.18rem 0 0}h4{font-size:.95rem;margin:0 0 .7rem}p{line-height:1.5;color:#b8c8d2}small{font-size:.78rem;color:#a8bdc9;line-height:1.45}code,pre,.overline,.count,.state,.trace-row,.metric-grid{font-family:ui-monospace,Consolas,monospace}.shell{min-height:100vh}.app-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 clamp(1rem,2.3vw,2.5rem);border-bottom:1px solid #334b5d;background:#0b1a28;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.8rem;min-width:220px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9cddd7;border-radius:4px;color:#bdf0e4;font-weight:800}.brand small{display:block;letter-spacing:.16em;font-size:.57rem;color:#8fadb9;margin-top:.3rem}.app-header nav{align-self:stretch;display:flex;gap:1.5rem}.app-header nav button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:.3rem .2rem;color:#adc1cc;font-size:.86rem}.app-header nav button[aria-current=page]{border-bottom-color:#a4e1d9;color:#f4fbfa}.mode{white-space:nowrap;color:#b7cbd5;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.signal{width:7px;height:7px;border-radius:50%;background:#a4e1d9}.signal.live{background:#f3c578}.app-grid{display:grid;grid-template-columns:minmax(248px,19.5vw) minmax(0,1fr) minmax(230px,19vw);min-height:calc(100vh - 76px)}.workspace-panel,.inspector-panel{background:#0d1d2b;padding:1.5rem clamp(1rem,1.6vw,1.7rem);min-width:0}.workspace-panel{border-right:1px solid #31495b}.inspector-panel{border-left:1px solid #31495b}.main-panel{min-width:0;max-width:1500px;width:100%;margin:0 auto;padding:clamp(1.3rem,2.3vw,2.8rem) clamp(1.2rem,3vw,3.2rem) 5rem}.panel-heading{padding-bottom:1.3rem;margin-bottom:1.25rem;border-bottom:1px solid #31495b;display:grid;gap:.4rem}.panel-heading strong{font-size:.95rem}.overline{font-size:.64rem;font-weight:750;letter-spacing:.11em;color:#8ab6c2}.field-label{display:block;color:#e8f2f5;font-size:.78rem;font-weight:750;margin:1.25rem 0 .45rem}.field-note{font-size:.75rem;color:#9eb5c1;margin:.55rem 0 1.1rem}.workspace-panel details{margin:1.2rem 0}.workspace-panel details button{margin-top:.4rem;width:100%}.source-summary{margin-top:2rem;padding:1rem;border:1px solid #3b5869;background:#122737;display:grid;gap:.3rem;overflow-wrap:anywhere}.source-summary b{font-size:.88rem}.source-summary code{font-size:.7rem;color:#9eb9c7}.page-title{border-bottom:1px solid #466071;padding-bottom:1.25rem;margin-bottom:1.4rem}.page-title p{margin-bottom:0;max-width:66ch}.main-panel section{padding:1.45rem 0;border-bottom:1px solid #365062}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.count{border:1px solid #436b6e;color:#a7ded6;padding:.4rem .6rem;font-size:.71rem;white-space:nowrap}.count.warn{border-color:#a96965;color:#ffb5a9}.rule-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.05rem 1.2rem;background:#122636;border:1px solid #3a5566;border-left:3px solid #82c6c8;margin-bottom:.55rem}.rule-row>div{display:grid;align-content:start;gap:.55rem;min-width:0}.rule-row b{font-size:.93rem;line-height:1.45}.rule-row small{overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem}.chip{font-family:ui-monospace,Consolas,monospace;font-size:.67rem;line-height:1.45;padding:.33rem .45rem;border:1px solid}.chip.enforced{border-color:#5b9d91;color:#a5e2cf;background:#183b3b}.chip.missing{border-color:#a76b61;color:#ffc0ae;background:#402d32}summary{color:#dcecf0;font-weight:650;font-size:.85rem}details{margin:1rem 0}details[open] summary{margin-bottom:1rem}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem;background:#102332;border:1px solid #395469}.edit-row{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin:0;padding:.8rem 0;border-bottom:1px solid #344d5e;font-size:.78rem}.edit-row span{display:grid;gap:.3rem}.edit-row select{width:110px;flex:none}.gate-edit{padding:.8rem 0;border-bottom:1px solid #344d5e;display:grid;gap:.35rem}.gate-edit label{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.gate-edit input{accent-color:#a4e1d9;width:16px;height:16px}.experiment-controls{display:flex;align-items:end;justify-content:space-between;gap:1rem}.experiment-controls label{font-size:.76rem;color:#bfd2da;font-weight:650;min-width:220px}.experiment-controls select{display:block;margin-top:.4rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.hypothesis{margin:1.2rem 0;padding:.7rem .9rem;background:#172c3b;border-left:3px solid #99d6d7;font-size:.8rem}.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.3rem 0 .8rem}.outcome{display:grid;gap:.6rem;border:1px solid #3e596a;background:#102332;padding:1rem;min-width:0}.outcome small{font-size:.7rem}.state{font-size:.8rem;overflow-wrap:anywhere;color:#d6e8ec}.state.safe_execution{color:#a5e1d0}.state.unsafe_execution{color:#ffb1a7}.state.safe_block{color:#a9d6f2}.state.indeterminate{color:#f1cc8e}.interpretation{font-size:.83rem;margin:0}.verified-label,.unverified-label{font-size:.8rem;font-weight:750;color:#a5e1d0}.unverified-label{color:#ffb1a7}.source-list{display:grid;gap:.75rem}.source-list article{background:#102332;border:1px solid #3c5668;padding:1rem;overflow-wrap:anywhere}.source-top{display:flex;justify-content:space-between;gap:1rem;color:#dcebf0;font-size:.8rem}.source-top code{color:#92acba}.source-list p{white-space:pre-wrap;margin:.8rem 0 0;font-size:.85rem}.scenario-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.scenario-switch button[aria-pressed=true]{color:#132b34;background:#afe1dd;border-color:#afe1dd}.trace-list{border-top:1px solid #4a6474}.trace-row{display:grid;grid-template-columns:2.5rem minmax(120px,.8fr) minmax(100px,.6fr) minmax(220px,2fr);gap:.7rem;padding:.75rem .35rem;border-bottom:1px solid #354e60;font-size:.72rem;line-height:1.45}.trace-row code{color:#88b7c6}.trace-row b{color:#dcebee}.trace-row span{overflow-wrap:anywhere}pre{max-height:32rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#071621;border:1px solid #365162;padding:1rem;color:#d4e5e9;font-size:.72rem;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0}.metric-grid>div{border:1px solid #3c5667;padding:.8rem;display:grid;gap:.4rem;min-width:0;overflow-wrap:anywhere}.metric-grid small{font-size:.66rem}.metric-grid b,.metric-grid code{font-size:.78rem}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.78rem}th,td{padding:.7rem .6rem;border-bottom:1px solid #3e5868;vertical-align:top}th{color:#9eb8c4;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}td{color:#d8e8ed}.inspection-block{padding:1rem 0;border-bottom:1px solid #324b5c}.inspection-block>.state{display:block;margin:.65rem 0}.inspection-block p{font-size:.78rem;margin:.6rem 0 0}.inspection-block small{display:block;margin-top:.6rem}.mini-step{display:grid;gap:.2rem;margin:.8rem 0;font-size:.77rem}.inspector-footer{padding:1.5rem 0;font-size:.67rem;color:#8eabb9;line-height:1.55;letter-spacing:.05em}.alert{position:fixed;z-index:20;top:84px;left:50%;transform:translate(-50%);max-width:min(90vw,700px);display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;box-shadow:0 12px 35px #0008;font-size:.82rem}.alert.error{background:#4a2731;color:#ffe8e0;border:1px solid #cc8078}.alert.progress{background:#18394a;color:#eaf7f8;border:1px solid #5d9fa6}.alert span{overflow-wrap:anywhere}@media(max-width:1120px){.app-grid{grid-template-columns:minmax(225px,26vw) minmax(0,1fr)}.inspector-panel{grid-column:1/-1;border-left:0;border-top:1px solid #31495b;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.inspector-panel .panel-heading{grid-column:1/-1;margin:0}.inspector-footer{display:none}}@media(max-width:740px){.app-header{min-height:68px;flex-wrap:wrap;gap:.3rem 1rem;padding:.65rem 1rem}.brand{min-width:0}.brand small{font-size:.5rem}.mode{font-size:.67rem;margin-left:auto}.app-header nav{order:3;width:100%;justify-content:space-between;gap:.25rem}.app-header nav button{padding:.6rem .3rem;font-size:.78rem}.app-grid{display:block}.workspace-panel{border-right:0;border-bottom:1px solid #31495b;padding:1rem}.workspace-panel .panel-heading{padding-bottom:.6rem;margin-bottom:.7rem}.main-panel{padding:1.4rem 1rem 3rem}.inspector-panel{display:block;padding:1rem;border-top:1px solid #31495b}.inspector-panel .panel-heading{margin-bottom:.5rem}.rule-row,.edit-grid{grid-template-columns:1fr}.experiment-controls,.experiment-controls label{display:block}.experiment-controls .actions{margin-top:1rem}.outcome-grid{grid-template-columns:1fr}.outcome{gap:.25rem}.section-heading{align-items:start}.trace-list{overflow:auto}.trace-row{min-width:620px}.metric-grid{grid-template-columns:1fr}.alert{top:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
