.global-nav-bar[data-v-2d607da0]{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-2d607da0],.nav-bottom[data-v-2d607da0]{flex-direction:column;align-items:center;gap:4px;display:flex}.nav-top[data-v-2d607da0] .el-button,.nav-bottom[data-v-2d607da0] .el-button{color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border-color:#0000}.nav-top[data-v-2d607da0] .el-button:hover,.nav-bottom[data-v-2d607da0] .el-button:hover{background:var(--color-primary-muted);color:var(--color-primary-light);border-color:#0000}.multiplayer-panel[data-v-eacd80e9]{flex-direction:column;height:100%;display:flex}.room-connected[data-v-eacd80e9]{flex-direction:column;height:100%;display:flex;position:relative}.users-list[data-v-eacd80e9]{flex:1}.sidebar-player[data-v-eacd80e9]{--player-header-padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-reorder-move[data-v-eacd80e9]{transition:transform .3s}.sidebar-controls-footer[data-v-eacd80e9]{border-top:1px solid var(--border-default);flex-shrink:0}.host-controls-compact.host-controls-compact .host-top-bar{border-bottom:none;grid-template-columns:auto 1fr auto;gap:.25rem;padding:.375rem .5rem}.host-controls-compact.host-controls-compact .host-bar-right{grid-column:3}.host-controls-compact.host-controls-compact .host-bar-left,.host-controls-compact.host-controls-compact .top-bar-section{gap:.25rem}.host-controls-compact.host-controls-compact .el-divider--vertical,.host-controls-compact.host-controls-compact .host-bar-center,.host-controls-compact.host-controls-compact .sidebar-toggle-btn,.host-controls-compact.host-controls-compact .icon-text-btn .phosphor-icon{display:none}.announcement-list[data-v-f9eccfc2]{max-height:400px;overflow-y:auto}.announcement-item[data-v-f9eccfc2]{border-bottom:1px solid var(--el-border-color-lighter);cursor:pointer;padding:12px;transition:background-color .2s}.announcement-item[data-v-f9eccfc2]:hover{background-color:var(--el-fill-color-light)}.announcement-item[data-v-f9eccfc2]:last-child{border-bottom:none}.announcement-header[data-v-f9eccfc2]{align-items:center;gap:12px;display:flex}.announcement-date[data-v-f9eccfc2]{font-size:var(--fs-xs);color:var(--el-text-color-secondary);white-space:nowrap}.announcement-title[data-v-f9eccfc2]{font-weight:600;font-size:var(--fs-sm)}.announcement-content[data-v-f9eccfc2]{font-size:var(--fs-sm);color:var(--el-text-color-regular);white-space:pre-wrap;margin-top:8px;line-height:1.6}.announcement-loading[data-v-f9eccfc2],.announcement-error[data-v-f9eccfc2],.announcement-empty[data-v-f9eccfc2]{padding:24px 0}#app[data-v-6f393274]{background:var(--bg-base);display:flex;overflow:hidden}.multiplayer-aside[data-v-6f393274]{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-6f393274]{border-right:none;width:0}.multiplayer-aside-content[data-v-6f393274]{width:var(--sidebar-width);height:100vh;overflow-y:auto}.main-content[data-v-6f393274]{flex:1;min-width:0;min-height:100vh;position:relative;overflow:hidden}.router-view-host[data-v-6f393274]{display:contents}.top-right-actions[data-v-6f393274]{z-index:var(--z-dropdown);position:fixed;top:12px;right:16px}.dropdown-icon[data-v-6f393274]{margin-right:8px}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--el-color-primary:#008282;--el-color-primary-light-3:#066161;--el-color-primary-light-5:#0a4b4b;--el-color-primary-light-7:#0e3535;--el-color-primary-light-8:#102a2a;--el-color-primary-light-9:#121f1f;--el-color-primary-dark-2:#339b9b;--el-color-success:#00aa6f;--el-color-success-light-3:#067d54;--el-color-success-light-5:#0a5f42;--el-color-success-light-7:#0e412f;--el-color-success-light-8:#103226;--el-color-success-light-9:#12231d;--el-color-success-dark-2:#33bb8c;--el-color-warning:#d3721e;--el-color-warning-light-3:#9a561b;--el-color-warning-light-5:#744319;--el-color-warning-light-7:#4d3017;--el-color-warning-light-8:#3a2716;--el-color-warning-light-9:#271d15;--el-color-warning-dark-2:#dc8e4b;--el-color-danger:#f14d4c;--el-color-danger-light-3:#af3c3b;--el-color-danger-light-5:#833130;--el-color-danger-light-7:#562525;--el-color-danger-light-8:#401f1f;--el-color-danger-light-9:#2a1a1a;--el-color-danger-dark-2:#f47170;--el-color-error:#f14d4c;--el-color-error-light-3:#af3c3b;--el-color-error-light-5:#833130;--el-color-error-light-7:#562525;--el-color-error-light-8:#401f1f;--el-color-error-light-9:#2a1a1a;--el-color-error-dark-2:#f47170;--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}html.light{--el-color-primary:#008282;--el-color-primary-light-3:#4da8a8;--el-color-primary-light-5:#80c1c1;--el-color-primary-light-7:#b3dada;--el-color-primary-light-8:#cce6e6;--el-color-primary-light-9:#e6f3f3;--el-color-primary-dark-2:#006868;--el-color-success:#00aa6f;--el-color-success-light-3:#4dc49a;--el-color-success-light-5:#80d5b7;--el-color-success-light-7:#b3e6d4;--el-color-success-light-8:#cceee2;--el-color-success-light-9:#e6f7f1;--el-color-success-dark-2:#008859;--el-color-warning:#d3721e;--el-color-warning-light-3:#e09c62;--el-color-warning-light-5:#e9b98f;--el-color-warning-light-7:#f2d5bc;--el-color-warning-light-8:#f6e3d2;--el-color-warning-light-9:#fbf1e9;--el-color-warning-dark-2:#a95b18;--el-color-danger:#f14d4c;--el-color-danger-light-3:#f58282;--el-color-danger-light-5:#f8a6a6;--el-color-danger-light-7:#fbcac9;--el-color-danger-light-8:#fcdbdb;--el-color-danger-light-9:#feeded;--el-color-danger-dark-2:#c13e3d;--el-color-error:#f14d4c;--el-color-error-light-3:#f58282;--el-color-error-light-5:#f8a6a6;--el-color-error-light-7:#fbcac9;--el-color-error-light-8:#fcdbdb;--el-color-error-light-9:#feeded;--el-color-error-dark-2:#c13e3d;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a}:root{--color-primary:#008282;--color-primary-light:#00b5b6;--color-primary-ink:#008282;--color-primary-muted:#00828226;--color-primary-glow:#00828240;--color-success:#00aa6f;--color-success-light:#00aa6f;--color-success-muted:#00aa6f26;--color-warning:#d3721e;--color-warning-light:#d3721e;--color-warning-muted:#d3721e26;--color-danger:#f14d4c;--color-danger-light:#f14d4c;--color-danger-muted:#f14d4c26;--accent:#f8d030;--accent-ink:#f8d030;--accent-muted:#f8d03026;--accent-fill:#f8d03059;--bg-base:#0e161b;--bg-surface-1:#151e25;--bg-surface-2:#1f2e37;--bg-surface-3:#273844;--bg-elevated:#2f414e;--border-default:#273d49;--border-subtle:#1c2e37;--border-active:#00828266;--border-hover:#00828240;--text-primary:#e9eff3;--text-secondary:#a0b5c3;--text-tertiary:#8096a3;--text-disabled:#475862;--text-inverse:#0e161b;--text-on-primary:#fff;--belt-halo:2px 2px 1px var(--bg-base), 0 0 3px var(--bg-base);--disconnect-scrim:#0000008c;--aside-scrim:#0c1716b3;--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;--fs-2xs:11px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:28px;--fs-3xl:32px;--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;--ruleset-label-w:8.5rem;--ruleset-w-icon:32px;--ruleset-w-select:64px;--ruleset-w-num:96px;--ruleset-w-ref:calc(var(--ruleset-w-num) * 2);--ruleset-control-w:var(--ruleset-w-num);--z-sidebar:1000;--z-dropdown:1500;--z-nav:2000;--z-surface:2500;--z-overlay:3000;--z-ep-overlay:4000}html.light{--color-primary:#008282;--color-primary-light:#006a6a;--color-primary-ink:#006a6a;--color-primary-muted:#00828226;--color-primary-glow:#00828240;--color-success:#00aa6f;--color-success-light:#007d51;--color-success-muted:#00aa6f26;--color-warning:#d3721e;--color-warning-light:#9e5414;--color-warning-muted:#d3721e26;--color-danger:#f14d4c;--color-danger-light:#c33d3c;--color-danger-muted:#f14d4c26;--accent:#f8d030;--accent-ink:#867015;--accent-muted:#f8d03026;--accent-fill:#f8d03059;--bg-base:#eff3f3;--bg-surface-1:#f3f8f8;--bg-surface-2:#e5e9e9;--bg-surface-3:#dbdfdf;--bg-elevated:#fff;--border-default:#ccd0d0;--border-subtle:#d6dada;--border-active:#00828266;--border-hover:#00828240;--text-primary:#222629;--text-secondary:#474d51;--text-tertiary:#60666a;--text-disabled:#b5babd;--text-inverse:#eff3f3;--text-on-primary:#fff;--belt-halo:none;--disconnect-scrim:#00000040;--aside-scrim:#00000080}html.dark,html.light{--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:#0c1716b3;--el-mask-color-extra-light:#0c17164d;--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)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029}html.dark .el-button--default.is-plain:hover:not(.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger,.el-button--info),html.dark .el-button--default.is-plain:focus:not(.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger,.el-button--info),html.light .el-button--default.is-plain:hover:not(.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger,.el-button--info),html.light .el-button--default.is-plain:focus:not(.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger,.el-button--info){color:var(--color-primary-light)}*{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-light);outline-offset:2px}.el-button,.el-button[class*=el-button--]{--el-button-outline-color:var(--color-primary-light)}.el-tour__content:focus-visible{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(--aside-scrim);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)}.el-dialog{--el-dialog-title-font-size:var(--fs-lg)}@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}