:root{--viewer-height:72vh;--viewer-min-height:520px;color:#ecf2f8;background:#07101b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:0;margin:0;overflow-x:clip}body{background:radial-gradient(circle at 50% 0,#17283b,#07101b 55%);min-height:100vh}button{font:inherit}.pocPage{width:min(100%,1600px);margin:0 auto;padding:clamp(16px,3vw,40px)}.pocHeader{margin-bottom:18px}.pocHeader h1{margin:4px 0 8px;font-size:clamp(1.5rem,3vw,2.4rem)}.pocHeader p{color:#b9c7d5;margin:0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#69c7ff!important}.viewerShell{background:#0a121d;border:1px solid #2b4055;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.viewerToolbar{border-bottom:1px solid #25394d;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.viewerToolbar h2{white-space:nowrap;margin:0;font-size:1rem}.viewerToolbar nav{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.viewerToolbar button,.debugActions button{color:#eaf5ff;cursor:pointer;background:#18283a;border:1px solid #456078;border-radius:8px;min-height:38px;padding:7px 12px}.viewerToolbar button:hover,.viewerToolbar button.selected{background:#1d4059;border-color:#62c6ff}.viewerContainer{width:100%;height:var(--viewer-height);min-height:var(--viewer-min-height);touch-action:none;background:#03070c;position:relative;overflow:hidden}#viewerCanvas{outline:none;width:100%;height:100%;display:block}.viewerGate,.loadingState,.errorState{z-index:3;text-align:center;background:#03070ce0;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.viewerGate[hidden],.loadingState[hidden],.errorState[hidden]{display:none}.viewerGate p{color:#aebdca;max-width:620px;margin:0;font-size:.9rem}.primary{color:#03121d;cursor:pointer;background:#74cfff;border:1px solid #8bd7ff;border-radius:999px;min-height:48px;padding:11px 24px;font-weight:800}.loadingState{pointer-events:none;background:#03070cb8}.loadingState span{color:#c3d0db}.spinner{border:3px solid #3b5269;border-top-color:#6dcfff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.errorState{color:#ffd1d1;background:#1f0407f0}.viewerStatus{z-index:2;color:#d8e5ef;pointer-events:none;background:#030a11b8;border-radius:7px;max-width:calc(100% - 24px);padding:7px 10px;font-size:.8rem;position:absolute;bottom:12px;left:12px}.debugOverlay{z-index:20;color:#eff8ff;pointer-events:none;background:#050e17f0;border:1px solid #58738d;border-radius:10px;width:min(320px,100vw - 24px);max-height:calc(100vh - 24px);padding:13px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;bottom:12px;right:12px;overflow:auto;box-shadow:0 12px 36px #0006}.debugOverlay dl{grid-template-columns:1fr auto;gap:4px 12px;margin:10px 0;display:grid}.debugOverlay dt,.debugOverlay dd{margin:0}.debugOverlay dd{text-align:right;color:#8ed7ff}.debugActions{pointer-events:auto;gap:6px;display:flex}.debugActions button{flex:1;min-height:34px;padding:5px;font-size:11px}@media (width<=700px){:root{--viewer-height:70svh;--viewer-min-height:420px}.pocPage{padding:10px}.viewerToolbar{flex-direction:column;align-items:flex-start}.viewerToolbar nav{justify-content:flex-start;width:100%}.viewerToolbar button{flex:calc(25% - 7px);min-width:62px;padding-inline:7px}.viewerGate{padding:18px}}