*{margin:0;padding:0;box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#193047}#scene{display:block;width:100%;height:100%;touch-action:none}#controls{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;gap:8px;-webkit-user-select:none;user-select:none}.chip{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;border:2px solid transparent;border-radius:10px;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000029;cursor:pointer;color:#2c3a45;transition:background .12s,border-color .12s,transform .06s}.chip:hover{background:#fff}.chip:active{transform:scale(.94)}.chip.on{border-color:#ff8a3d;background:#fff2e8}#toolbar{position:absolute;top:calc(58px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;flex-direction:column;gap:10px;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:12px;box-shadow:0 6px 20px #0000002e;-webkit-user-select:none;user-select:none;max-height:calc(100% - 70px - var(--safe-top) - var(--safe-bottom));overflow:auto;transition:transform .18s ease,opacity .18s ease}#toolbar.booting{transition:none}#toolbar.collapsed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.tb-group{display:flex;flex-direction:column;gap:6px}.tb-group h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#5a6b78;font-weight:700}.tb-row{display:flex;gap:6px;flex-wrap:wrap;max-width:208px}.tb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:54px;border:2px solid transparent;border-radius:9px;background:#eef3f6;cursor:pointer;font-size:11px;color:#2c3a45;gap:3px;transition:background .12s,border-color .12s,transform .06s}.tb-btn .ico{font-size:20px;line-height:1}.tb-btn:hover{background:#e2ebf0}.tb-btn:active{transform:scale(.95)}.tb-btn.active{border-color:#ff8a3d;background:#fff2e8}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn:disabled:hover{background:#eef3f6}.tb-btn:disabled:active{transform:none}#settings{border:none;border-radius:14px;padding:16px;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 40px #00000047;color:#2c3a45;-webkit-user-select:none;user-select:none}#settings .tb-row{max-width:none;flex-wrap:nowrap}#settings::backdrop{background:#14202a59}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.dlg-head h3{font-size:15px;font-weight:700}.dlg-close{border:none;background:none;cursor:pointer;font-size:14px;color:#5a6b78;padding:4px;line-height:1}.dlg-close:hover{color:#2c3a45}#watermark{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));line-height:0;opacity:.62;transition:opacity .15s}#watermark:hover{opacity:1}#watermark img{display:block;width:75px;height:auto;filter:drop-shadow(0 1px 2px rgba(20,32,42,.5))}#hint{position:absolute;bottom:calc(12px + var(--safe-bottom));left:50%;transform:translate(-50%);background:#1e2830b8;color:#fff;font-size:12px;padding:7px 14px;border-radius:20px;pointer-events:none;white-space:nowrap}@media (max-width: 520px){#hint{display:none}}