:root{font-family:Inter,Arial,sans-serif;color:#eef7fc;background:#101820}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,#264b5e,#101820 55%)}.shell{max-width:1200px;margin:auto;padding:30px 18px 50px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#91ecc4;font-size:12px;font-weight:800}h1{font-size:clamp(31px,4vw,53px);line-height:1.06;margin:12px 0}h2{font-size:21px;margin:12px 0}.lead{max-width:780px;color:#c2d6df;line-height:1.55}nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}nav a{border:1px solid #72b9ae;border-radius:10px;color:#d6fff0;padding:10px 13px;text-decoration:none;font-weight:700}nav a:hover,nav a:focus-visible{background:#285366}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px;margin-top:24px}.panel{border:1px solid #486579;border-radius:17px;background:#142c3b;overflow:hidden}.stage{position:relative;min-height:620px;background:#0a1b27}.stage iframe{width:100%;height:100%;min-height:620px;border:0}.visual{position:absolute;top:16px;right:16px;max-width:245px;background:#0d2230dc;border:1px solid #5a8994;border-radius:12px;padding:12px 16px;pointer-events:none}.visual h2{font-size:17px;margin:0 0 7px}.visual ul{padding-left:19px;margin:0;line-height:1.55}.caption{position:absolute;bottom:12px;left:12px;right:12px;background:#091923e8;border-radius:10px;padding:10px 14px;line-height:1.5;min-height:45px}.controls{padding:20px}.controls label{display:block;font-weight:700;margin:13px 0 6px}.controls select,.controls input{width:100%;background:#0c1f2c;border:1px solid #6a93a2;border-radius:9px;color:#fff;padding:10px;font:inherit}.buttons,.ask{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ask input{flex:1 1 180px}.ask button{flex:0 0 auto}button{border:1px solid #80b5bb;border-radius:9px;background:#285366;color:#fff;padding:10px 13px;font-weight:700;cursor:pointer}button.primary{background:#7ce5be;color:#092b2b;border-color:#7ce5be}button:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-block;background:#184841;color:#dbfff1;border-radius:99px;padding:7px 11px;font-size:13px;font-weight:700}.muted,.fine{color:#b7cbd5;line-height:1.5}.fine{font-size:12px;border-top:1px solid #456070;padding-top:12px}.qa{border-top:1px solid #456070;margin-top:20px}.qa h3{margin-bottom:3px}#answer{min-height:24px;line-height:1.5}@media(max-width:820px){.layout{grid-template-columns:1fr}.stage,.stage iframe{min-height:480px}.visual{max-width:42%;font-size:13px}.controls{padding:16px}}@media(max-width:480px){.stage,.stage iframe{min-height:420px}.visual{top:9px;right:9px;max-width:54%;padding:8px}.caption{left:8px;right:8px;bottom:8px;font-size:13px}}
.stage{height:620px;min-height:620px;align-self:start}.stage iframe{height:100%;min-height:0}@media(max-width:820px){.stage{height:480px;min-height:480px}.stage iframe{height:100%;min-height:0}}@media(max-width:480px){.stage{height:420px;min-height:420px}}
.viewer-mask{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;background:#162936;color:#d8e9ee;font-weight:700}.viewer-mask[hidden]{display:none!important}.visual,.caption{z-index:2}