html,body,#root{height:100%;width:100%;margin:0;padding:0;background:transparent!important}body{overflow:hidden;background:transparent!important;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}canvas{display:block;width:100%!important;height:100%!important;background:transparent!important}.appRoot{position:relative;width:100%;height:100vh;overflow:hidden;background:transparent!important}.appStage,.stage{position:absolute;inset:0;background:transparent!important}.blPosterLayer{position:absolute;inset:0;z-index:5;pointer-events:none;background:transparent!important}.blPosterWrap{position:absolute;inset:0;display:grid;place-items:center;background:transparent!important}.blPosterImg{width:min(2000px,96vw);height:auto;max-height:96vh;object-fit:contain;object-position:center;display:block;background:transparent!important}@media (max-width: 768px){.blPosterImg{width:98vw;max-height:98vh;transform:scale(1.005)}}.blPoster,.blPosterImg,.blPosterWrap,.blPosterLayer,.blLoaderLayer{background:transparent!important}.blLoaderLayer{position:absolute;inset:0;z-index:6;pointer-events:none;display:grid;place-items:center;background:transparent!important}.blLoaderBox{pointer-events:none;display:grid;place-items:center;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 30% 25%,#ffffff1f,#ffffff05 60%),linear-gradient(180deg,#ffffff14,#ffffff05),#0c0c0ed6;box-shadow:0 1px #ffffff0f inset,0 18px 44px #0000008c}.blSpinner{width:26px;height:26px;border-radius:999px;border:2px solid rgba(255,255,255,.22);border-top-color:#a0ffd2eb;animation:blspin .9s linear infinite}@keyframes blspin{to{transform:rotate(360deg)}}.blLoaderText{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1;white-space:nowrap}.blLoaderSub{font-size:12px;color:#ffffff8f;font-variant-numeric:tabular-nums}.blPosterLayer.fadeOut{animation:blfade .22s ease forwards}@keyframes blfade{to{opacity:0}}.dock{position:absolute;left:12px;right:12px;bottom:12px;background:#d4d4d4b8;border:1px solid rgba(245,245,245,.08);border-radius:14px;padding:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-height:40vh;overflow:auto}.dockTitle{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:10px}.dockGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}@media (max-width: 900px){.dockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.dockGrid{grid-template-columns:1fr}}.knob{display:flex;flex-direction:column;gap:6px}.knobRow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.knobLabel{font-size:12px;opacity:.9}.knobVal{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}.knob input[type=range]{width:100%}