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}#root{position:relative;width:100%;height:100vh;background:transparent!important}@supports (height: 100svh){#root{height:100svh}}@supports (height: 100dvh){#root{height:100dvh}}.appRoot{position:relative;width:100%;height:100%;overflow:hidden;background:transparent!important}.appStage{position:absolute;inset:0;background:transparent!important}canvas{display:block;width:100%!important;height:100%!important;background:transparent!important;pointer-events:auto}.blPosterLayer,.blPosterWrap,.blPosterImg{pointer-events:none!important}.blPosterLayer{position:absolute;inset:0;z-index:5;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)}}.blPosterLayer.fadeOut{animation:blfade .22s ease forwards}@keyframes blfade{to{opacity:0}}.blLoaderLayer{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:transparent!important;pointer-events:none}.blLoaderBox{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%,rgba(255,255,255,.12),rgba(255,255,255,.02) 60%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(12,12,14,.84);box-shadow:0 1px #ffffff0f inset,0 18px 44px #0000008c;pointer-events:auto}.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}.blLoaderHint{margin-top:2px;max-width:260px;font-size:11px;color:#ffffff61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blRetryBtn{margin-top:4px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));color:#ffffffe0;font-size:12px;padding:8px 12px;border-radius:12px;cursor:pointer}.blLoaderHidden{opacity:0;transition:opacity .18s ease}.blLoaderVisible{opacity:1;transition:opacity .12s ease}.blMiniLayer{position:absolute;right:12px;bottom:12px;z-index:41;pointer-events:none!important}.blMiniBox{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(12,12,14,.68);box-shadow:0 1px #ffffff0f inset}.blMiniDot{width:8px;height:8px;border-radius:999px;background:rgba(160,255,210,.92);opacity:.9}.blMiniText{font-size:12px;color:#ffffffb8;font-variant-numeric:tabular-nums}.sideDock{position:absolute;top:0;right:0;z-index:45;width:min(460px,94vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(20,20,24,.88),rgba(10,10,12,.92));border-left:1px solid rgba(255,255,255,.1);box-shadow:-20px 0 50px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s ease;display:none}.sideDock.closed{transform:translate(calc(100% + 8px));pointer-events:none}.sideDock.open{transform:translate(0);pointer-events:auto}.dockTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.dockTitle{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dockActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dockBtn2{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));color:#ffffffd1;font-size:12px;padding:6px 10px;border-radius:10px;cursor:pointer;user-select:none;box-shadow:0 1px #ffffff14 inset}.dockBtn2:hover{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05))}.saveMsg{padding:8px 10px;font-size:12px;color:#a0ffd2eb;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.1)}.dockTools{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.06)}.dockSearch{width:100%;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:#ffffffe0;outline:none;font-size:12px;box-sizing:border-box}.dockSearch::placeholder{color:#ffffff61}.dockScroll{padding:10px;overflow:auto;flex:1}.sec{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px #ffffff0f inset}.secHead{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;cursor:pointer;text-align:left;background:rgba(255,255,255,.03);color:#ffffffeb}.secTitle{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.chev{transition:transform .16s ease;opacity:.8}.chev.open{transform:rotate(90deg)}.secBody{padding:12px}.knob{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.knobRow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.knobLabel{font-size:12px;color:#ffffffe0}.knobVal{font-size:12px;color:#ffffff94;font-variant-numeric:tabular-nums}.knobInput,.knob input[type=range]{width:100%}.dockSelect{width:100%;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:#ffffffe0;outline:none;font-size:12px;box-sizing:border-box}.slotBtns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.slotState{font-size:11px;color:#ffffff8c;margin-left:auto}@media (max-width: 768px){.sideDock{width:100vw;max-width:100vw}.dockTop{align-items:flex-start;flex-direction:column}.dockActions{width:100%;justify-content:flex-start}}