:root{font-family:system-ui,sans-serif;color:#efedf6;background:#101018;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%}header{position:absolute;left:32px;top:30px;pointer-events:none}header small{color:#b9a6d5;letter-spacing:2px;font-size:10px}h1{font-weight:400;font-size:44px;margin:12px 0}header p{color:#b8b2c7;font-size:13px}aside{position:absolute;right:24px;top:24px;width:280px;padding:20px;background:#191724eb;border:1px solid #3d3451;border-radius:14px;max-height:calc(100vh - 90px);overflow:auto;backdrop-filter:blur(12px)}h2{font-size:16px;font-weight:500;margin:0 0 18px}label{display:block;margin:13px 0;font-size:12px;color:#c8c1d9}input[type=range],select{width:100%;margin-top:8px}select,input[type=number],button{background:#2b253b;border:1px solid #4c405e;border-radius:6px;color:inherit;padding:8px;font:inherit}input[type=number]{width:84px;float:right;margin-top:-6px}input[type=range],input[type=checkbox]{accent-color:#c9a6f3}.buttons{display:flex;gap:8px}button{cursor:pointer;font-size:12px;margin:3px 0;flex:1}button:hover{background:#443455}aside>button{width:100%}.check{display:flex;gap:8px;align-items:center}output{float:right;color:#ddbcff;font-variant-numeric:tabular-nums}#status{color:#d7bfdc;font-size:11px;line-height:1.6}.hint{font-size:10px;color:#9d94ad;line-height:1.6}.file input{font-size:10px;width:100%;margin-top:8px}footer{position:absolute;bottom:20px;left:32px;color:#aaa2b8;font-size:10px;max-width:55%}#error{position:absolute;left:20px;bottom:70px;max-width:50%;padding:18px;border:1px solid #be857f;background:#30202d;line-height:1.5;font-size:13px}#error[hidden]{display:none}@media(max-width:700px){header{left:18px;top:18px}h1{font-size:26px}header p{display:none}aside{width:220px;right:10px;top:100px;padding:14px;max-height:calc(100vh - 155px)}footer{left:14px;font-size:8px;max-width:65%}}