[hidden]{display:none!important}
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f0fb;background:#0b1220;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -25%,#214367 0,transparent 56%),#0b1220;min-height:100vh}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #28364a;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand-icon{height:43px;width:43px;background:#236a78;border:1px solid #40b5b5;border-radius:13px;display:grid;place-items:center;color:#dcffff;font-size:29px}
.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.5px}.brand small{font-size:11px;color:#9aacbf;margin-top:2px}
.status{font-size:12px;color:#d5e1f1;padding:8px 12px;border:1px solid #35485d;border-radius:99px;background:#172539}
.status.ready{color:#8cf2c5;border-color:#227459}.status.warn{color:#ffd58f;border-color:#91612d}
.introduction{padding:34px 0 28px}.eyebrow{font-size:11px;color:#58cbcd;letter-spacing:3px;font-weight:700}
.introduction h1{font-size:clamp(28px,4vw,43px);letter-spacing:-1.5px;margin:11px 0 10px}
.introduction p{margin:0;color:#a7b9ca;line-height:1.65}
.columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px}
.panel{background:#121e30;border:1px solid #30415a;border-radius:19px;padding:21px;min-width:0}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}
.panel-heading h2{margin:0;font-size:18px}.panel-heading p{color:#96abc0;font-size:13px;line-height:1.5;margin:6px 0 0}
.pill{padding:5px 10px;border-radius:99px;border:1px solid #546073;background:#202c3c;color:#c0c9d3;font-size:12px}
.pill.live{background:#114e45;border-color:#21856d;color:#89efd0}
.camera-stage{height:330px;background:#07101b;border:1px solid #34455a;border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden}
.camera-stage video{width:100%;height:100%;object-fit:contain}
.camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:linear-gradient(150deg,#0b1727,#13253b);color:#e8f0fc}
.camera-empty span{font-size:66px;font-weight:200;color:#58c1c6}.camera-empty small{color:#8da8be}
.live-tag{position:absolute;left:15px;top:15px;padding:8px 11px;font-size:10px;letter-spacing:1px;border-radius:8px;background:#071d1bcc;color:#98ffce;font-weight:700}
.pulse{display:inline-block;height:7px;width:7px;background:#66e2a8;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #66e2a8}
.camera-tools{padding-top:18px}.select-label,.field-label{display:block;color:#b5c6d8;font-size:12px;font-weight:650;margin-bottom:8px}
.field-label{margin-top:15px}select,textarea{border:1px solid #42546d;background:#0a1525;color:#f0f7ff;border-radius:10px;width:100%;padding:12px;font:inherit;font-size:14px}
textarea{resize:vertical;line-height:1.5;min-height:132px}
select:focus,textarea:focus,button:focus-visible{outline:2px solid #74dcd7;outline-offset:2px}
.button-row{display:flex;gap:10px;margin-top:13px}
.button{border-radius:10px;border:1px solid #49617e;padding:12px 16px;color:#eaf4ff;background:#20354e;cursor:pointer;font-size:14px;font-weight:700;transition:background .15s}
.button:hover:not(:disabled){background:#314c69}.button:disabled{opacity:.46;cursor:not-allowed}.ghost{flex:1}
.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#50d2c1;color:#052a34;border-color:#50d2c1;margin-top:16px;font-size:15px}
.primary:hover:not(:disabled){background:#80e7d5}
.message{min-height:18px;color:#8faec2;font-size:12px;margin:9px 0 20px}.message.error{color:#ffafaa}
.answer-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #334259;padding-top:18px}.answer-heading h3{margin:0;font-size:15px}
.copy{border:1px solid #40576e;background:transparent;color:#a8becb;border-radius:7px;padding:6px 11px;cursor:pointer}.copy:disabled{opacity:.4;cursor:not-allowed}
.answer{background:#0a1625;border:1px solid #283c51;min-height:170px;border-radius:11px;margin-top:11px;padding:16px;color:#dfeaf5;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.answer .placeholder{color:#718ba1;margin:0}
.answer-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#7892a9;padding-top:13px}
.snapshot-preview{margin-top:18px}.preview-label{font-size:12px;color:#a9bed1;margin-bottom:8px}
.snapshot-preview img{border:1px solid #415775;border-radius:9px;max-height:160px;max-width:100%;object-fit:contain}
footer{font-size:12px;color:#7890a6;padding:27px 0 38px;line-height:1.7}
@media(max-width:800px){.columns{grid-template-columns:1fr}.camera-stage{height:auto;aspect-ratio:16/10}.shell{width:min(100% - 22px,1180px)}.panel{padding:16px}.introduction{padding:28px 0 21px}}