.global-nav-bar[data-v-8bb64a4e]{background-color:var(--bg-surface-1);border-right:1px solid var(--border-default);width:48px;height:100vh;z-index:var(--z-nav);flex-direction:column;justify-content:space-between;padding:8px 0;display:flex;position:fixed;top:0;left:0}.nav-top[data-v-8bb64a4e],.nav-bottom[data-v-8bb64a4e]{flex-direction:column;align-items:center;gap:4px;display:flex}.nav-top[data-v-8bb64a4e] .el-button,.nav-bottom[data-v-8bb64a4e] .el-button{color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border-color:#0000}.nav-top[data-v-8bb64a4e] .el-button:hover,.nav-bottom[data-v-8bb64a4e] .el-button:hover{background:var(--color-primary-muted);color:var(--color-primary-light);border-color:#0000}.multiplayer-panel[data-v-87cc3df4]{flex-direction:column;height:100%;display:flex}.room-connected[data-v-87cc3df4]{flex-direction:column;height:100%;display:flex;position:relative}.users-list[data-v-87cc3df4]{flex:1}.sidebar-player[data-v-87cc3df4]{--player-header-padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-reorder-move[data-v-87cc3df4]{transition:transform .3s}.sidebar-controls-footer[data-v-87cc3df4]{border-top:1px solid var(--border-default);flex-shrink:0}.sidebar-controls-footer[data-v-87cc3df4] .host-top-bar{border-bottom:none;grid-template-columns:auto 1fr auto;gap:.25rem;padding:.375rem .5rem}.sidebar-controls-footer[data-v-87cc3df4] .host-bar-right{grid-column:3}.sidebar-controls-footer[data-v-87cc3df4] .host-bar-left,.sidebar-controls-footer[data-v-87cc3df4] .top-bar-section{gap:.25rem}.sidebar-controls-footer[data-v-87cc3df4] .el-divider--vertical,.sidebar-controls-footer[data-v-87cc3df4] .host-bar-center,.sidebar-controls-footer[data-v-87cc3df4] .sidebar-toggle-btn{display:none}.sidebar-controls-footer[data-v-87cc3df4] .icon-text-btn .phosphor-icon{display:none!important}.announcement-list[data-v-321572f6]{max-height:400px;overflow-y:auto}.announcement-item[data-v-321572f6]{border-bottom:1px solid var(--el-border-color-lighter);cursor:pointer;padding:12px;transition:background-color .2s}.announcement-item[data-v-321572f6]:hover{background-color:var(--el-fill-color-light)}.announcement-item[data-v-321572f6]:last-child{border-bottom:none}.announcement-header[data-v-321572f6]{align-items:center;gap:12px;display:flex}.announcement-date[data-v-321572f6]{color:var(--el-text-color-secondary);white-space:nowrap;font-size:12px}.announcement-title[data-v-321572f6]{font-size:14px;font-weight:600}.announcement-content[data-v-321572f6]{color:var(--el-text-color-regular);white-space:pre-wrap;margin-top:8px;font-size:13px;line-height:1.6}.announcement-loading[data-v-321572f6],.announcement-error[data-v-321572f6],.announcement-empty[data-v-321572f6]{padding:20px 0}#app[data-v-ce59bf3a]{background:var(--bg-base);display:flex;overflow:hidden}.multiplayer-aside[data-v-ce59bf3a]{width:var(--sidebar-width);background-color:var(--bg-surface-1);border-right:1px solid var(--border-default);flex-shrink:0;margin-left:48px;transition:width .3s,margin .3s;overflow:hidden}.multiplayer-aside.is-collapsed[data-v-ce59bf3a]{border-right:none;width:0}.multiplayer-aside-content[data-v-ce59bf3a]{width:var(--sidebar-width);height:100vh;overflow-y:auto}.main-content[data-v-ce59bf3a]{flex:1;min-width:0;min-height:100vh;overflow:hidden}.top-right-actions[data-v-ce59bf3a]{z-index:var(--z-dropdown);position:fixed;top:12px;right:16px}.dropdown-icon[data-v-ce59bf3a]{margin-right:8px}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--el-color-primary:#039390;--el-color-primary-light-3:#086d6b;--el-color-primary-light-5:#0c5452;--el-color-primary-light-7:#0f3a39;--el-color-primary-light-8:#112d2d;--el-color-primary-light-9:#122120;--el-color-primary-dark-2:#35a9a6;--el-color-success:#0c9;--el-color-success-light-3:#069571;--el-color-success-light-5:#0a7057;--el-color-success-light-7:#0e4b3c;--el-color-success-light-8:#10392f;--el-color-success-light-9:#122621;--el-color-success-dark-2:#33d6ad;--el-color-warning:#ec8833;--el-color-warning-light-3:#ab652a;--el-color-warning-light-5:#804e24;--el-color-warning-light-7:#55371d;--el-color-warning-light-8:#3f2b1a;--el-color-warning-light-9:#2a2017;--el-color-warning-dark-2:#f0a05c;--el-color-danger:#ec4444;--el-color-danger-light-3:#ab3636;--el-color-danger-light-5:#802c2c;--el-color-danger-light-7:#522;--el-color-danger-light-8:#3f1e1e;--el-color-danger-light-9:#2a1919;--el-color-danger-dark-2:#f06969;--el-color-error:#ec4444;--el-color-error-light-3:#ab3636;--el-color-error-light-5:#802c2c;--el-color-error-light-7:#522;--el-color-error-light-8:#3f1e1e;--el-color-error-light-9:#2a1919;--el-color-error-dark-2:#f06969;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px #0000005c, 0px 8px 20px #000000b8;--el-box-shadow-light:0px 0px 12px #000000b8;--el-box-shadow-lighter:0px 0px 6px #000000b8;--el-box-shadow-dark:0px 16px 48px 16px #000000b8, 0px 12px 32px #000, 0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:#141414;--el-mask-color:#000c;--el-mask-color-extra-light:#0000004d}html.dark .el-button{--el-button-disabled-text-color:#ffffff80}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-card-bg-color)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}:root{--color-primary:#039390;--color-primary-light:#05b5b2;--color-primary-muted:#03939026;--color-primary-glow:#03939040;--color-success:#0c9;--color-success-muted:#00cc9926;--color-warning:#ec8833;--color-warning-muted:#ec883326;--color-danger:#ec4444;--color-danger-muted:#ec444426;--accent:#f8d030;--accent-muted:#f8d03026;--accent-fill:#f8d03059;--bg-base:#0c1117;--bg-surface-1:#121920;--bg-surface-2:#1c2630;--bg-surface-3:#23303c;--bg-elevated:#2a3844;--border-default:#243040;--border-subtle:#1a2430;--border-active:#03939066;--border-hover:#03939040;--text-primary:#e8ecf0;--text-secondary:#8899a6;--text-tertiary:#7a8f9e;--text-disabled:#3d4f5f;--text-inverse:#0c1117;--font-latin:"Plus Jakarta Sans", sans-serif;--font-cjk:"Zen Kaku Gothic New", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Plus Jakarta Sans", "Zen Kaku Gothic New", "Noto Sans TC", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.35s ease;--sidebar-width:280px;--z-sidebar:1000;--z-dropdown:1500;--z-nav:2000;--z-overlay:9999}html.dark{--el-bg-color:var(--bg-base);--el-bg-color-overlay:var(--bg-surface-1);--el-bg-color-page:var(--bg-base);--el-fill-color:var(--bg-surface-2);--el-fill-color-light:var(--bg-surface-1);--el-fill-color-lighter:var(--bg-surface-1);--el-fill-color-blank:var(--bg-surface-1);--el-fill-color-dark:var(--bg-surface-3);--el-fill-color-darker:var(--bg-elevated);--el-border-color:var(--border-default);--el-border-color-light:var(--border-subtle);--el-border-color-lighter:var(--border-subtle);--el-border-color-dark:var(--border-default);--el-border-color-darker:var(--border-default);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-primary);--el-text-color-secondary:var(--text-secondary);--el-text-color-placeholder:var(--text-tertiary);--el-text-color-disabled:var(--text-disabled);--el-border-radius-base:var(--radius-md);--el-border-radius-small:var(--radius-sm);--el-border-radius-round:var(--radius-lg);--el-border-radius-circle:50%;--el-font-family:var(--font-body);--el-mask-color:#0c1117b3;--el-mask-color-extra-light:#0c11174d;--el-box-shadow:0 4px 12px #0000004d;--el-box-shadow-light:0 2px 8px #0003;--el-box-shadow-lighter:0 1px 4px #00000026;--el-box-shadow-dark:0 6px 20px #0006;--el-disabled-bg-color:var(--bg-surface-2);--el-disabled-text-color:var(--text-disabled);--el-disabled-border-color:var(--border-subtle);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#app,main{width:100%;height:100%}.manager-layout{height:100vh}.el-main.manager-main{flex-direction:column;padding:0;display:flex}.manager-top-bar{border-bottom:1px solid var(--border-default);background:var(--bg-surface-1);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.top-bar-section{align-items:center;gap:.75rem;display:flex}.top-bar-section.file-utils{flex:none}.top-bar-section.common-utils{flex:none;min-width:270px}.top-bar-section.auto-play{flex:1 1 0;justify-content:flex-start;min-width:0}.top-bar-section.mode-toggle{flex:none;min-width:48px}.viewer-bottom-bar{border-top:1px solid var(--border-default);background:var(--bg-surface-1);flex-shrink:0;align-items:center;gap:1rem;padding:1rem;display:flex}.display-area{background:var(--bg-base);flex-grow:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;overflow:hidden}.display-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.display-canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.canvas-scaler{max-width:100%;max-height:100%;display:inline-block;position:relative}.canvas-scaler canvas{max-width:100%;max-height:100%;display:block}.data-aside-backdrop{background-color:var(--el-mask-color);width:100vw;height:100vh;z-index:calc(var(--z-sidebar) - 1);position:fixed;top:0;left:0}.data-aside{width:var(--sidebar-width);background-color:var(--bg-surface-1);border-left:1px solid var(--border-default);height:100vh;transition:transform var(--transition-slow);z-index:var(--z-sidebar);position:fixed;top:0;right:0;overflow:hidden;transform:translate(0)}.data-aside.is-collapsed{transform:translate(100%)}.data-aside-content{width:var(--sidebar-width);height:100%;overflow-y:auto}.floating-play-button{z-index:var(--z-nav);position:fixed;bottom:30px;right:30px}.floating-play-button .el-button{width:56px;height:56px;transition:all var(--transition-fast);border-radius:50%}.floating-play-button .el-button:hover:not([disabled]){box-shadow:0 0 16px var(--color-primary-glow);transform:scale(1.05)}@media (width<=600px){.el-dialog{--el-dialog-margin-top:8vh;margin:var(--el-dialog-margin-top) auto;width:calc(100% - 2rem)!important;max-width:none!important}}.el-button-group.el-button-group{margin:0}.el-divider.el-divider--vertical{border-left:1px solid var(--border-default);height:20px;margin:0 4px}.clickable-toaster{cursor:pointer}.clickable-toaster .el-message__closeBtn{opacity:0;width:auto;height:auto;padding:0;position:absolute;inset:0}.duration-control,.grid-selector{align-items:center;gap:.5rem;display:flex}.el-select.text-select{width:140px;margin-right:10px}.option-with-icon{align-items:center;gap:5px;display:flex}