:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{color:#f7fbff;background-color:#0000;background-image:linear-gradient(110deg,#092f34f0,#1b5f56e0),url(https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;align-items:flex-end;min-height:190px;padding:32px;display:flex}.eyebrow{color:#9ee4d2;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.98}.hero p{color:#d9f7ef;max-width:560px;margin-bottom:0;font-size:1.08rem}.demo-copy{color:#b9eee0;margin-top:10px;font-size:.98rem}.prompt-panel,.empty-state,.result-card,.error-banner{background:#fff;border:1px solid #d9e1e4;border-radius:8px;margin-top:18px;padding:20px;box-shadow:0 12px 30px #1720260f}.panel-heading,.card-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{margin-bottom:14px;font-size:1rem}select{color:#172026;background:#f7fafb;border:1px solid #bdcbd0;border-radius:6px;min-width:190px;padding:10px 12px}textarea{resize:vertical;color:#172026;background:#fbfcfd;border:1px solid #bdcbd0;border-radius:6px;width:100%;min-height:150px;padding:14px}.examples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.examples button{color:#24424a;background:#edf4f2;border:1px solid #c4d8d3;border-radius:6px;padding:9px 11px}.submit-button{color:#fff;background:#145e57;border:0;border-radius:6px;margin-top:16px;padding:12px 16px;font-weight:700}.submit-button:disabled{cursor:not-allowed;opacity:.65}.error-banner{color:#7a2518;background:#fff1ed;border-color:#f0b5a6}.empty-state{color:#52676e}.empty-state p{margin-bottom:0}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mode-banner{text-transform:uppercase;border-radius:999px;align-items:center;min-height:32px;margin-top:18px;padding:6px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.result-card{min-width:0}.result-card pre{white-space:pre-wrap;word-break:break-word;color:#132024;background:#f3f7f7;border:1px solid #dde7e9;border-radius:6px;max-height:430px;margin:0;padding:14px;overflow:auto}.governed{border-color:#9fcfc1}.governed-response{color:#203238;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7fbfa;border:1px solid #dbe9e5;border-radius:6px;margin:0;padding:14px;line-height:1.55}.trace-helper{color:#5d7076;margin:-6px 0 12px;font-size:.92rem}.analysis-list{gap:10px;margin:0;display:grid}.analysis-list div{grid-template-columns:110px minmax(0,1fr);gap:12px;display:grid}dt{color:#5d7076;font-weight:700}dd{overflow-wrap:anywhere;margin:0}.explanation{color:#40545a;margin:14px 0 0}.risk-badge{text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.risk-green{color:#0f5132;background:#d7f5e4}.risk-yellow{color:#6f4b00;background:#fff0bf}.risk-red{color:#842029;background:#ffd7d7}.risk-unknown{color:#34454a;background:#e5ecee}.mode-pill{text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.mode-mock{color:#67510f;background:#fff4c7}.mode-live{color:#0d4e3d;background:#d9f8eb}@media (width<=820px){.app-shell{width:min(100% - 20px,1180px);padding-top:10px}.hero,.prompt-panel,.empty-state,.result-card,.error-banner{padding:16px}.hero{min-height:230px}.panel-heading,.card-title-row{flex-direction:column;align-items:flex-start}select{width:100%}.results-grid{grid-template-columns:1fr}.analysis-list div{grid-template-columns:1fr;gap:2px}}