*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#16171a;color:#e8e8e9;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;left:28px;top:22px;pointer-events:none}header b{display:block;font-size:15px;letter-spacing:3px}header span{display:block;margin-top:5px;color:#888b92;font-size:10px;letter-spacing:1.4px}#panel{position:absolute;right:20px;top:20px;width:270px;max-height:calc(100% - 80px);overflow:auto;background:#1b1d21ed;border:1px solid #393b42;border-radius:12px;backdrop-filter:blur(16px)}summary{padding:15px 16px;cursor:pointer;font-weight:600;list-style:none}summary span{float:right;color:#858993;font-size:11px}fieldset{border:0;margin:0;padding:0 16px 14px;min-width:0}section{padding:12px 0;border-top:1px solid #33363c}h2{font-size:11px;letter-spacing:1px;color:#aab1bc;margin:0 0 10px}label{display:block;margin:9px 0;color:#cdd0d6;font-size:12px}output{float:right;color:#959fab;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin:8px 0;accent-color:#aebcd0}input[type=checkbox]{accent-color:#adc0d8;margin:0 7px 0 0}.check{display:flex;align-items:center}.light-switches{display:flex;justify-content:space-between}select,button{width:100%;margin-top:7px;padding:8px;color:#dde2ea;background:#292d34;border:1px solid #454b56;border-radius:5px;font:inherit}button{cursor:pointer}button:hover{background:#3a414c}p{color:#8d96a2;font-size:11px}footer{position:absolute;bottom:15px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;color:#a0a7b2;font-size:11px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#111317e8}#loading[hidden]{display:none}.loading-card{width:min(380px,80vw)}.loading-card b{font-size:20px;font-weight:500}progress{width:100%;height:5px;accent-color:#c1d2e9}#stats{text-align:right}@media(max-width:760px){header{top:16px;left:16px}header span{font-size:8px}#panel{top:auto;bottom:48px;right:12px;width:245px;max-height:52vh}footer{left:14px;right:14px;bottom:12px;font-size:10px;gap:12px}#stats{max-width:45%}}html,body{height:100dvh}#panel{overscroll-behavior:contain}summary::-webkit-details-marker{display:none}@media(max-width:760px),(pointer:coarse)and (max-height:600px){#panel{top:auto;bottom:calc(54px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px));width:min(270px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(70dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}summary{min-height:48px}select,button{min-height:44px;font-size:16px}input[type=range]{height:36px;margin:3px 0}.check{min-height:44px}input[type=checkbox]{width:20px;height:20px}footer{left:calc(14px + env(safe-area-inset-left,0px));right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:10px;gap:10px}#status{max-width:65%}#stats{max-width:35%}.loading-card{max-height:80dvh;overflow:auto}}@media(pointer:coarse)and (max-height:500px){#panel{bottom:calc(38px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}#stats{display:none}#status{max-width:100%}}