:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,html,#root{background:#1a1a2e;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{width:100%;height:100%;position:relative}.ui-overlay{z-index:10;color:#fff;pointer-events:auto;border-radius:12px;max-width:250px;padding:20px;position:absolute;top:20px;left:20px}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000005e}h1{letter-spacing:2px;text-shadow:0 2px 4px #00000080;background:linear-gradient(90deg,#ff9a9e 0%,#fecfef 99% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 15px;font-size:24px}.controls{margin-bottom:15px}.controls select{background:#fffc;border:1px solid #ccc;border-radius:5px;margin-left:10px;padding:5px}.buttons{flex-direction:column;gap:10px;display:flex}.buttons button{cursor:pointer;color:#fff;background:#e63946;border:none;border-radius:6px;padding:8px 12px;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0003}.buttons button:hover{background:#f16e78;transform:translateY(-2px)}.buttons button:active{transform:translateY(0)}.panel-toggle{display:none}@media (width<=768px){.ui-overlay{border-radius:0 0 10px 10px;flex-direction:column;gap:5px;max-width:100%;padding:5px 10px;transition:all .3s;display:flex;top:0;left:0;right:0}.ui-overlay.panel-collapsed{padding:0}.panel-toggle{color:#fff;cursor:pointer;text-align:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;width:100%;padding:6px;font-size:12px;font-weight:700;display:block}.ui-overlay h1{display:none}.controls{gap:5px;width:100%;margin:0;display:flex}.controls label{flex:1;font-size:10px;margin:0!important}.controls select{width:100%;margin-left:0;padding:2px;font-size:10px}.buttons{flex-flow:wrap;gap:4px;width:100%;display:flex}.buttons button{flex:calc(25% - 4px);margin:0;padding:6px 2px;font-size:10px}canvas{transform-origin:top;margin-top:20px;transform:scale(.9)}}#appVerBadge{opacity:.6;z-index:2147483000;pointer-events:none;color:#cbd5e1;font-family:system-ui,sans-serif;font-size:11px;line-height:1;position:fixed;bottom:4px;right:6px}.ver-fold{text-align:left;color:#cbd5e1;margin-top:10px;font-size:12px}.ver-fold>summary{cursor:pointer;opacity:.8;padding:10px 4px}.ver-fold .ver-tag{max-height:40vh;padding:0 4px;overflow-y:auto}.ver-fold .ver-tag p{margin:4px 0 10px;line-height:1.65}.ver-fold .ver-tag b{color:#f8fafc}