#pmrem-cubemap-contract-app{color:#edf2ff;background:radial-gradient(circle at 72% 20%,#7b97ff38,#0000 30rem),#0e1325;min-height:100vh;font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}#pmrem-cubemap-contract-stage,#pmrem-cubemap-contract-stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.pmrem-cubemap-contract-hud{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1630e6;border:1px solid #4b6197;border-radius:18px;width:min(460px,100vw - 32px);margin:24px;padding:22px;position:relative;box-shadow:0 20px 70px #0000006b}.eyebrow{color:#a9c5ff;letter-spacing:.16em;font-size:11px}h1{margin:8px 0;font-size:clamp(28px,5vw,42px);line-height:1}.intro{color:#c3cde5;max-width:38rem}.status-panel,.contract-panel{background:#192b56c7;border:1px solid #3d5688;border-radius:12px;margin-top:16px;padding:12px 14px}.loading-row,.control-heading{justify-content:space-between;gap:12px;font-weight:700;display:flex}.loading-detail,.source-note{color:#aab9da;margin-top:5px;font-size:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.metrics div{background:#31477c85;border-radius:9px;padding:9px}dt{color:#9fb1d8;letter-spacing:.1em;font-size:10px}dd{margin:2px 0 0;font-size:14px;font-weight:700}.control-panel{margin-top:16px}.button-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}button,input[type=range]{accent-color:#8eaaff}button{color:#edf2ff;background:#223967;border:1px solid #617db9;border-radius:7px;padding:7px 10px}button:disabled,input:disabled{opacity:.45}label{color:#c3cde5;gap:5px;font-size:12px;display:grid}input[type=range]{width:100%}.field{margin:10px 0}output{color:#b8cbff}.contract-heading{color:#bbceff;font-weight:700}a{color:#b9ccff}footer{z-index:2;color:#7082b0;letter-spacing:.15em;font-size:11px;position:fixed;bottom:18px;right:22px}@media (width<=620px){.pmrem-cubemap-contract-hud{margin:12px;padding:16px}footer{display:none}}