*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#eee}#canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}#topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);pointer-events:none}#topbar>*{pointer-events:auto}#shape-select{flex:1;font-size:15px;padding:8px 10px;border-radius:8px;border:none;background:#ffffff1f;color:#fff;max-width:80%}#shape-info{font-size:13px;color:#bbb;white-space:nowrap}#bottombar{position:absolute;bottom:44px;left:0;right:0;display:flex;justify-content:center;gap:14px;padding:0 16px}.ctrl-btn{flex:1;max-width:160px;font-size:17px;padding:14px 10px;border-radius:12px;border:none;background:#ffffff24;color:#fff;-webkit-tap-highlight-color:transparent}.ctrl-btn:active{background:#ffffff47}#indexbar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;align-items:center;gap:10px}#index-slider{flex:1}#index-label{font-size:12px;color:#bbb;min-width:90px;text-align:right;white-space:nowrap}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#aaa;background:#14151a99;pointer-events:none}