:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#f1eeed}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}button,input,select{-webkit-tap-highlight-color:transparent}#stage{position:fixed;z-index:0;inset:0;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#stage:active{cursor:grabbing}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{position:fixed;z-index:20;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));pointer-events:none;transition:opacity .25s,transform .25s}.actions{display:flex;align-items:center;gap:10px;pointer-events:auto}button{cursor:pointer;border:1px solid #4b2b31;background:#10090bd9;color:#f4e9e9;font:600 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;padding:14px 20px;border-radius:999px;box-shadow:0 8px 28px #0008;transition:background .2s,border-color .2s,transform .2s;backdrop-filter:blur(14px)}button:hover{background:#291015;border-color:#9e3b45;transform:translateY(-1px)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff6771;outline-offset:4px}#panel{position:fixed;z-index:30;right:max(24px,env(safe-area-inset-right));bottom:86px;width:min(310px,calc(100vw - 48px));max-height:calc(100vh - 110px);overflow:auto;background:#110b0ef2;border:1px solid #3d2229;border-radius:16px;padding:20px;box-shadow:0 20px 60px #000b;backdrop-filter:blur(20px);transition:opacity .25s,transform .25s}#panel[hidden]{display:none}.panel-title{font-size:10px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title button{border:0;background:none;box-shadow:none;padding:0;font-size:23px;line-height:15px}#panel>label{display:flex;justify-content:space-between;font-size:11px;margin-top:13px;color:#c8b6b9}output{color:#8d6c73}input[type=range]{width:100%;accent-color:#e82127;height:20px;margin:7px 0}input[type=checkbox]{accent-color:#e82127;vertical-align:middle}.select-row{align-items:center;border:1px solid #322329;border-radius:11px;padding:8px 10px}.select-row select{max-width:150px;border:0;border-radius:8px;background:#24171b;color:#f4e9e9;font:600 10px Arial,Helvetica,sans-serif;padding:8px 9px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.color-row label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #322329;border-radius:11px;padding:9px 10px;color:#bba8ad;font-size:10px}.color-row input[type=color]{width:30px;height:25px;padding:0;border:0;border-radius:7px;background:transparent}.toggle-row{display:flex;justify-content:space-between;font-size:10px;margin-top:14px;color:#9c8289}.panel-action{width:100%;margin-top:16px;padding:12px}.ui-hidden footer,.ui-hidden #panel{opacity:0;transform:translateY(14px);pointer-events:none}.ui-hidden #panel{display:block!important}#panel p{font-size:10px;color:#806a70;line-height:1.7;margin-bottom:0;text-align:center}#loading{position:fixed;z-index:40;inset:0;display:grid;place-items:center;pointer-events:none}#loading[hidden]{display:none}#loading span{width:54px;height:2px;background:#e82127;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2;transform:scaleX(.3)}}
@media(max-width:700px){footer{right:16px;bottom:16px}.actions{gap:7px}button{font-size:12px;padding:12px 16px}#panel{right:16px;bottom:70px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}