:root{--bg: #1a1a2e;--bg-panel: #16213e;--bg-hover: #1f3460;--bg-selected: #0f3460;--color-text: #e0e0e0;--color-muted: #8892a4;--color-border: #2a3a5c;--color-static: #5b9bd5;--color-dynamic: #6bcb77;--color-personal: #b07cd8;--color-ephemeral: #e8a838;--color-accent: #5b9bd5;--color-danger: #e74c3c;--color-scope: #4ecdc4;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--color-text);line-height:1.5;min-height:100vh}header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--color-border)}header h1{font-size:1.5rem;font-weight:600}.subtitle{color:var(--color-muted);font-size:.875rem}#app{display:grid;grid-template-columns:320px 1fr;gap:1rem;padding:1rem;max-width:1400px;margin:0 auto}#sidebar,#content{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.panel h2{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.placeholder{color:var(--color-muted);font-style:italic;text-align:center;padding:2rem 0}.layer-card{padding:.5rem .75rem;border-left:3px solid;margin-bottom:.5rem;border-radius:0 var(--radius) var(--radius) 0;background:#ffffff08}.layer-name{font-weight:600;font-size:.9rem}.layer-meta{display:flex;gap:.5rem;font-size:.75rem;margin-top:.25rem}.layer-type{color:var(--color-muted)}.layer-badge{padding:0 .4rem;border-radius:3px;font-size:.7rem}.layer-badge.writable{background:#6bcb7733;color:var(--color-dynamic)}.layer-badge.readonly{background:#8892a433;color:var(--color-muted)}.key-list{max-height:400px;overflow-y:auto}.key-row{display:flex;justify-content:space-between;padding:.4rem .6rem;cursor:pointer;border-radius:var(--radius);font-size:.85rem;transition:background .15s}.key-row:hover{background:var(--bg-hover)}.key-row.selected{background:var(--bg-selected);border-left:2px solid var(--color-accent)}.key-name{font-family:Fira Code,Cascadia Code,monospace;color:var(--color-text)}.key-value{color:var(--color-muted);font-family:Fira Code,Cascadia Code,monospace;font-size:.8rem}.effective-value{padding:.5rem;background:#ffffff0d;border-radius:var(--radius);margin-bottom:.75rem;font-size:.9rem}.effective-layer{color:var(--color-muted);font-size:.8rem;margin-left:.5rem}.layer-breakdown{display:flex;flex-direction:column;gap:.25rem}.layer-row{display:flex;justify-content:space-between;padding:.35rem .6rem;border-radius:var(--radius);font-size:.85rem;background:#ffffff05}.layer-row.winner{background:#5b9bd526;border-left:2px solid var(--color-accent)}.layer-label{font-weight:500}.layer-val{font-family:Fira Code,Cascadia Code,monospace;color:var(--color-muted);font-size:.8rem}.editor-layer{margin-bottom:.75rem;padding:.5rem;background:#ffffff08;border-radius:var(--radius)}.editor-layer label{display:block;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--color-muted);margin-bottom:.35rem}.editor-controls{display:flex;gap:.4rem;align-items:center}.editor-controls input,.editor-controls select{flex:1;padding:.3rem .5rem;background:var(--bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.85rem}.editor-controls button{padding:.3rem .6rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.8rem;transition:opacity .15s}.editor-controls button:disabled{opacity:.4;cursor:not-allowed}.btn-set{background:var(--color-accent);color:#fff}.btn-remove{background:var(--color-danger);color:#fff}.current-layer-val{display:block;font-size:.75rem;color:var(--color-muted);margin-top:.25rem;font-family:Fira Code,Cascadia Code,monospace}.session-status{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.session-status.active{background:#6bcb7733;color:var(--color-dynamic)}.session-status.inactive{background:#8892a433;color:var(--color-muted)}.session-form{display:flex;flex-direction:column;gap:.5rem}.session-form input{padding:.3rem .5rem;background:var(--bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.85rem}.session-form label{font-size:.8rem;color:var(--color-muted)}.session-info{font-size:.85rem;margin-bottom:.75rem}.session-info div{margin-bottom:.25rem}.session-info code{font-size:.75rem;background:#ffffff14;padding:.1rem .3rem;border-radius:3px}.countdown{font-weight:600;color:var(--color-ephemeral);margin-top:.25rem}.session-actions{display:flex;gap:.5rem}.session-actions button{padding:.35rem .7rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.8rem}.btn-primary{background:var(--color-accent);color:#fff;font-size:.85rem}.btn-danger{background:var(--color-danger);color:#fff}#btn-extend{background:var(--color-ephemeral);color:#1a1a2e}.log-list{max-height:250px;overflow-y:auto;font-size:.8rem}.log-entry{padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:.5rem}.log-time{font-family:Fira Code,Cascadia Code,monospace;color:var(--color-muted);white-space:nowrap;font-size:.75rem}.log-msg{color:var(--color-text)}@media(max-width:768px){#app{grid-template-columns:1fr}}.key-policy-badge{display:inline-block;padding:.05rem .35rem;border-radius:8px;font-size:.65rem;font-weight:600;margin-left:.3rem;vertical-align:middle}.policy-direct{background:#6bcb7733;color:#6bcb77}.policy-staging{background:#e8d83833;color:#e8d838}.policy-pipeline{background:#e8a83833;color:#e8a838}.policy-emergency{background:#e74c3c33;color:#e74c3c}.ceiling-badge{font-size:.7rem;margin-left:.2rem;opacity:.8}.schema-meta{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.schema-meta h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.5rem}.schema-meta dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.85rem}.schema-meta dt{color:var(--color-muted);font-weight:500}.schema-meta dd{margin:0}.schema-badge{display:inline-block;padding:.05rem .4rem;border-radius:8px;font-size:.75rem;font-weight:600}.policy-feedback{margin-top:.5rem;padding:0;border-radius:var(--radius);font-size:.85rem;transition:all .2s}.policy-feedback:empty{display:none}.policy-feedback.warning{display:block;padding:.5rem .75rem;background:#e8d83826;border:1px solid rgba(232,216,56,.3);color:#e8d838}.policy-feedback.error{display:block;padding:.5rem .75rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.editor-layer.ceiling-blocked{opacity:.5;border:1px dashed var(--color-border)}.ceiling-msg{font-size:.8rem;color:var(--color-muted);padding:.25rem 0}.scope-chain{margin-top:.5rem;font-size:.75rem;color:var(--color-muted);font-family:Fira Code,Cascadia Code,monospace}.scope-chain .scope-segment{color:var(--color-scope)}.all-sources{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.all-sources h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.5rem}.source-row{display:flex;justify-content:space-between;padding:.3rem .5rem;border-radius:var(--radius);font-size:.8rem;margin-bottom:.2rem;background:#ffffff05}.source-row.scope{border-left:2px solid var(--color-scope)}.source-layer{font-weight:500;font-family:Fira Code,Cascadia Code,monospace;font-size:.75rem}.source-row.scope .source-layer{color:var(--color-scope)}.source-val{font-family:Fira Code,Cascadia Code,monospace;color:var(--color-muted);font-size:.75rem}.location-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.loc-btn{padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--bg);color:var(--color-muted);cursor:pointer;font-size:.8rem;transition:background .15s,border-color .15s}.loc-btn:hover{background:var(--bg-hover)}.loc-btn.active{background:#4ecdc426;border-color:var(--color-scope);color:var(--color-scope)}.loc-desc{color:var(--color-muted);font-size:.7rem}.layer-card-scope{background:#4ecdc40f}#content,#sidebar,#inspector,#editor{min-width:0}#inspector{overflow-wrap:anywhere}.inspector-schema{margin-top:.75rem;border-top:1px solid var(--color-border);padding-top:.5rem}.inspector-schema button,.inspector-schema select{padding:.3rem .5rem;margin:.2rem}.inspector-schema select{max-width:100%;background:var(--bg);color:var(--color-text)}.inspector-schema p{margin:.35rem 0;font-size:.8rem}.inspector-schema pre{max-height:16rem;max-width:100%;overflow:auto;white-space:pre;font-size:.75rem}.inspector-schema [hidden]{display:none}@media(max-width:768px){#app{min-width:0}.inspector-schema pre{max-height:12rem}}