*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh}.content{width:100%;height:100vh;display:flex}.content #app3d{position:relative;width:75%;height:100%;z-index:1;transition:width 0.35s ease;will-change:width;background:#f5f5f5;overflow:hidden}.content #app3d .app3d-preloader{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#f5f5f5;opacity:1;visibility:visible;transition:opacity 0.45s ease,visibility 0.45s ease}.content #app3d .app3d-preloader--hidden{opacity:0;visibility:hidden;pointer-events:none}.content #app3d .app3d-preloader--error .app3d-preloader__mark{border-color:rgba(165,40,40,0.28)}.content #app3d .app3d-preloader--error .app3d-preloader__mark span{background:#a52828;box-shadow:0 0 0 7px rgba(165,40,40,0.12)}.content #app3d .app3d-preloader__inner{width:340px;max-width:calc(100% - 48px);display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:18px 20px;background:rgba(255,255,255,0.88);border:1px solid rgba(0,0,0,0.08);border-radius:8px;box-shadow:0 18px 45px rgba(0,0,0,0.12);backdrop-filter:blur(10px)}.content #app3d .app3d-preloader__mark{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,95,72,0.26);border-radius:50%}.content #app3d .app3d-preloader__mark span{width:13px;height:13px;display:block;border-radius:50%;background:#107052;box-shadow:0 0 0 7px rgba(16,112,82,0.12);animation:app3dPreloaderPulse 1.2s ease-in-out infinite}.content #app3d .app3d-preloader__content{min-width:0}.content #app3d .app3d-preloader__title{margin-bottom:3px;color:#1e2326;font-size:15px;line-height:1.25;font-weight:650}.content #app3d .app3d-preloader__status{min-height:18px;color:#5c6266;font-size:12px;line-height:1.35}.content #app3d .app3d-preloader__bar{height:4px;margin-top:12px;overflow:hidden;background:rgba(0,0,0,0.08);border-radius:999px}.content #app3d .app3d-preloader__progress{width:0;height:100%;background:#107052;border-radius:inherit;transition:width 0.25s ease}.content #app3d .app3d-preloader__percent{margin-top:7px;color:#4b5054;font-size:11px;line-height:1;text-align:right}.content #app3d .realtime-widget{position:absolute;top:12px;right:12px;z-index:20;width:280px;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.content #app3d .realtime-widget__toggles{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%}.content #app3d .realtime-widget__toggle{width:auto;min-width:76px;padding:4px 10px;font-size:12px;line-height:1.2;border:1px solid rgba(0,0,0,0.14);box-shadow:0 4px 14px rgba(0,0,0,0.12)}.content #app3d .realtime-widget__toggle--active{color:#0a5f37;border-color:rgba(10,120,70,0.38);background:#ebf9f1}.content #app3d .realtime-widget__toggle--open{color:#fff;border-color:var(--bs-primary);background:var(--bs-primary);box-shadow:0 6px 18px rgba(13,110,253,0.28)}.content #app3d .realtime-panel{width:280px;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(255,255,255,0.94);border:1px solid rgba(0,0,0,0.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.14)}.content #app3d .realtime-panel[hidden]{display:none}.content #app3d .realtime-panel__title{font-size:14px;font-weight:600;line-height:1.2}.content #app3d .realtime-panel__share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.content #app3d .realtime-panel__share[hidden]{display:none}.content #app3d .realtime-panel #realtimeJoin[hidden]{display:none}.content #app3d .realtime-panel.ai-brief-panel label{display:flex;flex-direction:column;gap:4px;margin:0;color:#4a4e52;font-size:12px}.content #app3d .realtime-panel.ai-brief-panel .ai-brief-panel__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.content #app3d .realtime-panel.ai-brief-panel .ai-brief-panel__actions .btn{min-height:31px;white-space:normal;line-height:1.15}.content #app3d .realtime-panel__room{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}.content #app3d .realtime-panel__room code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content #app3d .realtime-panel__status{min-height:16px;font-size:12px;color:#5a5a5a}.content #configPanel{position:relative;width:25%;height:100%;transition:width 0.35s ease,padding-left 0.35s ease,padding-right 0.35s ease;z-index:2;overflow:hidden}.content #configPanel .toggle-panel{position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:80px;background:#b2b2b2;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;color:#282828;font-size:15px;cursor:pointer;box-shadow:#808080;transition:all 0.3s ease}.content #configPanel .toggle-panel:hover{color:#000}.content #configPanel .configPanel-scroll{width:100%;height:100%;overflow-y:auto;padding:30px}.content #configPanel .configPanel-scroll .config-content{width:100%;height:auto}.content.config-hidden #app3d{width:100%}.content.config-hidden #configPanel{width:20px;padding-left:20px;padding-right:0}@-moz-keyframes app3dPreloaderPulse{0%,100%{transform:scale(0.82);opacity:0.72}50%{transform:scale(1);opacity:1}}@-webkit-keyframes app3dPreloaderPulse{0%,100%{transform:scale(0.82);opacity:0.72}50%{transform:scale(1);opacity:1}}@-o-keyframes app3dPreloaderPulse{0%,100%{transform:scale(0.82);opacity:0.72}50%{transform:scale(1);opacity:1}}@keyframes app3dPreloaderPulse{0%,100%{transform:scale(0.82);opacity:0.72}50%{transform:scale(1);opacity:1}}