:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#0b0f16;color:#e8edf4}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#0b0f16,#121927)}.oc-shell{max-width:1440px;margin:auto;padding:24px}.oc-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.16em;color:#77a7ff}.oc-header h1{font-size:36px;margin:4px 0}.oc-header p{color:#9eabbc}.back,.tabs button,.context-card button,.panel button{color:#e8edf4;background:#172133;border:1px solid #2b3952;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer}.context-card{display:grid;grid-template-columns:1fr 1fr auto 1fr;gap:12px;align-items:end;background:#111825;border:1px solid #26334a;border-radius:16px;padding:16px;margin:22px 0}.context-card label,.panel label{display:grid;gap:6px;color:#9eabbc;font-size:13px}input,textarea,select{width:100%;background:#0b111c;color:#e8edf4;border:1px solid #2b3952;border-radius:9px;padding:10px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.tabs button.active{background:#2956a3;border-color:#467bd4}.panel{background:#101722;border:1px solid #26334a;border-radius:16px;padding:18px;box-shadow:0 12px 40px #0004}.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{background:#151f2f;border:1px solid #2a3850;border-radius:12px;padding:16px}.metrics span{display:block;color:#9eabbc;font-size:12px}.metrics strong{font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}pre{white-space:pre-wrap;word-break:break-word;background:#080d14;border:1px solid #202c3e;border-radius:12px;padding:14px;min-height:90px;max-height:420px;overflow:auto}textarea{min-height:160px;font-family:ui-monospace,monospace}.actions,.inline{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.inline input{flex:1;min-width:180px}.hint{color:#9eabbc}h2,h3{margin-top:8px}@media(max-width:800px){.oc-shell{padding:12px}.oc-header{display:block}.context-card{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.tabs button{white-space:nowrap}.actions>*{width:100%}.inline{display:grid}.oc-header h1{font-size:28px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.oc-shell{padding-bottom:80px}.tabs{position:sticky;top:0;background:#0b0f16;padding:8px 0;z-index:4}}