.base-button[data-v-10f02ae0]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.base-button--xs[data-v-10f02ae0]{padding:2px 6px;font-size:12px;min-height:24px}.base-button--sm[data-v-10f02ae0]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.base-button--md[data-v-10f02ae0]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:40px}.base-button--lg[data-v-10f02ae0]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.base-button--icon-only[data-v-10f02ae0]{aspect-ratio:1;padding:var(--spacing-sm)}.base-button--primary[data-v-10f02ae0]{background:var(--color-primary);color:var(--color-bg-primary);border-color:var(--color-primary)}.base-button--primary[data-v-10f02ae0]:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.base-button--secondary[data-v-10f02ae0]{background:var(--color-secondary);color:var(--color-text-primary);border-color:var(--color-secondary)}.base-button--secondary[data-v-10f02ae0]:hover{background:var(--color-secondary-light);border-color:var(--color-secondary-light)}.base-button--outline[data-v-10f02ae0]{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.base-button--outline[data-v-10f02ae0]:hover{background:var(--color-primary);color:var(--color-bg-primary)}.base-button--ghost[data-v-10f02ae0]{background:transparent;color:var(--color-text-secondary)}.base-button--ghost[data-v-10f02ae0]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.base-button--danger[data-v-10f02ae0]{background:var(--color-error);color:var(--color-text-primary);border-color:var(--color-error)}.base-button--danger[data-v-10f02ae0]:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.base-button--disabled[data-v-10f02ae0]{opacity:.5;cursor:not-allowed;transform:none!important}.base-button--disabled[data-v-10f02ae0]:hover{background:inherit!important;border-color:inherit!important}.base-button--loading[data-v-10f02ae0]{cursor:wait}.button-text[data-v-10f02ae0]{position:relative;z-index:var(--z-base)}.icon-xs[data-v-f047810d]{font-size:var(--font-size-xs)}.icon-sm[data-v-f047810d]{font-size:var(--font-size-sm)}.icon-md[data-v-f047810d]{font-size:var(--font-size-base)}.icon-lg[data-v-f047810d]{font-size:var(--font-size-lg)}.icon-xl[data-v-f047810d]{font-size:var(--font-size-xl)}.icon-2xl[data-v-f047810d]{font-size:var(--font-size-2xl)}.icon-3xl[data-v-f047810d]{font-size:var(--font-size-3xl)}.icon-4xl[data-v-f047810d]{font-size:var(--font-size-4xl)}.base-modal-overlay[data-v-ba723c16]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);z-index:var(--v4f3b7dbd);display:flex;align-items:flex-start;justify-content:center;padding:var(--modal-padding-desktop) var(--modal-padding-centered);overflow-y:auto;pointer-events:auto}.base-modal-overlay--centered[data-v-ba723c16]{align-items:center;padding:var(--modal-padding-centered)}.base-modal[data-v-ba723c16]{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:calc(100vh - 128px);display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001a}.base-modal-overlay--centered .base-modal[data-v-ba723c16]{max-height:calc(100vh - 32px)}.base-modal--sm[data-v-ba723c16]{width:var(--modal-width-sm);max-width:90vw}.base-modal--md[data-v-ba723c16]{width:var(--modal-width-md);max-width:90vw}.base-modal--lg[data-v-ba723c16]{width:var(--modal-width-lg);max-width:90vw}.base-modal--xl[data-v-ba723c16]{width:var(--modal-width-xl);max-width:95vw}.base-modal--full[data-v-ba723c16]{width:calc(100vw - 64px);height:calc(100vh - 128px);max-height:calc(100vh - 128px)}.base-modal-header[data-v-ba723c16]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);min-height:var(--modal-header-height);flex-shrink:0}.modal-title h3[data-v-ba723c16]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close-btn[data-v-ba723c16]{display:flex;align-items:center;justify-content:center;width:var(--modal-close-btn-size);height:var(--modal-close-btn-size);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close-btn[data-v-ba723c16]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-close-btn[data-v-ba723c16]:disabled{opacity:.5;cursor:not-allowed}.base-modal-body[data-v-ba723c16]{flex:1;padding:var(--spacing-lg);color:var(--color-text-primary);line-height:1.6;min-height:var(--modal-body-min-height)}.base-modal-body--scrollable[data-v-ba723c16]{overflow-y:auto}.base-modal-body--no-header[data-v-ba723c16]{padding-top:var(--spacing-lg)}.base-modal-body--no-footer[data-v-ba723c16]{padding-bottom:var(--spacing-lg)}.base-modal-footer[data-v-ba723c16]{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);min-height:var(--modal-footer-height);display:flex;align-items:center;flex-shrink:0}.modal-actions[data-v-ba723c16]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);width:100%}.base-modal--loading[data-v-ba723c16]{pointer-events:none}.base-modal--loading[data-v-ba723c16]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);z-index:10}.modal-enter-active[data-v-ba723c16],.modal-leave-active[data-v-ba723c16],.modal-enter-active .base-modal[data-v-ba723c16],.modal-leave-active .base-modal[data-v-ba723c16]{transition:all var(--transition-normal) ease}.modal-enter-from[data-v-ba723c16],.modal-leave-to[data-v-ba723c16]{opacity:0}.modal-enter-from .base-modal[data-v-ba723c16],.modal-leave-to .base-modal[data-v-ba723c16]{opacity:0;transform:translateY(-20px) scale(.98)}.modal-enter-to[data-v-ba723c16],.modal-leave-from[data-v-ba723c16]{opacity:1}.modal-enter-to .base-modal[data-v-ba723c16],.modal-leave-from .base-modal[data-v-ba723c16]{opacity:1;transform:translateY(0) scale(1)}@media (max-width: var(--breakpoint-mobile)){.base-modal-overlay[data-v-ba723c16]{padding:var(--modal-padding-mobile)}.base-modal--sm[data-v-ba723c16],.base-modal--md[data-v-ba723c16],.base-modal--lg[data-v-ba723c16],.base-modal--xl[data-v-ba723c16]{width:calc(100% - 16px);max-width:calc(100% - 16px);margin:0}.base-modal-header[data-v-ba723c16]{padding:var(--spacing-sm) var(--spacing-md)}.base-modal-body[data-v-ba723c16]{padding:var(--spacing-md)}.base-modal-footer[data-v-ba723c16]{padding:var(--spacing-sm) var(--spacing-md)}.modal-actions[data-v-ba723c16]{gap:var(--spacing-xs)}}.scene-card[data-v-0ff843b9]{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.scene-card[data-v-0ff843b9]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.scene-thumbnail[data-v-0ff843b9]{position:relative;width:100%;height:180px;overflow:hidden;background:var(--color-bg-secondary)}.thumbnail-image[data-v-0ff843b9]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.scene-card:hover .thumbnail-image[data-v-0ff843b9]{transform:scale(1.05)}.thumbnail-placeholder[data-v-0ff843b9]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-tertiary);gap:var(--spacing-sm)}.placeholder-icon[data-v-0ff843b9]{width:48px;height:48px;fill:currentColor;opacity:.5}.placeholder-text[data-v-0ff843b9]{font-size:var(--font-size-sm);text-align:center;opacity:.7;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions[data-v-0ff843b9]{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-sm);opacity:0;transform:translateY(10px);transition:all var(--transition-normal);z-index:var(--z-content)}.scene-card:hover .card-actions[data-v-0ff843b9]{opacity:1;transform:translateY(0)}.action-btn[data-v-0ff843b9]{width:32px;height:32px;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.action-btn svg[data-v-0ff843b9]{width:16px;height:16px;fill:currentColor}.edit-btn[data-v-0ff843b9]{background:var(--color-primary);color:#fff}.edit-btn[data-v-0ff843b9]:hover{background:var(--color-primary-dark);transform:scale(1.1)}.delete-btn[data-v-0ff843b9]{background:var(--color-error);color:#fff}.delete-btn[data-v-0ff843b9]:hover{background:#c82333;transform:scale(1.1)}.scene-info[data-v-0ff843b9]{padding:var(--spacing-lg)}.scene-name[data-v-0ff843b9]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-meta[data-v-0ff843b9]{display:flex;flex-direction:column;gap:6px}.meta-item[data-v-0ff843b9]{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-icon[data-v-0ff843b9]{width:14px;height:14px;fill:currentColor;flex-shrink:0}.meta-text[data-v-0ff843b9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.scene-thumbnail[data-v-0ff843b9]{height:160px}.scene-info[data-v-0ff843b9]{padding:var(--spacing-md)}.scene-name[data-v-0ff843b9]{font-size:var(--font-size-md)}.card-actions[data-v-0ff843b9]{opacity:1;transform:translateY(0)}}@media (hover: hover){.scene-card:hover .card-actions[data-v-0ff843b9]{opacity:1;transform:translateY(0)}}@media (hover: none){.card-actions[data-v-0ff843b9]{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.scene-card[data-v-0ff843b9],.thumbnail-image[data-v-0ff843b9],.card-actions[data-v-0ff843b9],.action-btn[data-v-0ff843b9]{transition:none}.scene-card[data-v-0ff843b9]:hover,.scene-card:hover .thumbnail-image[data-v-0ff843b9]{transform:none}}@media (prefers-contrast: high){.scene-card[data-v-0ff843b9]{border-width:2px}.action-btn[data-v-0ff843b9]{border:1px solid currentColor}}.scene-list-modal[data-v-01664769]{display:flex;flex-direction:column;height:100%;gap:var(--spacing-lg)}.scene-list-container[data-v-01664769]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.loading-state[data-v-01664769],.empty-state[data-v-01664769]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--color-text-secondary)}.loading-spinner[data-v-01664769]{width:32px;height:32px;border:3px solid var(--color-border-primary);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-01664769 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-01664769{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-01664769]{width:48px;height:48px;fill:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.scene-grid[data-v-01664769]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}@media (max-width: 768px){.scene-grid[data-v-01664769]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.scene-grid[data-v-01664769]{grid-template-columns:1fr}}.scene-edit-modal[data-v-f31e5b1a]{padding:var(--spacing-lg)}.edit-form[data-v-f31e5b1a]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group[data-v-f31e5b1a]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label[data-v-f31e5b1a]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-input[data-v-f31e5b1a]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast) ease;background:var(--color-bg-primary)}.form-input[data-v-f31e5b1a]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-hint[data-v-f31e5b1a]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right}.modal-footer[data-v-f31e5b1a]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.btn[data-v-f31e5b1a]{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;min-width:80px}.btn-secondary[data-v-f31e5b1a]{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary[data-v-f31e5b1a]:hover{background:var(--color-bg-tertiary)}.btn-primary[data-v-f31e5b1a]{background:var(--color-primary);color:#fff}.btn-primary[data-v-f31e5b1a]:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary[data-v-f31e5b1a]:disabled{opacity:.5;cursor:not-allowed}.confirm-modal[data-v-25f11483]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);align-items:flex-start}.confirm-icon[data-v-25f11483]{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-icon svg[data-v-25f11483]{width:24px;height:24px;fill:currentColor}.icon-primary[data-v-25f11483]{background:var(--color-primary-light);color:var(--color-primary)}.icon-danger[data-v-25f11483]{background:var(--color-danger-light);color:var(--color-danger)}.icon-warning[data-v-25f11483]{background:var(--color-warning-light);color:var(--color-warning)}.icon-success[data-v-25f11483]{background:var(--color-success-light);color:var(--color-success)}.confirm-content[data-v-25f11483]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.confirm-message[data-v-25f11483]{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-primary);margin:0;line-height:1.5}.confirm-description[data-v-25f11483]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.modal-footer[data-v-25f11483]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.btn[data-v-25f11483]{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.btn-secondary[data-v-25f11483]{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary[data-v-25f11483]:hover{background:var(--color-bg-tertiary)}.btn-primary[data-v-25f11483]{background:var(--color-primary);color:#fff}.btn-primary[data-v-25f11483]:hover{background:var(--color-primary-dark)}.btn-danger[data-v-25f11483]{background:var(--color-danger);color:#fff}.btn-danger[data-v-25f11483]:hover{background:var(--color-danger-dark)}.btn-warning[data-v-25f11483]{background:var(--color-warning);color:#fff}.btn-warning[data-v-25f11483]:hover{background:var(--color-warning-dark)}.btn-success[data-v-25f11483]{background:var(--color-success);color:#fff}.btn-success[data-v-25f11483]:hover{background:var(--color-success-dark)}@media (max-width: 480px){.confirm-modal[data-v-25f11483]{flex-direction:column;text-align:center}.confirm-icon[data-v-25f11483]{align-self:center}.modal-footer[data-v-25f11483]{flex-direction:column-reverse}.btn[data-v-25f11483]{width:100%}}.confirm-icon[data-v-25f11483]{animation:iconPulse-25f11483 .3s ease-out}@keyframes iconPulse-25f11483{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.confirm-icon[data-v-25f11483]{animation:none}}@media (prefers-contrast: high){.confirm-icon[data-v-25f11483]{border:2px solid currentColor}.btn[data-v-25f11483]{border-width:2px}}.notification-item[data-v-1fa923b3]{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:320px;max-width:480px;position:relative;overflow:hidden}.notification-item--success[data-v-1fa923b3]{border-left:4px solid var(--color-success)}.notification-item--success .notification-icon[data-v-1fa923b3]{color:var(--color-success)}.notification-item--warning[data-v-1fa923b3]{border-left:4px solid var(--color-warning)}.notification-item--warning .notification-icon[data-v-1fa923b3]{color:var(--color-warning)}.notification-item--error[data-v-1fa923b3]{border-left:4px solid var(--color-error)}.notification-item--error .notification-icon[data-v-1fa923b3]{color:var(--color-error)}.notification-item--info[data-v-1fa923b3]{border-left:4px solid var(--color-info)}.notification-item--info .notification-icon[data-v-1fa923b3]{color:var(--color-info)}.notification-icon[data-v-1fa923b3]{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notification-icon svg[data-v-1fa923b3]{width:100%;height:100%;fill:currentColor}.notification-content[data-v-1fa923b3]{flex:1;min-width:0}.notification-title[data-v-1fa923b3]{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.4}.notification-message[data-v-1fa923b3]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;word-break:break-word}.notification-close[data-v-1fa923b3]{flex-shrink:0;width:20px;height:20px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);margin-top:2px}.notification-close[data-v-1fa923b3]:hover{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.notification-close svg[data-v-1fa923b3]{width:14px;height:14px;fill:currentColor}.notification-item.show-progress[data-v-1fa923b3]:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;animation:progress-1fa923b3 var(--duration, 4s) linear;animation-play-state:running}.notification-item.paused[data-v-1fa923b3]:after{animation-play-state:paused}.notification-item--success.show-progress[data-v-1fa923b3]:after{background:var(--color-success)}.notification-item--warning.show-progress[data-v-1fa923b3]:after{background:var(--color-warning)}.notification-item--error.show-progress[data-v-1fa923b3]:after{background:var(--color-error)}.notification-item--info.show-progress[data-v-1fa923b3]:after{background:var(--color-info)}@keyframes progress-1fa923b3{0%{width:100%}to{width:0%}}.notification-enter-active[data-v-1fa923b3]{transition:all .3s ease-out}.notification-leave-active[data-v-1fa923b3]{transition:all .3s ease-in}.notification-enter-from[data-v-1fa923b3],.notification-leave-to[data-v-1fa923b3]{transform:translate(100%);opacity:0}@media (max-width: 480px){.notification-item[data-v-1fa923b3]{min-width:280px;max-width:calc(100vw - 32px)}}.notification-container[data-v-0ee97182]{position:fixed;z-index:var(--z-notification);pointer-events:none;max-height:100vh;overflow:hidden}.notification-container--top-left[data-v-0ee97182]{top:var(--spacing-lg);left:var(--spacing-lg)}.notification-container--top-right[data-v-0ee97182]{top:var(--spacing-lg);right:var(--spacing-lg)}.notification-container--top-center[data-v-0ee97182]{top:var(--spacing-lg);left:50%;transform:translate(-50%)}.notification-container--bottom-left[data-v-0ee97182]{bottom:var(--spacing-lg);left:var(--spacing-lg)}.notification-container--bottom-right[data-v-0ee97182]{bottom:var(--spacing-lg);right:var(--spacing-lg)}.notification-container--bottom-center[data-v-0ee97182]{bottom:var(--spacing-lg);left:50%;transform:translate(-50%)}.notification-list[data-v-0ee97182]{display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:auto}.notification-container--bottom-left .notification-list[data-v-0ee97182],.notification-container--bottom-right .notification-list[data-v-0ee97182],.notification-container--bottom-center .notification-list[data-v-0ee97182]{flex-direction:column-reverse}.notification-list-enter-active[data-v-0ee97182]{transition:all .3s ease-out}.notification-list-leave-active[data-v-0ee97182]{transition:all .3s ease-in}.notification-list-enter-from[data-v-0ee97182],.notification-list-leave-to[data-v-0ee97182]{opacity:0;transform:translate(100%)}.notification-list-move[data-v-0ee97182]{transition:transform .3s ease}.notification-container--top-left .notification-list-enter-from[data-v-0ee97182],.notification-container--bottom-left .notification-list-enter-from[data-v-0ee97182],.notification-container--top-left .notification-list-leave-to[data-v-0ee97182],.notification-container--bottom-left .notification-list-leave-to[data-v-0ee97182]{transform:translate(-100%)}.notification-container--top-center .notification-list-enter-from[data-v-0ee97182],.notification-container--bottom-center .notification-list-enter-from[data-v-0ee97182],.notification-container--top-center .notification-list-leave-to[data-v-0ee97182],.notification-container--bottom-center .notification-list-leave-to[data-v-0ee97182]{transform:translateY(-20px) scale(.95)}@media (max-width: 768px){.notification-container[data-v-0ee97182]{left:var(--spacing-md)!important;right:var(--spacing-md)!important;transform:none!important}.notification-container--top-center[data-v-0ee97182],.notification-container--bottom-center[data-v-0ee97182]{left:var(--spacing-md);right:var(--spacing-md)}}@media (max-width: 480px){.notification-container[data-v-0ee97182]{left:var(--spacing-sm)!important;right:var(--spacing-sm)!important}.notification-container--top-left[data-v-0ee97182],.notification-container--top-right[data-v-0ee97182],.notification-container--top-center[data-v-0ee97182]{top:var(--spacing-md)}.notification-container--bottom-left[data-v-0ee97182],.notification-container--bottom-right[data-v-0ee97182],.notification-container--bottom-center[data-v-0ee97182]{bottom:var(--spacing-md)}}.app[data-v-7c322400]{min-height:100vh;background:var(--color-bg-primary)}.system-title[data-v-66267fc1]{display:flex;align-items:center;flex:0 0 auto;width:280px}.app-logo[data-v-66267fc1]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.app-title[data-v-66267fc1]{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-lg);letter-spacing:.5px;white-space:nowrap}@media (max-width: 1024px){.app-title[data-v-66267fc1]{font-size:var(--font-size-md)}}@media (max-width: 768px){.app-logo[data-v-66267fc1]{gap:var(--spacing-sm);padding:var(--spacing-xs)}.app-title[data-v-66267fc1]{font-size:var(--font-size-sm);letter-spacing:.25px}}@media (max-width: 480px){.app-title[data-v-66267fc1]{display:none}}.main-menu[data-v-17c81261]{display:flex;align-items:center;gap:var(--spacing-xs)}.menu-item[data-v-17c81261]{position:relative;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);min-height:32px;display:flex;align-items:center}.menu-item[data-v-17c81261]:hover,.menu-item.active[data-v-17c81261]{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-menu[data-v-17c81261]{position:absolute;top:100%;left:0;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;min-width:220px;z-index:var(--z-dropdown);padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-item[data-v-17c81261]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:36px;position:relative}.dropdown-item[data-v-17c81261]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translate(2px)}.shortcut[data-v-17c81261]{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary)}@media (max-width: 768px){.main-menu[data-v-17c81261]{display:none}}.new-scene-options[data-v-17c81261]{padding:var(--spacing-md)}.option-description[data-v-17c81261]{margin-bottom:var(--spacing-lg);text-align:center}.option-description p[data-v-17c81261]{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.scene-options[data-v-17c81261]{display:flex;flex-direction:column;gap:var(--spacing-md)}.scene-option[data-v-17c81261]{display:flex;align-items:center;padding:var(--spacing-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--color-bg-primary)}.scene-option[data-v-17c81261]:hover{border-color:var(--color-primary);background:var(--color-bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-icon[data-v-17c81261]{margin-right:var(--spacing-lg);color:var(--color-primary);flex-shrink:0}.option-content[data-v-17c81261]{flex:1}.option-content h4[data-v-17c81261]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.option-content p[data-v-17c81261]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.scene-title-container[data-v-79caba1a]{display:flex;align-items:center}.scene-info[data-v-79caba1a]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;min-height:36px}.scene-title[data-v-79caba1a]{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap}.edit-button[data-v-79caba1a]{margin-left:var(--spacing-xs);opacity:.7;transition:opacity var(--transition-fast)}.edit-button[data-v-79caba1a]:hover{opacity:1}.scene-actions[data-v-79caba1a]{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-md);align-items:center}.edit-form[data-v-79caba1a]{padding:var(--spacing-md) 0}.form-label[data-v-79caba1a]{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-input[data-v-79caba1a]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);transition:all var(--transition-fast);outline:none}.form-input[data-v-79caba1a]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.form-input[data-v-79caba1a]::placeholder{color:var(--color-text-tertiary)}@media (max-width: 768px){.scene-info[data-v-79caba1a]{padding:var(--spacing-xs) var(--spacing-sm);min-height:32px}.scene-title[data-v-79caba1a]{font-size:var(--font-size-xs)}.scene-actions[data-v-79caba1a]{margin-left:var(--spacing-sm)}}@media (max-width: 480px){.scene-info[data-v-79caba1a]{padding:var(--spacing-xs) 0;min-height:28px}.scene-title[data-v-79caba1a]{font-size:var(--font-size-xs)}.scene-actions[data-v-79caba1a]{margin-left:var(--spacing-xs)}}.base-input-wrapper[data-v-d033b1d4]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.base-input-label[data-v-d033b1d4]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.required-indicator[data-v-d033b1d4]{color:var(--color-error);margin-left:2px}.base-input-container[data-v-d033b1d4]{position:relative;display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.base-input-container--focused[data-v-d033b1d4]{border-color:var(--color-primary)}.base-input-container--error[data-v-d033b1d4]{border-color:var(--color-error)}.base-input-container--disabled[data-v-d033b1d4]{opacity:.5;cursor:not-allowed}.base-input-container--sm[data-v-d033b1d4]{min-height:32px}.base-input-container--md[data-v-d033b1d4]{min-height:40px}.base-input-container--lg[data-v-d033b1d4]{min-height:48px}.base-input[data-v-d033b1d4]{flex:1;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);transition:all var(--transition-normal)}.base-input[data-v-d033b1d4]::placeholder{color:var(--color-text-tertiary)}.base-input[data-v-d033b1d4]:disabled{cursor:not-allowed}.base-input--sm[data-v-d033b1d4]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.base-input--md[data-v-d033b1d4]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.base-input--lg[data-v-d033b1d4]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.prefix-icon[data-v-d033b1d4],.suffix-icon[data-v-d033b1d4]{color:var(--color-text-tertiary);transition:color var(--transition-normal)}.prefix-icon[data-v-d033b1d4]{margin-left:var(--spacing-sm);margin-right:var(--spacing-xs)}.suffix-icon[data-v-d033b1d4]{margin-left:var(--spacing-xs);margin-right:var(--spacing-sm)}.base-input-container--focused .prefix-icon[data-v-d033b1d4],.base-input-container--focused .suffix-icon[data-v-d033b1d4]{color:var(--color-primary)}.clear-button[data-v-d033b1d4]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);margin-right:var(--spacing-sm);transition:all var(--transition-normal)}.clear-button[data-v-d033b1d4]:hover{color:var(--color-text-primary);background:var(--color-border-primary)}.base-input-message[data-v-d033b1d4]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-message[data-v-d033b1d4]{color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.helper-text[data-v-d033b1d4]{color:var(--color-text-tertiary)}.base-input-container--with-prefix .base-input--sm[data-v-d033b1d4],.base-input-container--with-prefix .base-input--md[data-v-d033b1d4],.base-input-container--with-prefix .base-input--lg[data-v-d033b1d4]{padding-left:0}.base-input-container--with-suffix .base-input--sm[data-v-d033b1d4],.base-input-container--with-suffix .base-input--md[data-v-d033b1d4],.base-input-container--with-suffix .base-input--lg[data-v-d033b1d4]{padding-right:0}.login-form[data-v-755f980f]{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.login-description[data-v-755f980f]{text-align:center;margin-bottom:var(--spacing-sm)}.description-text[data-v-755f980f]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.form-field[data-v-755f980f]{display:flex;flex-direction:column}.login-tips[data-v-755f980f]{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm)}.tip-text[data-v-755f980f]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.tip-account[data-v-755f980f]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);line-height:1.4}.tip-account[data-v-755f980f]:not(:last-child){margin-bottom:var(--spacing-xs)}@media (max-width: 480px){.login-form[data-v-755f980f]{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.login-tips[data-v-755f980f]{padding:var(--spacing-sm)}}.right-tools[data-v-ec24c647]{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto}.design-system-toggle[data-v-ec24c647],.theme-toggle[data-v-ec24c647],.language-toggle[data-v-ec24c647]{opacity:.8;transition:opacity var(--transition-fast)}.design-system-toggle[data-v-ec24c647]:hover,.theme-toggle[data-v-ec24c647]:hover,.language-toggle[data-v-ec24c647]:hover{opacity:1}.user-status[data-v-ec24c647]{position:relative;margin-left:var(--spacing-xs)}.login-prompt[data-v-ec24c647]{display:flex;align-items:center}.user-info[data-v-ec24c647]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.user-info[data-v-ec24c647]:hover{background:var(--color-bg-hover);border-color:var(--color-border-primary)}.user-avatar[data-v-ec24c647]{display:flex;align-items:center;justify-content:center}.user-details[data-v-ec24c647]{display:flex;flex-direction:column;gap:1px;min-width:80px}.user-name[data-v-ec24c647]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.user-role[data-v-ec24c647]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.2}.user-menu-toggle[data-v-ec24c647]{opacity:.6;transition:opacity var(--transition-fast)}.user-info:hover .user-menu-toggle[data-v-ec24c647]{opacity:1}.user-dropdown[data-v-ec24c647]{position:absolute;top:100%;right:0;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;min-width:180px;z-index:var(--z-dropdown);padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-item[data-v-ec24c647]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:36px}.dropdown-item[data-v-ec24c647]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translate(2px)}.dropdown-item.logout[data-v-ec24c647]{color:var(--color-error)}.dropdown-item.logout[data-v-ec24c647]:hover{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.dropdown-divider[data-v-ec24c647]{height:1px;background:var(--color-border-secondary);margin:var(--spacing-sm) var(--spacing-md);opacity:.6}@media (max-width: 768px){.right-tools[data-v-ec24c647]{gap:var(--spacing-xs)}.user-details[data-v-ec24c647]{display:none}.user-dropdown[data-v-ec24c647]{right:-20px;min-width:160px}}@media (max-width: 480px){.language-toggle[data-v-ec24c647]{display:none}}.editor-menu-bar[data-v-3100a3b1]{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:var(--z-nav);font-size:var(--font-size-sm);height:48px}.menu-left[data-v-3100a3b1]{display:flex;align-items:center;flex:0 0 auto}.divider[data-v-3100a3b1]{width:1px;height:24px;background:var(--color-border-secondary)}.menu-center[data-v-3100a3b1]{flex:1;display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-lg)}.menu-right[data-v-3100a3b1]{display:flex;align-items:center;flex:0 0 auto;margin-right:var(--spacing-sm)}@media (max-width: 1024px){.editor-menu-bar[data-v-3100a3b1]{padding:0 var(--spacing-md)}.menu-left[data-v-3100a3b1]{gap:var(--spacing-lg)}}@media (max-width: 768px){.editor-menu-bar[data-v-3100a3b1]{height:44px;padding:0 var(--spacing-sm)}.menu-left[data-v-3100a3b1]{gap:var(--spacing-md)}.menu-center[data-v-3100a3b1]{padding:0 var(--spacing-sm)}}@media (max-width: 480px){.editor-menu-bar[data-v-3100a3b1]{height:40px}.menu-center[data-v-3100a3b1]{padding:0 var(--spacing-xs)}}.base-search-input[data-v-a792974b]{position:relative;display:flex;align-items:center;width:100%}.search-icon[data-v-a792974b]{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:1}.search-input[data-v-a792974b]{width:100%;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-xl);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4;transition:all var(--transition-fast);outline:none}.search-input[data-v-a792974b]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-20)}.search-input[data-v-a792974b]:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.search-input[data-v-a792974b]::placeholder{color:var(--color-text-tertiary)}.clear-button[data-v-a792974b]{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);z-index:1;opacity:.7;transition:opacity var(--transition-fast)}.clear-button[data-v-a792974b]:hover{opacity:1}.base-search-input.disabled .search-icon[data-v-a792974b]{color:var(--color-text-disabled)}@media (max-width: 768px){.base-search-input[data-v-a792974b]{max-width:100%}.search-input[data-v-a792974b]{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-xs)}.search-icon[data-v-a792974b]{left:var(--spacing-xs)}.clear-button[data-v-a792974b]{right:var(--spacing-xxs)}}.tree-node[data-v-bf8689f9]{-webkit-user-select:none;user-select:none}.node-content[data-v-bf8689f9]{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:32px}.node-content[data-v-bf8689f9]:hover{background:var(--color-bg-hover)}.tree-node.selected .node-content[data-v-bf8689f9]{background:var(--color-primary-alpha);border:1px solid var(--color-primary)}.tree-node.highlighted .node-content[data-v-bf8689f9]{background:var(--color-warning-alpha)}.expand-button[data-v-bf8689f9]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.expand-button[data-v-bf8689f9]:hover{background:var(--color-bg-hover)}.expand-icon[data-v-bf8689f9]{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.expand-placeholder[data-v-bf8689f9]{width:12px;height:12px}.node-icon[data-v-bf8689f9]{margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.node-label[data-v-bf8689f9]{flex:1;display:flex;flex-direction:column;min-width:0}.node-name[data-v-bf8689f9]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.node-name[data-v-bf8689f9] mark{background:var(--color-warning-alpha);color:var(--color-text-primary);padding:0;border-radius:2px}.node-type[data-v-bf8689f9]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;margin-top:2px}.node-indicators[data-v-bf8689f9]{display:flex;align-items:center;gap:var(--spacing-xs);margin-right:var(--spacing-sm)}.indicator[data-v-bf8689f9]{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.indicator.hidden[data-v-bf8689f9]{background:var(--color-text-tertiary);color:var(--color-bg-primary)}.indicator.in-scene[data-v-bf8689f9]{background:var(--color-success-alpha);color:var(--color-success)}.indicator.error[data-v-bf8689f9]{background:var(--color-error-alpha);color:var(--color-error)}.node-actions[data-v-bf8689f9]{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.node-content:hover .node-actions[data-v-bf8689f9]{opacity:1}.child-nodes[data-v-bf8689f9]{position:relative}.child-nodes[data-v-bf8689f9]:before{content:"";position:absolute;left:calc(var(--spacing-sm) + 8px);top:0;bottom:0;width:1px;background:var(--color-border-secondary);opacity:.5}.node-content[draggable=true][data-v-bf8689f9]:active{opacity:.7;transform:scale(.98)}.node-content.drag-over[data-v-bf8689f9]{background:var(--color-primary-alpha);border:2px dashed var(--color-primary)}.child-nodes[data-v-bf8689f9]{animation:slideDown-bf8689f9 .2s ease-out}@keyframes slideDown-bf8689f9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.node-content[data-v-bf8689f9]{padding:var(--spacing-sm)}.node-name[data-v-bf8689f9]{font-size:var(--font-size-xs)}.node-type[data-v-bf8689f9]{display:none}.node-actions[data-v-bf8689f9]{opacity:1}}.device-structure-tree[data-v-4ada7f09]{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.tree-content[data-v-4ada7f09]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.empty-state[data-v-4ada7f09]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-text-secondary);text-align:center}.empty-state .base-icon[data-v-4ada7f09]{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state p[data-v-4ada7f09]{margin:0;font-size:var(--font-size-sm)}.structure-tree[data-v-4ada7f09]{min-height:100%}@media (max-width: 768px){.tree-content[data-v-4ada7f09]{padding:var(--spacing-xs)}}.scene-devices[data-v-86dfd11c]{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.toolbar[data-v-86dfd11c]{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.toolbar .base-search-input[data-v-86dfd11c]{flex:1}.device-tree[data-v-86dfd11c]{flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.search-results[data-v-86dfd11c]{flex:1;overflow-y:auto}.device-tree[data-v-86dfd11c]::-webkit-scrollbar,.search-results[data-v-86dfd11c]::-webkit-scrollbar{width:6px}.device-tree[data-v-86dfd11c]::-webkit-scrollbar-track,.search-results[data-v-86dfd11c]::-webkit-scrollbar-track{background:transparent}.device-tree[data-v-86dfd11c]::-webkit-scrollbar-thumb,.search-results[data-v-86dfd11c]::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.device-tree[data-v-86dfd11c]::-webkit-scrollbar-thumb:hover,.search-results[data-v-86dfd11c]::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.filter-tags-container[data-v-43c9e630]{width:100%}.filter-tags[data-v-43c9e630]{display:flex;flex-wrap:wrap}.filter-tag[data-v-43c9e630]{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs-plus) var(--spacing-sm);margin:0 var(--spacing-xs) var(--spacing-xs) 0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);min-height:24px;min-width:40px;outline:none}.filter-tag[data-v-43c9e630]:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.filter-tag.active[data-v-43c9e630]{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-tag.active[data-v-43c9e630]:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.device-list[data-v-856be25a]{flex:1;overflow-y:auto}.device-list.grid[data-v-856be25a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.device-list.list[data-v-856be25a]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.empty-state[data-v-856be25a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-tertiary);text-align:center}.empty-state p[data-v-856be25a]{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-sm)}.device-item[data-v-856be25a]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-fast);position:relative}.device-item[data-v-856be25a]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.device-list.list .device-item[data-v-856be25a]{flex-direction:row;align-items:center;gap:var(--spacing-md)}.device-item.selected[data-v-856be25a]{border-color:var(--color-primary);border-width:2px}.device-thumbnail[data-v-856be25a]{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.device-list.list .device-thumbnail[data-v-856be25a]{margin-bottom:0}.device-thumbnail img[data-v-856be25a]{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.device-info[data-v-856be25a]{text-align:center;flex:1}.device-list.list .device-info[data-v-856be25a]{text-align:left}.device-name[data-v-856be25a]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.device-type[data-v-856be25a]{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.device-actions[data-v-856be25a]{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast)}.device-item:hover .device-actions[data-v-856be25a]{opacity:1}.device-actions .danger[data-v-856be25a]{color:var(--color-error)}.device-actions .danger[data-v-856be25a]:hover{background:var(--color-error-light)}.device-list.list .device-actions[data-v-856be25a]{margin-top:0;margin-left:auto}.device-list[data-v-856be25a]::-webkit-scrollbar{width:0;height:0}.device-list[data-v-856be25a]::-webkit-scrollbar-track{background:transparent}.device-list[data-v-856be25a]::-webkit-scrollbar-thumb{background:transparent}.device-list[data-v-856be25a]{scrollbar-width:none;-ms-overflow-style:none}.civil-library[data-v-a2426a63]{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.toolbar[data-v-a2426a63]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.filter-section[data-v-a2426a63]{flex-shrink:0}.device-library[data-v-625dcd19]{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.toolbar[data-v-625dcd19]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.filter-section[data-v-625dcd19]{flex-shrink:0}.component-library[data-v-23118523]{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.toolbar[data-v-23118523]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.filter-section[data-v-23118523]{flex-shrink:0}.algorithm-library[data-v-de915e73]{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.toolbar[data-v-de915e73]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.empty-panel[data-v-de915e73]{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.empty-content[data-v-de915e73]{text-align:center;color:var(--color-text-secondary);max-width:600px;width:100%}.empty-icon[data-v-de915e73]{font-size:2rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.empty-content h3[data-v-de915e73]{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:var(--spacing-sm) 0;font-weight:var(--font-weight-semibold)}.empty-content p[data-v-de915e73]{margin:var(--spacing-xs-plus) 0;line-height:1.4;font-size:var(--font-size-base)}.text-muted[data-v-de915e73]{color:var(--color-text-tertiary);font-style:italic}.algorithm-preview[data-v-de915e73]{margin-top:var(--spacing-xl);text-align:left}.algorithm-category[data-v-de915e73]{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.algorithm-category h4[data-v-de915e73]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold)}.algorithm-list[data-v-de915e73]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.algorithm-item[data-v-de915e73]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.algorithm-item[data-v-de915e73]:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0066ff1a}.algorithm-item span[data-v-de915e73]{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.algorithm-status[data-v-de915e73]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.algorithm-status.developing[data-v-de915e73]{background:rgba(255,193,7,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.algorithm-status.ready[data-v-de915e73]{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.algorithm-status.experimental[data-v-de915e73]{background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.2)}@media (max-width: 768px){.empty-panel[data-v-de915e73]{padding:var(--spacing-lg)}.empty-icon[data-v-de915e73]{font-size:1.5rem}.algorithm-preview[data-v-de915e73]{margin-top:var(--spacing-lg)}.algorithm-category[data-v-de915e73]{padding:var(--spacing-md)}.algorithm-item[data-v-de915e73]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.algorithm-item span[data-v-de915e73]{order:1}.algorithm-status[data-v-de915e73]{order:2;align-self:flex-start}}.test-button-container[data-v-de915e73]{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.test-button[data-v-de915e73]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.device-panel[data-v-b5d33263]{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}.sidebar-tabs[data-v-b5d33263]{background:var(--color-bg-secondary);display:flex;flex-direction:column;flex-shrink:0}.tab-item[data-v-b5d33263]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xs);cursor:pointer;transition:all .2s ease;gap:var(--spacing-md)}.tab-item[data-v-b5d33263]:hover{background:var(--color-bg-tertiary)}.tab-item.active[data-v-b5d33263]{background:var(--color-bg-primary);color:var(--color-primary)}.tab-item.active[data-v-b5d33263]:hover{background:var(--color-bg-primary)}.tab-label[data-v-b5d33263]{font-size:var(--font-size-xs);text-align:center;line-height:1.2;word-break:break-all;max-width:100%}.content-area[data-v-b5d33263]{flex:1;display:flex;flex-direction:column;overflow:hidden}.tab-panel[data-v-b5d33263]{height:100%;display:flex;flex-direction:column;padding:var(--spacing-sm);overflow:hidden}.placeholder-content[data-v-b5d33263]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){.sidebar-tabs[data-v-b5d33263]{width:60px}.tab-item[data-v-b5d33263]{min-height:60px;padding:var(--spacing-sm) var(--spacing-xs)}.tab-label[data-v-b5d33263]{font-size:10px}}@media (max-width: 480px){.tab-label[data-v-b5d33263]{display:none}.sidebar-tabs[data-v-b5d33263]{width:50px}.tab-item[data-v-b5d33263]{min-height:50px;padding:var(--spacing-xs)}}.loading-content[data-v-fc1a250a]{text-align:center;padding:var(--spacing-lg) 0}.loading-content p[data-v-fc1a250a]{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.loading-progress[data-v-fc1a250a]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.progress-bar[data-v-fc1a250a]{flex-grow:1;height:var(--spacing-xs);background:var(--color-bg-tertiary);overflow:hidden}.progress-fill[data-v-fc1a250a]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width var(--transition-normal)}.progress-text[data-v-fc1a250a]{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:45px;text-align:right}.scene3d-container[data-v-20c327e0]{width:100%;height:100%;overflow:hidden}.scene-toolbar[data-v-f7cb14e0]{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-fixed)}.toolbar-group[data-v-f7cb14e0]{display:flex;flex-direction:column;gap:var(--spacing-xs-plus);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-group .active[data-v-f7cb14e0]{box-shadow:0 0 0 2px var(--color-primary)}@media (max-width: 768px){.scene-toolbar[data-v-f7cb14e0]{top:calc(var(--spacing-xs-plus) + 40px);left:var(--spacing-xs-plus)}}.scene-display-controls[data-v-2a2fcf90]{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-fixed)}.controls-container[data-v-2a2fcf90]{display:flex;gap:var(--spacing-sm)}.control-group[data-v-2a2fcf90]{display:flex;align-items:center;gap:var(--spacing-xs-plus);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.info-item[data-v-2a2fcf90]{display:flex;align-items:center;gap:var(--spacing-xs-plus);padding:var(--spacing-xs-plus) var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.selected-object[data-v-2a2fcf90]{border-color:var(--color-primary);color:var(--color-text-primary)}@media (max-width: 768px){.scene-display-controls[data-v-2a2fcf90]{bottom:var(--spacing-xs-plus);left:var(--spacing-xs-plus)}.controls-container[data-v-2a2fcf90]{flex-direction:column;gap:var(--spacing-xs-plus)}.control-group[data-v-2a2fcf90]{padding:var(--spacing-xs-plus)}.info-item[data-v-2a2fcf90]{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs-plus)}}.base-card[data-v-aad8363b]{border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.base-card--sm[data-v-aad8363b]{padding:var(--spacing-sm)}.base-card--md[data-v-aad8363b]{padding:var(--spacing-md)}.base-card--lg[data-v-aad8363b]{padding:var(--spacing-lg)}.base-card--default[data-v-aad8363b]{background:rgba(255,255,255,.9);border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-md)}.base-card--glass[data-v-aad8363b]{background:rgba(248,249,250,.8);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg)}.base-card--tech[data-v-aad8363b]{background:rgba(255,255,255,.95);border:1px solid var(--color-primary);box-shadow:0 4px 12px #00d4ff26}.base-card--tech[data-v-aad8363b]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.base-card--outline[data-v-aad8363b]{background:rgba(255,255,255,.85);border:1px solid var(--color-border-primary)}.base-card--hoverable[data-v-aad8363b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.base-card--clickable[data-v-aad8363b]{cursor:pointer}.base-card--clickable[data-v-aad8363b]:hover{transform:translateY(-2px)}.base-card--tech.base-card--hoverable[data-v-aad8363b]:hover{box-shadow:0 0 30px #00d4ff4d}[data-theme=dark] .base-card--default[data-v-aad8363b]{background:rgba(45,45,45,.9);border:1px solid var(--color-border-secondary)}[data-theme=dark] .base-card--glass[data-v-aad8363b]{background:rgba(64,64,64,.8);border:1px solid var(--color-border-primary)}[data-theme=dark] .base-card--tech[data-v-aad8363b]{background:rgba(45,45,45,.95);border:1px solid var(--color-primary)}[data-theme=dark] .base-card--outline[data-v-aad8363b]{background:rgba(45,45,45,.85);border:1px solid var(--color-border-primary)}.card-header[data-v-aad8363b]{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-secondary)}.card-body[data-v-aad8363b]{flex:1}.card-footer[data-v-aad8363b]{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-secondary)}.device-floating-label[data-v-912492b6]{position:absolute;z-index:1000;pointer-events:none}.device-label-card[data-v-912492b6]{min-width:200px;max-width:300px}.device-name[data-v-912492b6]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-tertiary)}.name-text[data-v-912492b6]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.device-properties[data-v-912492b6]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.property-item[data-v-912492b6]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.property-label[data-v-912492b6]{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:40px}.property-value[data-v-912492b6]{color:var(--color-text-primary)}.color-indicator[data-v-912492b6]{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border-secondary)}.tags[data-v-912492b6]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag[data-v-912492b6]{background:var(--color-primary-light);color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.device-label-card[data-v-912492b6]{min-width:150px;max-width:200px}.device-properties[data-v-912492b6]{gap:2px}.property-item[data-v-912492b6]{font-size:10px}}.device-floating-label[data-v-912492b6]{animation:fadeIn-912492b6 .3s ease-out}@keyframes fadeIn-912492b6{0%{opacity:0;transform:translate(-50%,-100%) translateY(-10px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.three-scene[data-v-1cca4847]{width:100%;height:100%;position:relative;overflow:hidden}.base-tabs[data-v-ac26707d]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.tab-header[data-v-ac26707d]{display:flex;gap:0;background:transparent}.tab-item[data-v-ac26707d]{padding:var(--spacing-sm) 0;cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-secondary);flex:1;font-size:var(--font-size-sm)}.tab-item[data-v-ac26707d]:first-child{border-top-left-radius:var(--radius-md)}.tab-item[data-v-ac26707d]:last-child{border-top-right-radius:var(--radius-md)}.tab-item[data-v-ac26707d]:hover:not(.disabled){color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);background:var(--color-bg-tertiary)}.tab-item.active[data-v-ac26707d]{background:var(--color-bg-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tab-item.disabled[data-v-ac26707d]{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--color-bg-disabled);color:var(--color-text-disabled)}.tab-label[data-v-ac26707d]{white-space:nowrap}.tab-count[data-v-ac26707d]{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:var(--spacing-xxs) var(--spacing-xs);min-width:16px;text-align:center;line-height:1}.tab-item.active .tab-count[data-v-ac26707d]{background:var(--color-primary);color:var(--color-bg-primary)}.tab-content[data-v-ac26707d]{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-primary);border-radius:var(--radius-md)}.base-tabs.size-small .tab-item[data-v-ac26707d]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.base-tabs.size-large .tab-item[data-v-ac26707d]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}@media (max-width: 768px){.tab-item[data-v-ac26707d]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.tab-count[data-v-ac26707d]{display:none}}.property-section[data-v-9efce71f]{border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary);overflow:hidden;transition:all var(--transition-normal);position:relative;z-index:1}.property-section[data-v-9efce71f]:hover{border-color:var(--color-border-primary)}.property-section.expanded[data-v-9efce71f]{border-color:var(--color-border-accent);overflow:visible;position:relative;z-index:2}.section-header[data-v-9efce71f]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);cursor:pointer;background:var(--color-bg-secondary);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.section-header[data-v-9efce71f]:hover{background:var(--color-bg-hover)}.section-title[data-v-9efce71f]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.section-icon[data-v-9efce71f]{color:var(--color-text-secondary);transition:color var(--transition-fast)}.property-section.expanded .section-icon[data-v-9efce71f]{color:var(--color-primary)}.section-name[data-v-9efce71f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.section-badge[data-v-9efce71f]{background:var(--color-primary-alpha);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-sm);min-width:20px;text-align:center}.section-actions[data-v-9efce71f]{display:flex;align-items:center}.expand-icon[data-v-9efce71f]{color:var(--color-text-tertiary);transition:all var(--transition-fast)}.property-section.expanded .expand-icon[data-v-9efce71f]{color:var(--color-primary)}.section-content[data-v-9efce71f]{padding:var(--spacing-md);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-primary);overflow:visible;position:relative;z-index:10}.section-content-enter-active[data-v-9efce71f],.section-content-leave-active[data-v-9efce71f]{transition:all var(--transition-normal)}.section-content-enter-from[data-v-9efce71f],.section-content-leave-to[data-v-9efce71f]{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.section-content-enter-to[data-v-9efce71f],.section-content-leave-from[data-v-9efce71f]{opacity:1;max-height:1000px}@media (max-width: 768px){.section-header[data-v-9efce71f],.section-content[data-v-9efce71f]{padding:var(--spacing-sm)}.section-name[data-v-9efce71f]{font-size:var(--font-size-xs)}}.base-select-wrapper[data-v-9bf4c5a8]{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.base-select-label[data-v-9bf4c5a8]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.required-indicator[data-v-9bf4c5a8]{color:var(--color-error);margin-left:2px}.base-select-container[data-v-9bf4c5a8]{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.base-select-container--open[data-v-9bf4c5a8]{border-color:var(--color-primary)}.base-select-container--error[data-v-9bf4c5a8]{border-color:var(--color-error)}.base-select-container--disabled[data-v-9bf4c5a8]{opacity:.5;cursor:not-allowed}.base-select-container--sm[data-v-9bf4c5a8]{min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.base-select-container--md[data-v-9bf4c5a8]{min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.base-select-container--lg[data-v-9bf4c5a8]{min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.base-select-display[data-v-9bf4c5a8]{flex:1;display:flex;align-items:center}.selected-text[data-v-9bf4c5a8]{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal)}.placeholder-text[data-v-9bf4c5a8]{color:var(--color-text-tertiary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal)}.dropdown-icon[data-v-9bf4c5a8]{color:var(--color-text-tertiary);transition:all var(--transition-normal);margin-left:var(--spacing-sm)}.dropdown-icon.rotated[data-v-9bf4c5a8]{transform:rotate(180deg);color:var(--color-primary)}.base-select-dropdown[data-v-9bf4c5a8]{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-xs);overflow:hidden}.dropdown-content[data-v-9bf4c5a8]{max-height:var(--v5346ee96);overflow-y:auto}.dropdown-option[data-v-9bf4c5a8]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);border-bottom:1px solid var(--color-border-secondary)}.dropdown-option[data-v-9bf4c5a8]:last-child{border-bottom:none}.dropdown-option[data-v-9bf4c5a8]:hover{background:var(--color-border-secondary)}.dropdown-option.selected[data-v-9bf4c5a8]{background:var(--color-border-primary);color:var(--color-primary)}.dropdown-option.disabled[data-v-9bf4c5a8]{opacity:.5;cursor:not-allowed}.dropdown-option.disabled[data-v-9bf4c5a8]:hover{background:transparent}.option-label[data-v-9bf4c5a8]{flex:1;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal)}.option-check[data-v-9bf4c5a8]{color:var(--color-primary);margin-left:var(--spacing-sm)}.dropdown-empty[data-v-9bf4c5a8]{padding:var(--spacing-md);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.base-select-dropdown--sm .dropdown-option[data-v-9bf4c5a8]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.base-select-dropdown--md .dropdown-option[data-v-9bf4c5a8]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.base-select-dropdown--lg .dropdown-option[data-v-9bf4c5a8]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.base-select-message[data-v-9bf4c5a8]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-message[data-v-9bf4c5a8]{color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.helper-text[data-v-9bf4c5a8]{color:var(--color-text-tertiary)}.dropdown-enter-active[data-v-9bf4c5a8],.dropdown-leave-active[data-v-9bf4c5a8]{transition:all var(--transition-normal)}.dropdown-enter-from[data-v-9bf4c5a8],.dropdown-leave-to[data-v-9bf4c5a8]{opacity:0;transform:translateY(-10px)}.dropdown-enter-to[data-v-9bf4c5a8],.dropdown-leave-from[data-v-9bf4c5a8]{opacity:1;transform:translateY(0)}.base-switch-wrapper[data-v-b16e4102]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.base-switch-label[data-v-b16e4102]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.required-indicator[data-v-b16e4102]{color:var(--color-error);margin-left:2px}.base-switch-container[data-v-b16e4102]{display:flex;align-items:center}.base-switch-input[data-v-b16e4102]{position:absolute;opacity:0;pointer-events:none}.base-switch[data-v-b16e4102]{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.base-switch--disabled[data-v-b16e4102]{opacity:.5;cursor:not-allowed}.base-switch--loading[data-v-b16e4102]{cursor:wait}.switch-track[data-v-b16e4102]{position:relative;display:flex;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);transition:all var(--transition-normal)}.base-switch--checked .switch-track[data-v-b16e4102]{background:var(--color-primary);border-color:var(--color-primary)}.switch-thumb[data-v-b16e4102]{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-normal);z-index:var(--z-base)}.base-switch--checked .switch-thumb[data-v-b16e4102]{background:var(--color-bg-primary)}.base-switch--sm .switch-track[data-v-b16e4102]{width:36px;height:20px;padding:2px}.base-switch--sm .switch-thumb[data-v-b16e4102]{width:16px;height:16px;transform:translate(0)}.base-switch--sm.base-switch--checked .switch-thumb[data-v-b16e4102]{transform:translate(16px)}.base-switch--md .switch-track[data-v-b16e4102]{width:44px;height:24px;padding:2px}.base-switch--md .switch-thumb[data-v-b16e4102]{width:20px;height:20px;transform:translate(0)}.base-switch--md.base-switch--checked .switch-thumb[data-v-b16e4102]{transform:translate(20px)}.base-switch--lg .switch-track[data-v-b16e4102]{width:52px;height:28px;padding:2px}.base-switch--lg .switch-thumb[data-v-b16e4102]{width:24px;height:24px;transform:translate(0)}.base-switch--lg.base-switch--checked .switch-thumb[data-v-b16e4102]{transform:translate(24px)}.switch-icon[data-v-b16e4102]{font-size:10px;color:var(--color-text-tertiary)}.base-switch--sm .switch-icon[data-v-b16e4102]{font-size:8px}.base-switch--md .switch-icon[data-v-b16e4102]{font-size:10px}.base-switch--lg .switch-icon[data-v-b16e4102]{font-size:12px}.base-switch--checked .switch-icon[data-v-b16e4102]{color:var(--color-text-primary)}.switch-inline-label[data-v-b16e4102]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-normal)}.base-switch--checked .switch-inline-label[data-v-b16e4102]{color:var(--color-text-primary)}.base-switch--sm .switch-inline-label[data-v-b16e4102]{font-size:var(--font-size-xs)}.base-switch--md .switch-inline-label[data-v-b16e4102]{font-size:var(--font-size-sm)}.base-switch--lg .switch-inline-label[data-v-b16e4102]{font-size:var(--font-size-base)}.base-switch-message[data-v-b16e4102]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-message[data-v-b16e4102]{color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.helper-text[data-v-b16e4102]{color:var(--color-text-tertiary)}.base-switch-container--error .switch-track[data-v-b16e4102]{border-color:var(--color-error)}.base-switch-container--error.base-switch--checked .switch-track[data-v-b16e4102]{background:var(--color-error);border-color:var(--color-error)}.base-switch[style*=--checked-color] .switch-track[data-v-b16e4102]{background:var(--checked-color)!important;border-color:var(--checked-color)!important}.base-switch[style*=--unchecked-color] .switch-track[data-v-b16e4102]{background:var(--unchecked-color)!important;border-color:var(--unchecked-color)!important}.base-switch-input:focus+.base-switch .switch-track[data-v-b16e4102]{border-color:var(--color-primary)}.base-switch-input:focus+.base-switch.base-switch--checked .switch-track[data-v-b16e4102]{border-color:var(--color-primary)}.base-switch--loading .switch-thumb[data-v-b16e4102]{animation:pulse-b16e4102 1.5s ease-in-out infinite}@keyframes pulse-b16e4102{0%,to{opacity:1}50%{opacity:.7}}.base-textarea-wrapper[data-v-fb7ef7db]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.base-textarea-label[data-v-fb7ef7db]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.required-indicator[data-v-fb7ef7db]{color:var(--color-error);margin-left:2px}.base-textarea-container[data-v-fb7ef7db]{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.base-textarea-container--focused[data-v-fb7ef7db]{border-color:var(--color-primary)}.base-textarea-container--error[data-v-fb7ef7db]{border-color:var(--color-error)}.base-textarea-container--disabled[data-v-fb7ef7db]{opacity:.5;cursor:not-allowed}.base-textarea-container--with-count[data-v-fb7ef7db]{padding-bottom:var(--spacing-lg)}.base-textarea[data-v-fb7ef7db]{width:100%;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);resize:vertical;transition:all var(--transition-normal);position:relative;z-index:var(--z-card)}.base-textarea[data-v-fb7ef7db]::placeholder{color:var(--color-text-tertiary)}.base-textarea[data-v-fb7ef7db]:disabled{cursor:not-allowed;resize:none}.base-textarea--auto-resize[data-v-fb7ef7db]{resize:none;overflow-y:hidden}.base-textarea--sm[data-v-fb7ef7db]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);line-height:1.4}.base-textarea--md[data-v-fb7ef7db]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:1.5}.base-textarea--lg[data-v-fb7ef7db]{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);line-height:1.6}.word-count[data-v-fb7ef7db]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);z-index:var(--z-content);transition:color var(--transition-normal)}.base-textarea-message[data-v-fb7ef7db]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-message[data-v-fb7ef7db]{color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.helper-text[data-v-fb7ef7db]{color:var(--color-text-tertiary)}.base-textarea[readonly][data-v-fb7ef7db]{cursor:default;resize:none}.base-textarea-container--error .word-count[data-v-fb7ef7db]{color:var(--color-error)}.word-count.over-limit[data-v-fb7ef7db]{color:var(--color-error)!important;font-weight:var(--font-weight-medium)}.property-field[data-v-3cfe6a13]{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm)}.property-field[data-v-3cfe6a13]:last-child{margin-bottom:0}.field-label[data-v-3cfe6a13]{display:flex;align-items:center;gap:var(--spacing-xs)}.label-text[data-v-3cfe6a13]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer}.required-mark[data-v-3cfe6a13]{color:var(--color-error);font-size:var(--font-size-sm)}.field-row[data-v-3cfe6a13]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);min-height:32px}.field-row[data-v-3cfe6a13]:last-child{margin-bottom:0}.field-row .field-label[data-v-3cfe6a13]{flex-shrink:0;width:120px}.field-row .field-input[data-v-3cfe6a13]{flex:1;min-width:0;justify-content:flex-end;display:flex;align-items:center;gap:var(--spacing-xs)}.field-row .field-input[data-v-3cfe6a13] .base-input{flex:0 1 auto;min-width:120px;max-width:200px}.field-row .field-input[data-v-3cfe6a13] .base-input input{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-row .field-input[data-v-3cfe6a13] .base-input input::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-row .field-input[data-v-3cfe6a13] .base-select{flex:0 1 auto;min-width:150px;max-width:200px;position:relative;z-index:10}.field-row .field-input[data-v-3cfe6a13] .base-select select{width:100%}.field-input[data-v-3cfe6a13]{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.field-suffix[data-v-3cfe6a13]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;min-width:30px;text-align:right}.field-suffix.suffix-placeholder[data-v-3cfe6a13]{visibility:hidden}.field-row .field-suffix[data-v-3cfe6a13]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;min-width:30px;text-align:right;margin-left:var(--spacing-xs)}.field-row-textarea[data-v-3cfe6a13]{align-items:flex-start}.field-row-textarea .field-label[data-v-3cfe6a13]{padding-top:var(--spacing-xs);width:120px}.field-row-textarea .field-input[data-v-3cfe6a13] .base-textarea{flex:0 1 auto;min-width:180px;max-width:250px;width:100%}.color-input[data-v-3cfe6a13]{display:flex;align-items:center;width:100%}.color-picker[data-v-3cfe6a13]{width:40px;height:32px;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;background:none;flex-shrink:0}.color-picker[data-v-3cfe6a13]:disabled{cursor:not-allowed;opacity:.5}.color-row .color-picker[data-v-3cfe6a13]{width:40px;height:32px;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;background:none;flex-shrink:0}.color-row .color-picker[data-v-3cfe6a13]:disabled{cursor:not-allowed;opacity:.5}.range-input[data-v-3cfe6a13]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:100%}.range-slider[data-v-3cfe6a13]{flex:1;height:4px;border-radius:var(--radius-sm);background:var(--color-border-primary);outline:none;cursor:pointer;min-width:120px;transition:var(--transition-fast);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider[data-v-3cfe6a13]:before{content:"";position:absolute;left:0;top:0;height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width var(--transition-fast);width:var(--progress, 0%);z-index:1;pointer-events:none;transform-origin:left center}.range-slider[data-v-3cfe6a13]:hover{background:var(--color-border-secondary)}.range-slider[data-v-3cfe6a13]:hover:before{background:var(--color-primary-dark)}.range-slider[data-v-3cfe6a13]:disabled{cursor:not-allowed;opacity:.5}.range-slider[data-v-3cfe6a13]::-webkit-slider-track{height:4px;border-radius:var(--radius-sm);background:var(--color-border-primary);border:none}.range-slider[data-v-3cfe6a13]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-primary);box-shadow:0 1px 4px #0003;transition:var(--transition-fast);position:relative;z-index:2}.range-slider[data-v-3cfe6a13]::-webkit-slider-thumb:hover{background:var(--color-primary-dark);box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.range-slider[data-v-3cfe6a13]::-webkit-slider-thumb:active{background:var(--color-primary-dark);box-shadow:0 1px 6px #0006;transform:scale(1.05)}.range-slider[data-v-3cfe6a13]::-moz-range-track{height:4px;border-radius:var(--radius-sm);background:var(--color-border-primary);border:none}.range-slider[data-v-3cfe6a13]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-primary);box-shadow:0 1px 4px #0003;transition:var(--transition-fast);-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;z-index:2}.range-slider[data-v-3cfe6a13]::-moz-range-thumb:hover{background:var(--color-primary-dark);box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.range-slider[data-v-3cfe6a13]::-moz-range-thumb:active{background:var(--color-primary-dark);box-shadow:0 1px 6px #0006;transform:scale(1.05)}[data-theme=dark] .range-slider[data-v-3cfe6a13]{background:var(--color-border-primary)}[data-theme=dark] .range-slider[data-v-3cfe6a13]:before{background:var(--color-primary)}[data-theme=dark] .range-slider[data-v-3cfe6a13]:hover{background:var(--color-border-secondary)}[data-theme=dark] .range-slider[data-v-3cfe6a13]:hover:before{background:var(--color-primary-dark)}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-webkit-slider-track{background:var(--color-border-primary)}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-webkit-slider-thumb{border:2px solid var(--color-bg-primary);box-shadow:0 2px 6px #0006}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-webkit-slider-thumb:hover{box-shadow:0 3px 10px #00000080}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-webkit-slider-thumb:active{box-shadow:0 2px 8px #0009}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-moz-range-track{background:var(--color-border-primary)}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-moz-range-thumb{border:2px solid var(--color-bg-primary);box-shadow:0 2px 6px #0006}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-moz-range-thumb:hover{box-shadow:0 3px 10px #00000080}[data-theme=dark] .range-slider[data-v-3cfe6a13]::-moz-range-thumb:active{box-shadow:0 2px 8px #0009}.range-input-field[data-v-3cfe6a13]{width:80px;flex-shrink:0}.range-suffix[data-v-3cfe6a13]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;min-width:30px}.range-value[data-v-3cfe6a13]{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:60px;text-align:right}.file-input[data-v-3cfe6a13]{display:flex;align-items:center;gap:var(--spacing-sm)}.file-picker[data-v-3cfe6a13]{display:none}.property-field.error .label-text[data-v-3cfe6a13]{color:var(--color-error)}.property-field.error .field-input[data-v-3cfe6a13] input,.property-field.error .field-input[data-v-3cfe6a13] select,.property-field.error .field-input[data-v-3cfe6a13] textarea{border-color:var(--color-error)}.field-error[data-v-3cfe6a13]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error)}.field-help[data-v-3cfe6a13]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4}.property-field.readonly .label-text[data-v-3cfe6a13]{color:var(--color-text-tertiary)}.property-field.readonly .field-input[data-v-3cfe6a13] input,.property-field.readonly .field-input[data-v-3cfe6a13] select,.property-field.readonly .field-input[data-v-3cfe6a13] textarea{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}@media (max-width: 768px){.field-row[data-v-3cfe6a13]{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.field-row .field-label[data-v-3cfe6a13]{min-width:auto;text-align:left}.field-row .field-input[data-v-3cfe6a13]{max-width:100%;min-width:auto;justify-content:stretch;flex-direction:row;align-items:center}.field-row .field-input[data-v-3cfe6a13] .base-input,.field-row .field-input[data-v-3cfe6a13] .base-select,.field-row .field-input[data-v-3cfe6a13] .base-textarea{min-width:0}.range-input[data-v-3cfe6a13]{flex-wrap:wrap}.range-input-field[data-v-3cfe6a13]{width:80px}.range-value[data-v-3cfe6a13]{text-align:center;min-width:auto}.field-row-textarea .field-input[data-v-3cfe6a13]{flex-direction:column;align-items:stretch}.display-content[data-v-3cfe6a13]{width:100%}}.display-content[data-v-3cfe6a13]{display:flex;align-items:center;min-height:32px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-sm);flex:0 1 auto;min-width:150px;max-width:250px}.display-text[data-v-3cfe6a13]{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.image-preview[data-v-3cfe6a13]{max-width:120px;max-height:80px;width:auto;height:auto;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);object-fit:cover;display:block}.thumbnail-preview[data-v-3cfe6a13]{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.thumbnail-preview img[data-v-3cfe6a13]{width:100%;height:100%;object-fit:cover}.thumbnail-preview .base-icon[data-v-3cfe6a13]{color:var(--color-text-tertiary)}.database-actions[data-v-f9ac5247]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-secondary)}.connection-attributes-section[data-v-f9ac5247]{margin:var(--spacing-md) 0}.connection-attributes-header[data-v-f9ac5247]{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.connection-attributes-title[data-v-f9ac5247]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.endpoint-item[data-v-f9ac5247]{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm)}.endpoint-header[data-v-f9ac5247]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-tertiary)}.endpoint-title[data-v-f9ac5247]{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.remove-btn[data-v-f9ac5247]{color:var(--color-error);padding:2px 8px}.remove-btn[data-v-f9ac5247]:hover{background:var(--color-error-bg)}.add-endpoint-btn[data-v-f9ac5247]{margin-top:var(--spacing-sm);display:flex;justify-content:center}.image-upload-section[data-v-f9ac5247]{margin-bottom:var(--spacing-lg)}.thumbnail-row[data-v-f9ac5247]{display:flex;align-items:center;gap:var(--spacing-md)}.thumbnail-row .field-label[data-v-f9ac5247]{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);min-width:80px;flex-shrink:0}.upload-hint[data-v-f9ac5247]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.screenshot-capture-square[data-v-f9ac5247]{position:relative;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:2px dashed var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);transition:all var(--transition-fast);flex-shrink:0}.screenshot-capture-square[data-v-f9ac5247]:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.screenshot-preview-square[data-v-f9ac5247]{position:relative;width:120px;height:120px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);cursor:pointer;flex-shrink:0}.screenshot-preview-square img[data-v-f9ac5247]{width:100%;height:100%;object-fit:cover;display:block}.screenshot-overlay[data-v-f9ac5247]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);background:rgba(0,0,0,.6);opacity:0;transition:opacity var(--transition-fast)}.screenshot-preview-square:hover .screenshot-overlay[data-v-f9ac5247]{opacity:1}.icon-button[data-v-f9ac5247]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-sm);background:rgba(255,255,255,.9);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);padding:0}.icon-button[data-v-f9ac5247]:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.icon-button[data-v-f9ac5247]:active{transform:scale(.95)}.icon-button[data-v-f9ac5247]:disabled{opacity:.5;cursor:not-allowed}.icon-button[data-v-f9ac5247]:disabled:hover{transform:none}.nozzle-list[data-v-c266eef2]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.nozzle-item[data-v-c266eef2]{padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.nozzle-item[data-v-c266eef2]:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.nozzle-item.active[data-v-c266eef2]{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.nozzle-header[data-v-c266eef2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.nozzle-title[data-v-c266eef2]{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.nozzle-meta[data-v-c266eef2]{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-item[data-v-c266eef2]{display:flex;align-items:center;gap:var(--spacing-xs)}.nozzle-details[data-v-c266eef2]{padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.details-header[data-v-c266eef2]{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.details-header h4[data-v-c266eef2]{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.connection-item[data-v-c266eef2]{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm)}.connection-item[data-v-c266eef2]:last-child{margin-bottom:0}.connection-header[data-v-c266eef2]{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-tertiary)}.connection-title[data-v-c266eef2]{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.transform-group[data-v-4663aeee]{margin-bottom:var(--spacing-md)}.transform-group[data-v-4663aeee]:last-child{margin-bottom:0}.group-title[data-v-4663aeee]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-tertiary)}.transform-group[data-v-4663aeee] .property-field{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.transform-group[data-v-4663aeee] .field-label{min-width:20px;flex-shrink:0;margin-bottom:0}.transform-group[data-v-4663aeee] .label-text{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.transform-group[data-v-4663aeee] .field-input{flex:1;display:flex;align-items:center;gap:var(--spacing-xs)}.transform-group[data-v-4663aeee] .base-input{width:110px!important;min-width:110px!important;max-width:110px!important;flex:none!important}.transform-group[data-v-4663aeee] .base-input input{width:100%!important;text-align:right;box-sizing:border-box}.transform-group[data-v-4663aeee] .field-input{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.transform-group[data-v-4663aeee] .field-suffix{width:20px!important;min-width:20px!important;max-width:20px!important;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-tertiary);flex:none!important}.device-properties[data-v-0f9ccfab]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.no-selection[data-v-0f9ccfab]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px dashed var(--color-border-secondary)}.no-selection p[data-v-0f9ccfab]{margin:0}@media (max-width: 768px){.device-properties[data-v-0f9ccfab]{gap:var(--spacing-sm)}}.property-group[data-v-8064907a]{margin-bottom:var(--spacing-lg)}.property-group[data-v-8064907a]:last-child{margin-bottom:0}.group-label[data-v-8064907a]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-secondary)}.label-text[data-v-8064907a]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tooltip-icon[data-v-8064907a]{color:var(--color-text-tertiary);cursor:help}.group-content[data-v-8064907a]{display:flex;gap:var(--spacing-md)}.group-content.layout-grid[data-v-8064907a]{display:grid;gap:var(--spacing-md)}.group-content.grid-cols-1[data-v-8064907a]{grid-template-columns:1fr}.group-content.grid-cols-2[data-v-8064907a]{grid-template-columns:repeat(2,1fr)}.group-content.grid-cols-3[data-v-8064907a]{grid-template-columns:repeat(3,1fr)}.group-content.grid-cols-4[data-v-8064907a]{grid-template-columns:repeat(4,1fr)}.group-content.layout-horizontal[data-v-8064907a]{flex-direction:row;align-items:flex-start}.group-content.layout-horizontal[data-v-8064907a]>.property-field{flex:1;margin-bottom:0}.group-content.layout-vertical[data-v-8064907a]{flex-direction:column}.group-content.layout-vertical[data-v-8064907a]>.property-field{width:100%}@media (max-width: 768px){.group-content.layout-grid[data-v-8064907a]{grid-template-columns:1fr}.group-content.layout-horizontal[data-v-8064907a]{flex-direction:column}.group-content.layout-horizontal[data-v-8064907a]>.property-field{margin-bottom:var(--spacing-md)}}@media (max-width: 480px){.group-content[data-v-8064907a]{gap:var(--spacing-sm)}}.terrain-settings[data-v-12842f24]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.material-presets[data-v-12842f24]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.preset-button[data-v-12842f24]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);background:var(--color-background-primary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.preset-button[data-v-12842f24]:hover{border-color:var(--color-primary);background:var(--color-background-secondary)}.preset-color[data-v-12842f24]{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-secondary);flex-shrink:0}.terrain-actions[data-v-12842f24]{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-secondary)}@media (max-width: 768px){.material-presets[data-v-12842f24]{grid-template-columns:1fr}.terrain-actions[data-v-12842f24]{flex-direction:column;gap:var(--spacing-xs)}}.scene-settings[data-v-fabe3786]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.properties-panel[data-v-d0af2b67]{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.tab-panel[data-v-d0af2b67]{flex:1;overflow-y:auto;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width: 768px){.tab-panel[data-v-d0af2b67]{padding:var(--spacing-sm);gap:var(--spacing-sm)}}.editor-layout[data-v-561b4cbc]{height:100vh;display:grid;grid-template-areas:"top-area top-area top-area" "left-area center-area right-area";grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 320px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.top-area[data-v-561b4cbc]{grid-area:top-area;border-bottom:1px solid var(--color-border-secondary)}.left-area[data-v-561b4cbc]{grid-area:left-area;border-right:1px solid var(--color-border-secondary);display:flex;flex-direction:column;overflow:hidden}.center-area[data-v-561b4cbc]{grid-area:center-area;overflow:hidden}.right-area[data-v-561b4cbc]{grid-area:right-area;border-left:1px solid var(--color-border-secondary);display:flex;flex-direction:column;overflow:hidden}.design-tokens[data-v-4664c240]{padding:var(--spacing-xl) 0}.design-tokens h2[data-v-4664c240]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--color-primary)}.token-group[data-v-4664c240]{margin-bottom:var(--spacing-2xl)}.token-group h3[data-v-4664c240]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.color-grid[data-v-4664c240]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.color-item[data-v-4664c240]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.color-swatch[data-v-4664c240]{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.color-name[data-v-4664c240]{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.color-var[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-primary);font-family:monospace;margin-bottom:var(--spacing-xxs)}.color-value[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.typography-grid[data-v-4664c240]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.typography-item[data-v-4664c240]{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.typography-sample[data-v-4664c240]{flex:1;color:var(--color-text-primary)}.typography-name[data-v-4664c240]{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.typography-var[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-primary);font-family:monospace;margin-bottom:var(--spacing-xxs)}.typography-value[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.spacing-grid[data-v-4664c240]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-lg)}.spacing-item[data-v-4664c240]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.spacing-box[data-v-4664c240]{background:var(--color-primary);border-radius:var(--radius-sm)}.spacing-name[data-v-4664c240]{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.spacing-var[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-primary);font-family:monospace;margin-bottom:var(--spacing-xxs)}.spacing-value[data-v-4664c240]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.status-indicator[data-v-666d340d]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);transition:all var(--transition-normal)}.status-indicator[data-v-666d340d]:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md)}.status-indicator--sm[data-v-666d340d]{padding:var(--spacing-sm);gap:var(--spacing-sm)}.status-indicator--sm .status-label[data-v-666d340d]{font-size:var(--font-size-sm)}.status-indicator--sm .status-value[data-v-666d340d]{font-size:var(--font-size-base)}.status-indicator--lg[data-v-666d340d]{padding:var(--spacing-lg);gap:var(--spacing-lg)}.status-indicator--lg .status-label[data-v-666d340d]{font-size:var(--font-size-lg)}.status-indicator--lg .status-value[data-v-666d340d]{font-size:var(--font-size-2xl)}.status-indicator--warning[data-v-666d340d]{border-color:var(--color-warning);background:rgba(255,170,0,.1)}.status-indicator--error[data-v-666d340d]{border-color:var(--color-error);background:rgba(255,68,68,.1)}.status-indicator--success[data-v-666d340d]{border-color:var(--color-success);background:rgba(0,255,136,.1)}.status-indicator--loading[data-v-666d340d]{border-color:var(--color-info);background:rgba(68,136,255,.1)}.status-icon[data-v-666d340d]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:rgba(255,255,255,.1)}.status-indicator--sm .status-icon[data-v-666d340d]{width:36px;height:36px}.status-indicator--lg .status-icon[data-v-666d340d]{width:64px;height:64px}.status-content[data-v-666d340d]{flex:1;min-width:0}.status-label[data-v-666d340d]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.status-value[data-v-666d340d]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.status-description[data-v-666d340d]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.status-trend[data-v-666d340d]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.trend-value[data-v-666d340d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-close[data-v-666d340d]{display:flex;align-items:center;justify-content:center;margin-left:auto}.close-button[data-v-666d340d]{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--color-text-tertiary)}.close-button[data-v-666d340d]:hover{background:rgba(0,0,0,.1);color:var(--color-text-primary)}.status-indicator[data-v-666d340d]{cursor:pointer}.status-indicator[data-v-666d340d]{animation:fadeInScale-666d340d .3s ease-out}@keyframes fadeInScale-666d340d{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-card[data-v-63203b02]{min-height:160px;position:relative;overflow:hidden}.stat-header[data-v-63203b02]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.stat-icon[data-v-63203b02]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-trend[data-v-63203b02]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-content[data-v-63203b02]{margin-bottom:var(--spacing-md)}.stat-value[data-v-63203b02]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.2}.stat-label[data-v-63203b02]{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stat-description[data-v-63203b02]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.4}.stat-progress[data-v-63203b02]{margin-top:auto}.progress-bar[data-v-63203b02]{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill[data-v-63203b02]{height:100%;border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative}.progress-fill[data-v-63203b02]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-63203b02 2s infinite}@keyframes shimmer-63203b02{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-63203b02]{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stat-card:hover .stat-icon[data-v-63203b02]{transform:scale(1.1);background:rgba(255,255,255,.2)}.stat-card:hover .stat-value[data-v-63203b02]{color:var(--color-primary)}.component-library[data-v-415dee60]{padding:var(--spacing-xl) 0}.component-library h2[data-v-415dee60]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--color-primary)}.component-group[data-v-415dee60]{margin-bottom:var(--spacing-2xl)}.component-group h3[data-v-415dee60]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.component-demo[data-v-415dee60]{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.component-demo h4[data-v-415dee60]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.demo-showcase[data-v-415dee60]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.demo-code[data-v-415dee60]{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.demo-code pre[data-v-415dee60]{margin:0;font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.layout-system[data-v-acf5bf2c]{padding:var(--spacing-xl) 0}.layout-system h2[data-v-acf5bf2c]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--color-primary)}.layout-system h3[data-v-acf5bf2c]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);margin-top:var(--spacing-2xl)}.layout-system h3[data-v-acf5bf2c]:first-of-type{margin-top:0}.grid-demo[data-v-acf5bf2c]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.grid-item[data-v-acf5bf2c]{padding:var(--spacing-lg);background:var(--color-primary);color:#fff;text-align:center;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.spacing-demo[data-v-acf5bf2c]{display:flex;flex-direction:column;gap:var(--spacing-md)}.spacing-example[data-v-acf5bf2c]{display:flex;align-items:center;gap:var(--spacing-md)}.spacing-xs[data-v-acf5bf2c]{width:4px;height:20px;background:var(--color-primary)}.spacing-sm[data-v-acf5bf2c]{width:8px;height:20px;background:var(--color-primary)}.spacing-md[data-v-acf5bf2c]{width:16px;height:20px;background:var(--color-primary)}.spacing-lg[data-v-acf5bf2c]{width:24px;height:20px;background:var(--color-primary)}.spacing-xl[data-v-acf5bf2c]{width:32px;height:20px;background:var(--color-primary)}.utility-demo[data-v-acf5bf2c]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.utility-group[data-v-acf5bf2c]{padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.utility-group h4[data-v-acf5bf2c]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.utility-showcase[data-v-acf5bf2c]{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.utility-item[data-v-acf5bf2c]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:120px;text-align:center}.zindex-demo[data-v-acf5bf2c]{position:relative;height:200px;background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden}.zindex-item[data-v-acf5bf2c]{position:absolute;padding:var(--spacing-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);top:calc(var(--spacing-md) * var(--index, 1));left:calc(var(--spacing-md) * var(--index, 1))}.zindex-item[data-v-acf5bf2c]:nth-child(1){--index: 1}.zindex-item[data-v-acf5bf2c]:nth-child(2){--index: 2}.zindex-item[data-v-acf5bf2c]:nth-child(3){--index: 3}.zindex-item[data-v-acf5bf2c]:nth-child(4){--index: 4}.zindex-item[data-v-acf5bf2c]:nth-child(5){--index: 5}.guidelines[data-v-c31c314b]{padding:var(--spacing-xl) 0}.guidelines h2[data-v-c31c314b]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--color-primary)}.guidelines-content[data-v-c31c314b]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.guideline-item[data-v-c31c314b]{padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.guideline-item h3[data-v-c31c314b]{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.guideline-item ul[data-v-c31c314b]{margin:0;padding-left:var(--spacing-lg)}.guideline-item li[data-v-c31c314b]{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);line-height:1.6}.guideline-note[data-v-c31c314b]{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-left:4px solid var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.code-example[data-v-c31c314b]{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.code-example h4[data-v-c31c314b]{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);color:var(--color-primary)}.code-example pre[data-v-c31c314b]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);overflow-x:auto}.code-example code[data-v-c31c314b]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre}.design-system[data-v-d572201b]{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}.design-header[data-v-d572201b]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-2xl) 0;text-align:center}.container[data-v-d572201b]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.design-title[data-v-d572201b]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.design-subtitle[data-v-d572201b]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.design-nav[data-v-d572201b]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:var(--z-nav)}.nav-tabs[data-v-d572201b]{display:flex;gap:var(--spacing-sm)}.nav-tab[data-v-d572201b]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.nav-tab[data-v-d572201b]:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-tab.active[data-v-d572201b]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.design-content[data-v-d572201b]{padding:var(--spacing-2xl) 0}@media (max-width: 768px){.design-title[data-v-d572201b]{font-size:var(--font-size-2xl);flex-direction:column;gap:var(--spacing-sm)}.nav-tabs[data-v-d572201b]{flex-wrap:wrap;gap:var(--spacing-xs)}.nav-tab[data-v-d572201b]{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.container[data-v-d572201b]{padding:0 var(--spacing-md)}}.editor-layout[data-v-2705f09d]{height:100vh;display:grid;grid-template-areas:"top-area top-area top-area" "left-area center-area right-area";grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 360px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.top-area[data-v-2705f09d]{grid-area:top-area;border-bottom:1px solid var(--color-border-secondary);background:linear-gradient(to right,rgba(var(--color-primary-rgb),.2),rgba(var(--color-bg-primary-rgb),1))}.left-area[data-v-2705f09d]{grid-area:left-area;border-right:1px solid var(--color-border-secondary);display:flex;flex-direction:column;overflow:hidden}.center-area[data-v-2705f09d]{grid-area:center-area;overflow:hidden}.right-area[data-v-2705f09d]{grid-area:right-area;border-left:1px solid var(--color-border-secondary);display:flex;flex-direction:column;overflow:hidden}.device-panel[data-v-2705f09d]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.tab-panel[data-v-2705f09d]{height:100%;display:flex;flex-direction:column;padding:var(--spacing-sm)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--color-primary: #0066ff;--color-primary-rgb: 0, 102, 255;--color-primary-dark: #0052cc;--color-primary-light: #3385ff;--color-secondary: #6c757d;--color-secondary-dark: #495057;--color-secondary-light: #adb5bd;--color-success: #28a745;--color-success-light: rgba(40, 167, 69, .1);--color-success-dark: #1e7e34;--color-warning: #ffc107;--color-warning-light: rgba(255, 193, 7, .1);--color-warning-dark: #e0a800;--color-danger: #dc3545;--color-danger-light: rgba(220, 53, 69, .1);--color-danger-dark: #c82333;--color-error: #dc3545;--color-info: #17a2b8;--color-success-bg: rgba(40, 167, 69, .1);--color-success-border: rgba(40, 167, 69, .3);--color-success-text: #155724;--color-warning-bg: rgba(255, 193, 7, .1);--color-warning-border: rgba(255, 193, 7, .3);--color-warning-text: #856404;--color-error-bg: rgba(220, 53, 69, .1);--color-error-border: rgba(220, 53, 69, .3);--color-error-text: #721c24;--color-info-bg: rgba(23, 162, 184, .1);--color-info-border: rgba(23, 162, 184, .3);--color-info-text: #0c5460}:root,[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-primary-rgb: 255, 255, 255;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-card: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .3);--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-tertiary: #adb5bd;--color-text-disabled: #dee2e6;--color-border: #dee2e6;--color-border-primary: #dee2e6;--color-border-secondary: #e9ecef;--color-border-accent:#e9ecef;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-active: rgba(0, 0, 0, .08)}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-primary-rgb: 26, 26, 26;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #404040;--color-bg-card: rgba(45, 45, 45, .9);--color-bg-overlay: rgba(0, 0, 0, .4);--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-tertiary: #999999;--color-text-disabled: #666666;--color-border: #404040;--color-border-primary: #404040;--color-border-secondary: #2d2d2d;--color-border-accent: var(--color-primary);--color-bg-hover: rgba(255, 255, 255, .08);--color-bg-active: rgba(255, 255, 255, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .5)}:root{--font-family-primary: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-xs-plus: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 28px;--spacing-3xl: 36px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 24px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-content: 10;--z-nav: 100;--z-sidebar: 150;--z-dropdown: 1000;--z-tooltip: 1050;--z-overlay: 2000;--z-mask: 2050;--z-modal: 3000;--z-drawer: 3050;--z-notification: 4000;--z-alert: 4050;--z-system: 9000;--z-debug: 9999;--modal-padding-desktop: 64px;--modal-padding-mobile: 8px;--modal-padding-centered: 16px;--modal-header-height: 52px;--modal-footer-height: 60px;--modal-close-btn-size: 32px;--modal-body-min-height: 80px;--modal-width-sm: 380px;--modal-width-md: 560px;--modal-width-lg: 720px;--modal-width-xl: 960px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--breakpoint-wide: 1440px}.border-accent{border:1px solid var(--color-primary)}.bg-professional{background:var(--color-bg-secondary)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{height:100%;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.4;color:var(--color-text-primary);background:var(--color-bg-primary)}#app{height:100vh;width:100vw}::-webkit-scrollbar{width:0px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-secondary-light) 40%,transparent);border-radius:2px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-secondary-light) 60%,transparent)}::-webkit-scrollbar-corner{background:transparent}.hover-glow:hover{transform:translateY(-2px)}.tech-border{border:1px solid var(--color-border-accent);position:relative}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tech-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--color-primary),transparent,var(--color-primary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.tech-border:hover:before{opacity:1}