*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,sans-serif;background:#0b0e13;color:#e9edf3}button,input,select{font:inherit}button{border:1px solid #4a5362;background:#202632;color:#eef2f7;border-radius:5px;padding:6px 9px;cursor:pointer}button:hover{background:#2b3442}button:disabled{opacity:.45;cursor:default}button.secondary{background:#171d27}.danger{border-color:#875252}#app,#viewport{width:100%;height:100%}#viewport{position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.floating-panel{position:absolute;z-index:50;background:#171b22f0;border:1px solid #3a4350;border-radius:8px;box-shadow:0 12px 35px #00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#toolbar{top:14px;left:14px;width:220px;padding:10px}.toolbar-level{display:flex;align-items:center;gap:8px}.toolbar-level button{width:42px;font-size:20px;line-height:1}.toolbar-level strong{flex:1;text-align:center;font-size:18px}#stats{margin:7px 2px 9px}#previewNext,#settingsToggle{width:100%;margin-top:6px}.popup-panel{top:14px;right:14px;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:14px;display:none}.popup-panel.open{display:block}#settingsPanel{width:min(420px,calc(100vw - 28px))}.selection-panel{top:auto;bottom:14px;width:min(390px,calc(100vw - 28px))}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.panel-header h1{font-size:20px;margin:0}.panel-header h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#aeb8c7;margin:0}.icon-button{width:32px;height:32px;padding:0;font-size:22px;line-height:1}section{border-top:1px solid #303744;padding:12px 0}section:first-of-type{border-top:0}section h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#aeb8c7;margin:0 0 9px}label{display:block;margin:7px 0;font-size:13px}input[type=number],input[type=url],select{width:100%;background:#10141b;color:#e9edf3;border:1px solid #414957;border-radius:4px;padding:5px}input[type=range]{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muted{color:#99a4b4;font-size:12px;line-height:1.45}.url-row{display:flex;gap:5px}.url-row input{min-width:0}.url-row button{white-space:nowrap}.selection-info{background:#10141b;border:1px solid #303744;border-radius:4px;padding:8px;line-height:1.55;word-break:break-word;margin-bottom:8px}.level-control{margin-top:8px}.level-control-head{display:grid;grid-template-columns:30px 1fr 58px;gap:6px;align-items:center}.level-control input[type=color]{width:30px;height:24px;padding:0;border:0;background:transparent}.level-control input[type=range]{min-width:0}.level-control small{color:#aab3c0}section h3{font-size:12px;margin:12px 0 6px;color:#aeb8c7}footer{padding:12px 0 2px;color:#707b8b;font-size:11px}@media(max-width:600px){#toolbar{top:8px;left:8px;width:190px}.popup-panel{top:8px;right:8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.selection-panel{top:auto;bottom:8px}}