:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf7fa;background:#071018}*{box-sizing:border-box}body{margin:0}#app,#viewport{width:100vw;height:100vh;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%}.panel{position:absolute;left:24px;top:24px;width:min(320px,calc(100vw - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;padding:14px 14px 12px;border:1px solid #ffffff29;border-radius:18px;background:#071b25d9;box-shadow:0 12px 50px #0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#panel-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 10px}#panel-toggle{flex:none;align-self:flex-start;margin:0 10px 8px;padding:8px 12px}#panel.is-collapsed{width:auto;max-height:none;padding:10px}#panel.is-collapsed #panel-body{display:none}#panel.is-collapsed #panel-toggle{margin:0}input[type=range]{touch-action:none}.eyebrow{font-size:10px;letter-spacing:.22em;color:#79bed0;font-weight:700}h1{font-size:28px;line-height:1.1;margin:9px 0 10px;font-weight:550;letter-spacing:-.035em}.intro{font-size:13px;line-height:1.5;color:#bad0d6;margin:0 0 20px}.panel label{display:flex;justify-content:space-between;margin:16px 0 6px;color:#d6edf1;font-size:12px;font-weight:600}.panel output{color:#81dce6;font-variant-numeric:tabular-nums}select,input[type=range]{width:100%}select{height:36px;border:1px solid #ffffff35;border-radius:8px;background:#183441;color:#eaf7fa;padding:0 10px}input[type=range]{accent-color:#6cd6df}.feature-title{margin-top:18px;color:#79bed0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.panel label.check{justify-content:flex-start;align-items:center;gap:8px;margin:18px 0;font-weight:400;color:#c7dfe3}.panel label.check.feature{margin:8px 0}.check input{accent-color:#6cd6df}.actions{display:flex;gap:8px;margin-top:20px}button{border:1px solid #87dbe166;border-radius:8px;background:#235c68;color:#e9fbfc;padding:9px 14px;cursor:pointer;font:inherit;font-size:12px}button:hover{background:#337886}.note{font-size:10px;color:#89a9b0;line-height:1.4;margin-top:18px}#status{position:absolute;right:22px;bottom:18px;color:#c6e8eb;background:#071b25c9;border:1px solid #ffffff2b;border-radius:30px;padding:9px 14px;font-size:11px;letter-spacing:.02em}#error:not([hidden]){position:absolute;inset:0;display:grid;place-items:center;padding:32px;text-align:center;background:#071018f2;color:#f6fbfb;font-size:18px;line-height:1.5;z-index:10}@media(max-width:680px){.panel{top:12px;left:12px;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:10px}#panel-body{padding:4px 8px 8px}.intro{display:none}h1{font-size:21px}.panel label{margin-top:9px}.note{display:none}#status{right:12px;bottom:12px;font-size:10px}}