.setting-wrapper[data-v-8fcaebf4]{position:relative;z-index:10}.setting-center[data-v-8fcaebf4]{width:64px;height:64px;aspect-ratio:1/1;background-color:var(--color-bg-elevated, #f7f8fa);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;position:relative}.setting-center[data-v-8fcaebf4]:hover{background-color:var(--color-bg-hover, #eef1f5)}.setting-cover[data-v-8fcaebf4]{position:fixed;inset:0;z-index:8;cursor:default}.setting-list[data-v-8fcaebf4]{position:absolute;top:72px;width:260px;background:var(--color-bg-panel);border-radius:4px;box-shadow:0 4px 20px #0000001a;padding:16px;z-index:9}.setting-list h5[data-v-8fcaebf4]{margin:12px 0 8px;font-size:14px;color:#666}.setting-item[data-v-8fcaebf4]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:var(--color-text-primary);background:var(--color-text-inverse);border-radius:8px;margin-bottom:8px}.setting-item button[data-v-8fcaebf4]{padding:4px 8px;border-radius:6px;border:none;cursor:pointer}.switch[data-v-8fcaebf4]{position:relative;display:inline-block;width:40px;height:22px}.switch input[data-v-8fcaebf4]{opacity:0}.slider[data-v-8fcaebf4]{position:absolute;cursor:pointer;background-color:#ccc;transition:.3s;border-radius:22px;inset:0}.slider[data-v-8fcaebf4]:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-8fcaebf4]{background-color:#4e91fd}input:checked+.slider[data-v-8fcaebf4]:before{transform:translate(18px)}.personal-modal[data-v-907de5fd]{--bg-fluid-space: #030406;--text-master: #ffffff;--text-cool-mute: #475467;--text-cool-slate: #8e9aa8;--neon-cyan: #00ffcc;--border-glow: rgba(255, 255, 255, .03);--bezier-luxury: cubic-bezier(.16, 1, .3, 1);position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:flex-end;pointer-events:none}.personal-modal.is-active[data-v-907de5fd]{pointer-events:auto}.modal-overlay[data-v-907de5fd]{position:absolute;left:0;top:0;width:100%;height:100%;background:#05060866;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .6s var(--bezier-luxury)}.personal-modal.is-active .modal-overlay[data-v-907de5fd]{opacity:1}.modal-content[data-v-907de5fd]{position:relative;z-index:10;background:var(--bg-fluid-space);width:400px;height:100%;border-left:1px solid var(--border-glow);box-shadow:-30px 0 60px #0009;padding:40px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .6s var(--bezier-luxury)}.personal-modal.is-active .modal-content[data-v-907de5fd]{transform:translate(0)}.personal-inner[data-v-907de5fd]{width:100%;height:100%;display:flex;flex-direction:column}.control-header[data-v-907de5fd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.node-id[data-v-907de5fd]{font-family:monospace;font-size:10px;letter-spacing:.1em;color:var(--text-cool-mute)}.close-btn[data-v-907de5fd]{background:none;border:none;font-size:11px;font-weight:800;letter-spacing:.15em;cursor:pointer;color:var(--text-cool-slate);transition:color .3s ease}.close-btn[data-v-907de5fd]:hover{color:var(--text-master)}.user-info[data-v-907de5fd]{display:flex;align-items:center;gap:20px;padding-bottom:40px;border-bottom:1px solid var(--border-glow);margin-bottom:40px}.avatar-glow-ring[data-v-907de5fd]{width:12px;height:12px;border-radius:50%;background:transparent;border:2px solid var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan);position:relative}.meta-block[data-v-907de5fd]{flex:1}.username[data-v-907de5fd]{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text-master)}.user-status-tag[data-v-907de5fd]{display:flex;align-items:center;gap:6px;margin-top:4px}.status-pulse[data-v-907de5fd]{width:4px;height:4px;background:var(--neon-cyan);border-radius:50%;animation:radar-flash-907de5fd 2s infinite}.status-text[data-v-907de5fd]{font-family:monospace;font-size:9px;font-weight:700;color:var(--text-cool-slate);letter-spacing:.05em}.logout-btn[data-v-907de5fd]{background:#ffffff05;border:1px solid var(--border-glow);width:34px;height:34px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-cool-slate);transition:all .3s var(--bezier-luxury)}.logout-btn[data-v-907de5fd]:hover{background:#ff47570d;border-color:#ff475733;color:#ff4757}.icon_14[data-v-907de5fd]{width:14px;height:14px}.data-streams[data-v-907de5fd]{display:flex;flex-direction:column;gap:36px}.segment-block[data-v-907de5fd]{margin-bottom:32px}.cyber-label[data-v-907de5fd]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-cool-mute);margin-bottom:16px!important;text-align:left}.personal-item.empty[data-v-907de5fd]{text-align:left;padding:16px 0;background:transparent;border-radius:0}.empty-dots[data-v-907de5fd]{font-family:monospace;font-size:14px;color:#ffffff0d;display:block;margin-bottom:4px}.personal-item.empty p[data-v-907de5fd]{font-size:12px;color:var(--text-cool-mute);letter-spacing:.02em}.auth-stream[data-v-907de5fd]{display:flex;flex-direction:column;gap:12px}.auth-item[data-v-907de5fd]{display:flex;justify-content:space-between;align-items:center;padding:14px 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.02)}.auth-meta[data-v-907de5fd]{display:flex;align-items:center;gap:10px}.auth-indicator[data-v-907de5fd]{width:3px;height:3px;background:#fff3;border-radius:50%}.auth-key[data-v-907de5fd]{font-size:13px;color:var(--text-cool-slate);font-weight:500}.auth-del[data-v-907de5fd]{background:none;border:none;font-family:monospace;font-size:10px;font-weight:600;color:var(--text-cool-mute);cursor:pointer;transition:color .2s ease}.auth-del[data-v-907de5fd]:hover{color:var(--neon-cyan)}@keyframes radar-flash-907de5fd{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}body{margin:0;min-height:100vh;transition:background .3s ease,color .3s ease}.app-container[data-v-af22c17e]{width:100%;min-height:100vh}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--layout-window-height: 100vh;--layout-header-height: 42px;--layout-footer-height: 32px;--layout-main-width: 860px;--layout-block-height: 3rem;--layout-main-height: calc(var(--layout-window-height) - var(--layout-header-height) - var(--layout-footer-height));--layout-side-control-height: 1rem;--layout-side-height: calc(var(--layout-main-height) - var(--layout-side-control-height));--layout-section-padding: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--component-selected-item-height: 2rem;--component-search-input-height: 80px;--component-input-height: 3rem;--component-button-height: 2.5rem;--component-icon-size: 1rem;--component-icon-size-lg: 1.5rem;--backdrop-blur: blur(3px);--backdrop-blur-sm: blur(4px);--backdrop-blur-lg: blur(16px);--backdrop-blur-xl: blur(20px);--backdrop-blur-2xl: blur(30px);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--storyboard-list-width: 320px;--input-height: 48px;--display-height: 60vh;--prompt-height: 30vh;--reader-header-height: 80px;--reader-footer-height: 60px;--reader-height: 100dvh;--reader-max-width: 1180px;--reader-main-height: calc(var(--reader-height) - var(--reader-header-height) - var(--reader-footer-height))}.browser{--layout-nav-height: var(--component-item-height);--layout-main-height: calc(var(--layout-window-height) - var(--layout-header-height) - var(--layout-footer-height))}.electron{--layout-electron-bar-height: var(--component-item-height);--layout-nav-height: var(--component-item-height);--layout-main-height: calc(var(--layout-window-height) - var(--layout-header-height) - var(--layout-footer-height))}.phone{--layout-nav-height: var(--component-item-height);--layout-main-height: calc(var(--layout-window-height) - var(--layout-header-height) - var(--layout-footer-height))}.light-theme{--bg-100: #ffffff;--bg-90: #f9fafb;--bg-80: #f3f4f6;--bg-70: #ffffff;--bg-60: #f9fafb;--bg-50: #f3f4f6;--bg-40: #e5e7eb;--bg-30: #d1d5db;--bg-20: #9ca3af;--bg-10: #6b7280;--color-bg-primary: #E9E9EB;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-backdrop: rgba(235, 235, 235, .3);--color-bg-glass: rgba(255, 255, 255, .7);--color-bg-card: #ffffff;--color-bg-panel: rgba(255, 255, 255, .9);--color-bg-input: #ffffff;--color-bg-button: #d5d5d5;--color-bg-inverse: #000000;--color-text-primary: #1a1a1a;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-disabled: #a0aec0;--color-text-inverse: #ffffff;--color-text-link: #3498db;--color-text-link-hover: #2980b9;--color-border-primary: rgba(0, 0, 0, .1);--color-border-secondary: rgba(0, 0, 0, .08);--color-border-tertiary: rgba(0, 0, 0, .06);--color-border-focus: rgba(52, 152, 219, .5);--color-border-hover: rgba(52, 152, 219, .3);--color-default-50: #f9fafb;--color-default-100: #f3f4f6;--color-default-200: #e5e7eb;--color-default-300: #d1d5db;--color-default-400: #9ca3af;--color-default-500: #6b7280;--color-default-600: #4b5563;--color-default-700: #374151;--color-default-800: #1f2937;--color-default-900: #111827;--color-primary-50: #e3f2fd;--color-primary-100: #bbdefb;--color-primary-200: #90caf9;--color-primary-300: #64b5f6;--color-primary-400: #42a5f5;--color-primary-500: #3498db;--color-primary-600: #2980b9;--color-primary-700: #1e6ba8;--color-primary-800: #155696;--color-primary-900: #0d4178;--color-primary-bg: rgba(52, 152, 219, .12);--color-primary-bg-light: rgba(52, 152, 219, .08);--color-primary-bg-strong: rgba(52, 152, 219, .2);--color-primary-hover: rgba(52, 152, 219, .15);--color-success-50: #e8f5e9;--color-success-100: #c8e6c9;--color-success-200: #a5d6a7;--color-success-300: #81c784;--color-success-400: #66bb6a;--color-success-500: #4caf50;--color-success-600: #43a047;--color-success-700: #388e3c;--color-success-800: #2e7d32;--color-success-900: #1b5e20;--color-success-bg: rgba(76, 175, 80, .12);--color-success-bg-light: rgba(76, 175, 80, .08);--color-success-bg-strong: rgba(76, 175, 80, .2);--color-success-hover: rgba(76, 175, 80, .15);--color-warning-50: #fff3e0;--color-warning-100: #ffe0b2;--color-warning-200: #ffcc80;--color-warning-300: #ffb74d;--color-warning-400: #ffa726;--color-warning-500: #ff9800;--color-warning-600: #fb8c00;--color-warning-700: #f57c00;--color-warning-800: #ef6c00;--color-warning-900: #e65100;--color-warning-bg: rgba(255, 152, 0, .12);--color-warning-bg-light: rgba(255, 152, 0, .08);--color-warning-bg-strong: rgba(255, 152, 0, .2);--color-warning-hover: rgba(255, 152, 0, .15);--color-error-50: #ffebee;--color-error-100: #ffcdd2;--color-error-200: #ef9a9a;--color-error-300: #e57373;--color-error-400: #ef5350;--color-error-500: #f44336;--color-error-600: #e53935;--color-error-700: #d32f2f;--color-error-800: #c62828;--color-error-900: #b71c1c;--color-error-bg: rgba(244, 67, 54, .12);--color-error-bg-light: rgba(244, 67, 54, .08);--color-error-bg-strong: rgba(244, 67, 54, .2);--color-error-hover: rgba(244, 67, 54, .15);--color-info-50: #e0f7fa;--color-info-100: #b2ebf2;--color-info-200: #80deea;--color-info-300: #4dd0e1;--color-info-400: #26c6da;--color-info-500: #00bcd4;--color-info-600: #00acc1;--color-info-700: #0097a7;--color-info-800: #00838f;--color-info-900: #006064;--color-info-bg: rgba(0, 188, 212, .12);--color-info-bg-light: rgba(0, 188, 212, .08);--color-info-bg-strong: rgba(0, 188, 212, .2);--color-info-hover: rgba(0, 188, 212, .15);--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #eeeeee;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-600: #757575;--color-neutral-700: #616161;--color-neutral-800: #424242;--color-neutral-900: #212121;--color-hover-bg: rgba(52, 152, 219, .1);--color-hover-bg-light: rgba(52, 152, 219, .05);--color-hover-bg-strong: rgba(52, 152, 219, .2);--color-active-bg: rgba(52, 152, 219, .15);--color-focus-ring: rgba(52, 152, 219, .3);--color-selected-bg: rgba(52, 152, 219, .12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl-top: 0px -20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--color-scrollbar-thumb: rgba(180, 180, 180, .8);--color-scrollbar-track: rgba(0, 0, 0, .05);--color-divider: rgba(0, 0, 0, .12);--color-hr: rgba(0, 0, 0, .08);--button-bg-default: var(--color-default-600);--button-bg-default-hover: var(--color-default-700);--button-text-default: #ffffff;--button-bg-primary: var(--color-primary-800);--button-bg-primary-hover: var(--color-primary-700);--button-text-primary: #ffffff;--button-bg-secondary: var(--color-neutral-100);--button-bg-secondary-hover: var(--color-neutral-200);--button-text-secondary: var(--color-text-primary);--button-bg-success: var(--color-success-500);--button-bg-success-hover: var(--color-success-600);--button-text-success: #ffffff;--button-bg-warning: var(--color-warning-500);--button-bg-warning-hover: var(--color-warning-600);--button-text-warning: #ffffff;--button-bg-error: var(--color-error-500);--button-bg-error-hover: var(--color-error-600);--button-text-error: #ffffff;--button-border-color: var(--color-border-primary);--button-border-hover: var(--color-border-hover);--color-icon-primary: #2c3e50;--color-icon-secondary: #718096;--color-icon-disabled: #cbd5e0;--color-accent: #d4af37;--color-accent-hover: #c89e2f}.dark-theme{--bg-100: #030406;--bg-90: #030406;--bg-80: #05070a;--bg-70: #070a0f;--bg-60: rgba(255, 255, 255, .015);--bg-50: rgba(255, 255, 255, .01);--bg-40: rgba(255, 255, 255, .03);--bg-30: rgba(255, 255, 255, .05);--bg-20: rgba(255, 255, 255, .03);--bg-10: rgba(255, 255, 255, .01);--color-bg-primary: var(--bg-90);--color-bg-secondary: var(--bg-80);--color-bg-tertiary: var(--bg-70);--color-bg-elevated: var(--bg-60);--color-bg-overlay: rgba(3, 4, 6, .4);--color-bg-backdrop: rgba(3, 4, 6, .6);--color-bg-glass: rgba(5, 7, 10, .75);--color-bg-card: var(--bg-60);--color-bg-panel: var(--bg-70);--color-bg-input: var(--bg-50);--color-bg-button: rgba(255, 255, 255, .02);--color-bg-inverse: #ffffff;--color-bg-hover: var(--bg-40);--color-text-primary: #ffffff;--color-text-secondary: #8e9aa8;--color-text-tertiary: #475467;--color-text-disabled: rgba(255, 255, 255, .15);--color-text-inverse: #030406;--color-text-link: var(--color-text-secondary);--color-text-link-hover:#ffffff;--color-text-input: var(--color-text-secondary);--color-primary-50: #021a16;--color-primary-500: #00ffcc;--color-primary-600: #00e6b8;--color-primary-700: #00b38f;--color-primary-bg: rgba(0, 255, 204, .06);--color-primary-hover: rgba(0, 255, 204, .1);--color-success-50: #021a16;--color-success-500: #00ffcc;--color-success-bg: rgba(0, 255, 204, .04);--color-warning-50: #1f1502;--color-warning-500: #ffaa00;--color-warning-bg: rgba(255, 170, 0, .06);--color-error-50: #210210;--color-error-500: #ff007f;--color-error-bg: rgba(255, 0, 127, .06);--color-info-50: #05111c;--color-info-500: #70a1ff;--color-info-bg: rgba(112, 161, 255, .06);--color-border-primary: var(--bg-20);--color-border-secondary: rgba(255, 255, 255, .015);--color-border-focus: rgba(0, 255, 204, .3);--color-border-hover: rgba(255, 255, 255, .1);--color-hover-bg-light: rgba(255, 255, 255, .01);--color-hover-bg-strong: rgba(255, 255, 255, .04);--color-active-bg: rgba(0, 255, 204, .08);--color-focus-ring: rgba(0, 255, 204, .15);--color-selected-bg: rgba(255, 255, 255, .03);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-base: 0 8px 24px rgba(0, 0, 0, .6);--shadow-md: 0 16px 40px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 60px rgba(0, 0, 0, .85);--shadow-xl: 0 50px 100px rgba(0, 0, 0, .95), 0 0 40px rgba(0, 255, 204, .01);--color-scrollbar-thumb: rgba(255, 255, 255, .04);--color-scrollbar-track: transparent;--color-divider: var(--bg-20);--color-hr: rgba(255, 255, 255, .015);--button-bg-default: rgba(255, 255, 255, .015);--button-bg-default-hover: rgba(255, 255, 255, .03);--button-text-default: var(--color-text-secondary);--button-bg-primary: var(--color-primary-500);--button-bg-primary-hover: var(--color-primary-600);--button-text-primary: var(--bg-100);--button-bg-secondary: rgba(255, 255, 255, .01);--button-bg-secondary-hover:rgba(255, 255, 255, .02);--button-text-secondary: var(--color-text-secondary);--button-bg-success: rgba(0, 255, 204, .05);--button-bg-success-hover: rgba(0, 255, 204, .1);--button-text-success: var(--color-primary-500);--button-bg-warning: rgba(255, 170, 0, .05);--button-bg-warning-hover: rgba(255, 170, 0, .1);--button-text-warning: var(--color-warning-500);--button-bg-error: rgba(255, 0, 127, .05);--button-bg-error-hover: rgba(255, 0, 127, .1);--button-text-error: var(--color-error-500);--button-border-color: var(--bg-20);--button-border-hover: rgba(255, 255, 255, .15);--color-icon-primary: var(--color-text-primary);--color-icon-secondary: var(--color-text-secondary);--color-icon-disabled: var(--color-text-tertiary);--color-accent: var(--color-primary-500);--color-accent-hover: var(--color-primary-600)}.dark-theme2{--aura-bg-space: #030406;--aura-bg-panel: #05070a;--aura-bg-card: rgba(255, 255, 255, .015);--aura-bg-hover: rgba(255, 255, 255, .03);--aura-neon-cyan: #00ffcc;--aura-neon-rose: #ff007f;--aura-neon-gold: #ffaa00;--aura-glow-cyan: 0 0 16px rgba(0, 255, 204, .4);--aura-glow-gold: 0 0 16px rgba(255, 170, 0, .3);--aura-border-glow: rgba(255, 255, 255, .03);--aura-text-master: #ffffff;--aura-text-slate: #8e9aa8;--aura-text-mute: #475467;--aura-font-size-hero: 28px;--aura-font-size-body: 14px;--aura-font-size-tag: 11px;--aura-font-size-nano: 9px;--aura-tracking-wide: .2em;--aura-tracking-tight: -.02em;--aura-bezier-fluid: cubic-bezier(.16, 1, .3, 1);--aura-transition-panel: transform .6s var(--aura-bezier-fluid), opacity .6s var(--aura-bezier-fluid);--aura-transition-micro: all .3s var(--aura-bezier-fluid);--aura-radius-capsule: 99px;--aura-radius-card: 20px;--aura-radius-panel: 24px}.eye-care-theme{--bg-100: #f0f7f0;--bg-90: #e6f1e6;--bg-80: #ddeddd;--bg-70: #d1e4d1;--bg-60: #c4dcc4;--bg-50: #b8d4b8;--bg-40: #a6c4a6;--bg-30: #94b494;--bg-20: #82a482;--bg-10: #709470;--color-bg-primary: #e6f3e6;--color-bg-secondary: #d9eed9;--color-bg-tertiary: #cbe9cb;--color-bg-elevated: #bdf0bd;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-backdrop: rgba(0, 0, 0, .3);--color-bg-glass: rgba(200, 230, 200, .85);--color-bg-card: rgba(190, 220, 190, .7);--color-bg-panel: rgba(190, 220, 190, .85);--color-bg-input: #d1e8d1;--color-bg-button: #bddfbd;--color-bg-inverse: #ffffff;--color-bg-hover: rgba(80, 160, 80, .15);--color-text-primary: #2a3a2a;--color-text-secondary: #4a5a4a;--color-text-tertiary: #6a7a6a;--color-text-disabled: #9aa99a;--color-text-inverse: #ffffff;--color-text-link: #2d6a2d;--color-text-link-hover: #1a4d1a;--color-text-input: #4a5a4a;--color-border-primary: rgba(0, 0, 0, .08);--color-border-secondary: rgba(0, 0, 0, .04);--color-border-focus: rgba(80, 160, 80, .4);--color-border-hover: rgba(80, 160, 80, .2);--color-bg-default: #d1e4d1;--color-default-50: #e6f3e6;--color-default-100: #d9eed9;--color-default-200: #c4dcc4;--color-default-300: #b8d4b8;--color-default-400: #a6c4a6;--color-default-500: #94b494;--color-default-600: #82a482;--color-default-700: #709470;--color-default-800: #5a7a5a;--color-default-900: #445f44;--color-primary-50: #e6f9e6;--color-primary-100: #c8f2c8;--color-primary-200: #a3e6a3;--color-primary-300: #7dcf7d;--color-primary-400: #5cbb5c;--color-primary-500: #42a542;--color-primary-600: #388e38;--color-primary-700: #2e7d2e;--color-primary-800: #236623;--color-primary-900: #1a521a;--color-primary-bg: rgba(80, 160, 80, .1);--color-primary-bg-light: rgba(80, 160, 80, .05);--color-primary-bg-strong: rgba(80, 160, 80, .15);--color-primary-hover: rgba(80, 160, 80, .12);--color-success-50: #e6f9e6;--color-success-100: #c8f2c8;--color-success-200: #a3e6a3;--color-success-300: #7dcf7d;--color-success-400: #5cbb5c;--color-success-500: #42a542;--color-success-600: #388e38;--color-success-700: #2e7d2e;--color-success-800: #236623;--color-success-900: #1a521a;--color-success-bg: rgba(80, 160, 80, .1);--color-success-bg-light: rgba(80, 160, 80, .05);--color-success-bg-strong: rgba(80, 160, 80, .15);--color-success-hover: rgba(80, 160, 80, .12);--color-warning-50: #fff8e6;--color-warning-100: #ffefc8;--color-warning-200: #ffe6a3;--color-warning-300: #ffd97d;--color-warning-400: #ffc75c;--color-warning-500: #ffb742;--color-warning-600: #e6a038;--color-warning-700: #cc8a2e;--color-warning-800: #b37423;--color-warning-900: #995f1a;--color-warning-bg: rgba(255, 180, 80, .1);--color-warning-bg-light: rgba(255, 180, 80, .05);--color-warning-bg-strong: rgba(255, 180, 80, .15);--color-warning-hover: rgba(255, 180, 80, .12);--color-error-50: #ffe6e6;--color-error-100: #ffd1d1;--color-error-200: #ffb8b8;--color-error-300: #ff9e9e;--color-error-400: #ff8585;--color-error-500: #f46f6f;--color-error-600: #e05a5a;--color-error-700: #c74444;--color-error-800: #ad2e2e;--color-error-900: #941a1a;--color-error-bg: rgba(255, 100, 100, .1);--color-error-bg-light: rgba(255, 100, 100, .05);--color-error-bg-strong: rgba(255, 100, 100, .15);--color-error-hover: rgba(255, 100, 100, .12);--color-info-50: #e6f7ff;--color-info-100: #c8eeff;--color-info-200: #9edfff;--color-info-300: #73d0ff;--color-info-400: #4fc3ff;--color-info-500: #26b9ff;--color-info-600: #1ea7ff;--color-info-700: #1795ff;--color-info-800: #0f82ff;--color-info-900: #0870ff;--color-info-bg: rgba(80, 180, 255, .1);--color-info-bg-light: rgba(80, 180, 255, .05);--color-info-bg-strong: rgba(80, 180, 255, .15);--color-info-hover: rgba(80, 180, 255, .12);--color-neutral-50: #f8f8f8;--color-neutral-100: #f0f0f0;--color-neutral-200: #e0e0e0;--color-neutral-300: #d0d0d0;--color-neutral-400: #b8b8b8;--color-neutral-500: #a0a0a0;--color-neutral-600: #888888;--color-neutral-700: #707070;--color-neutral-800: #585858;--color-neutral-900: #404040;--color-hover-bg: rgba(80, 160, 80, .1);--color-hover-bg-light: rgba(80, 160, 80, .05);--color-hover-bg-strong: rgba(80, 160, 80, .15);--color-active-bg: rgba(80, 160, 80, .2);--color-focus-ring: rgba(80, 160, 80, .3);--color-selected-bg: rgba(80, 160, 80, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15);--color-scrollbar-thumb: rgba(120, 160, 120, .4);--color-scrollbar-track: transparent;--color-divider: rgba(0, 0, 0, .06);--color-hr: rgba(0, 0, 0, .04);--button-bg-default: var(--color-default-200);--button-bg-default-hover: var(--color-default-300);--button-text-default: #2a3a2a;--button-bg-primary: var(--color-primary-500);--button-bg-primary-hover: var(--color-primary-600);--button-text-primary: #ffffff;--button-bg-secondary: var(--color-neutral-200);--button-bg-secondary-hover: var(--color-neutral-300);--button-text-secondary: var(--color-text-primary);--button-bg-success: var(--color-success-500);--button-bg-success-hover: var(--color-success-600);--button-text-success: #ffffff;--button-bg-warning: var(--color-warning-500);--button-bg-warning-hover: var(--color-warning-600);--button-text-warning: #ffffff;--button-bg-error: var(--color-error-500);--button-bg-error-hover: var(--color-error-600);--button-text-error: #ffffff;--button-border-color: var(--color-border-primary);--button-border-hover: var(--color-border-hover);--color-icon-primary: #2a3a2a;--color-icon-secondary: #4a5a4a;--color-icon-disabled: #9aa99a;--color-accent: #42a542;--color-accent-hover: #388e38}.morandi-theme{--bg-100: #f5f3f0;--bg-90: #ebe7e2;--bg-80: #e2ddd7;--bg-70: #d3cdc6;--bg-60: #c7c0b8;--bg-50: #b8b2aa;--bg-40: #a6a098;--bg-30: #948e86;--bg-20: #807b74;--bg-10: #6b6660;--color-bg-primary: #ebe7e2;--color-bg-secondary: #e2ddd7;--color-bg-tertiary: #d9d3cc;--color-bg-elevated: #d1cabf;--color-bg-overlay: rgba(0, 0, 0, .4);--color-bg-backdrop: rgba(0, 0, 0, .25);--color-bg-glass: rgba(220, 215, 210, .7);--color-bg-card: rgba(210, 205, 200, .6);--color-bg-panel: rgba(210, 205, 200, .8);--color-bg-input: #e6e1db;--color-bg-button: #d9d3cc;--color-bg-inverse: #ffffff;--color-bg-hover: rgba(120, 110, 100, .1);--color-text-primary: #4a443e;--color-text-secondary: #6b6660;--color-text-tertiary: #88827a;--color-text-disabled: #b0aaa2;--color-text-inverse: #ffffff;--color-text-link: #7d7266;--color-text-link-hover: #5c5246;--color-text-input: #6b6660;--color-border-primary: rgba(0, 0, 0, .07);--color-border-secondary: rgba(0, 0, 0, .04);--color-border-focus: rgba(140, 125, 110, .3);--color-border-hover: rgba(140, 125, 110, .18);--color-bg-default: #e2ddd7;--color-default-50: #f5f3f0;--color-default-100: #ebe7e2;--color-default-200: #d3cdc6;--color-default-300: #c7c0b8;--color-default-400: #b8b2aa;--color-default-500: #a6a098;--color-default-600: #948e86;--color-default-700: #807b74;--color-default-800: #6b6660;--color-default-900: #55504b;--color-primary-50: #eff2f5;--color-primary-100: #dce2e8;--color-primary-200: #bcc9d6;--color-primary-300: #99aebf;--color-primary-400: #7d94ac;--color-primary-500: #6b7f99;--color-primary-600: #5a6b82;--color-primary-700: #4a576b;--color-primary-800: #3a4354;--color-primary-900: #2a303d;--color-primary-bg: rgba(107, 127, 153, .08);--color-primary-bg-light: rgba(107, 127, 153, .05);--color-primary-bg-strong: rgba(107, 127, 153, .12);--color-primary-hover: rgba(107, 127, 153, .1);--color-success-50: #f0f5f0;--color-success-100: #dce8dc;--color-success-200: #bdd6bd;--color-success-300: #99b899;--color-success-400: #7aa07a;--color-success-500: #668a66;--color-success-600: #557555;--color-success-700: #446044;--color-success-800: #334b33;--color-success-900: #223622;--color-success-bg: rgba(102, 138, 102, .08);--color-success-bg-light: rgba(102, 138, 102, .05);--color-success-bg-strong: rgba(102, 138, 102, .12);--color-success-hover: rgba(102, 138, 102, .1);--color-warning-50: #f5f2f0;--color-warning-100: #e8e2dc;--color-warning-200: #d6c9b9;--color-warning-300: #bfaa94;--color-warning-400: #ac8f7a;--color-warning-500: #997a66;--color-warning-600: #826655;--color-warning-700: #6b5444;--color-warning-800: #543f33;--color-warning-900: #3d2a22;--color-warning-bg: rgba(153, 122, 102, .08);--color-warning-bg-light: rgba(153, 122, 102, .05);--color-warning-bg-strong: rgba(153, 122, 102, .12);--color-warning-hover: rgba(153, 122, 102, .1);--color-error-50: #f5f0f2;--color-error-100: #e8dce0;--color-error-200: #d6bcc9;--color-error-300: #bf99ae;--color-error-400: #ac7d94;--color-error-500: #99667f;--color-error-600: #82556b;--color-error-700: #6b4457;--color-error-800: #543343;--color-error-900: #3d2230;--color-error-bg: rgba(153, 102, 127, .08);--color-error-bg-light: rgba(153, 102, 127, .05);--color-error-bg-strong: rgba(153, 102, 127, .12);--color-error-hover: rgba(153, 102, 127, .1);--color-info-50: #f0f5f5;--color-info-100: #dce8e8;--color-info-200: #bdd6d6;--color-info-300: #99b8b8;--color-info-400: #7aa0a0;--color-info-500: #668a8a;--color-info-600: #557575;--color-info-700: #446060;--color-info-800: #334b4b;--color-info-900: #223636;--color-info-bg: rgba(102, 138, 138, .08);--color-info-bg-light: rgba(102, 138, 138, .05);--color-info-bg-strong: rgba(102, 138, 138, .12);--color-info-hover: rgba(102, 138, 138, .1);--color-neutral-50: #f8f7f5;--color-neutral-100: #f0eeec;--color-neutral-200: #e2e0dd;--color-neutral-300: #d3d1cd;--color-neutral-400: #c1bfbb;--color-neutral-500: #afadaa;--color-neutral-600: #969490;--color-neutral-700: #7d7b77;--color-neutral-800: #64625f;--color-neutral-900: #4a4845;--color-hover-bg: rgba(120, 110, 100, .08);--color-hover-bg-light: rgba(120, 110, 100, .05);--color-hover-bg-strong: rgba(120, 110, 100, .12);--color-active-bg: rgba(100, 90, 80, .15);--color-focus-ring: rgba(140, 125, 110, .25);--color-selected-bg: rgba(120, 110, 100, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .07);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .12);--color-scrollbar-thumb: rgba(130, 120, 110, .3);--color-scrollbar-track: transparent;--color-divider: rgba(0, 0, 0, .06);--color-hr: rgba(0, 0, 0, .04);--button-bg-default: var(--color-default-200);--button-bg-default-hover: var(--color-default-300);--button-text-default: #4a443e;--button-bg-primary: var(--color-primary-500);--button-bg-primary-hover: var(--color-primary-600);--button-text-primary: #ffffff;--button-bg-secondary: var(--color-neutral-200);--button-bg-secondary-hover: var(--color-neutral-300);--button-text-secondary: var(--color-text-primary);--button-bg-success: var(--color-success-500);--button-bg-success-hover: var(--color-success-600);--button-text-success: #ffffff;--button-bg-warning: var(--color-warning-500);--button-bg-warning-hover: var(--color-warning-600);--button-text-warning: #ffffff;--button-bg-error: var(--color-error-500);--button-bg-error-hover: var(--color-error-600);--button-text-error: #ffffff;--button-border-color: var(--color-border-primary);--button-border-hover: var(--color-border-hover);--color-icon-primary: #4a443e;--color-icon-secondary: #6b6660;--color-icon-disabled: #b0aaa2;--color-accent: #6b7f99;--color-accent-hover: #5a6b82}.glass,.cover{background:var(--color-bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-strong{background:#ffffff1f;backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff26}.glass-ultra{background:#ffffff26;backdrop-filter:var(--backdrop-blur-2xl);-webkit-backdrop-filter:var(--backdrop-blur-2xl);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 40px #0003,inset 0 0 0 1px #fff3}.glass-blue{background:#3b82f626;backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);border:1px solid rgba(59,130,246,.3);box-shadow:0 8px 32px #3b82f626,inset 0 0 0 1px #3b82f633}.glass-blue-strong{background:#3b82f633;backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);border:1px solid rgba(59,130,246,.35);box-shadow:0 12px 40px #3b82f633,inset 0 0 0 1px #3b82f640}.glass-dark{background:#00000026;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-dark-strong{background:#0003;backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a}@font-face{font-family:jexel;src:url(/fonts/jexel.woff2) format("woff2"),url(/fonts/jexel.woff) format("woff"),url(/fonts/jexel.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;outline:none;list-style:none;padding:0;margin:0;touch-action:manipulation;color:var(--color-text-primary)}*,*:before,*:after{box-sizing:border-box}body,html{min-height:var(--layout-window-height);background-color:var(--color-bg-primary);color:var(--color-text-primary);position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonHover{0%{box-shadow:none}to{box-shadow:inset 0 0 0 3px #fff}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathing{0%,to{opacity:1}50%{opacity:.1}}@keyframes draw{to{stroke-dashoffset:0}}.hover{display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.hover:hover{background-color:var(--color-hover-bg-light)}.active{box-shadow:inset 0 0 0 1px var(--color-bg-button)!important;color:var(--color-text-primary)!important;overflow:visible!important}@keyframes activePulse{0%{box-shadow:inset 0 0 0 1px var(--bg-20)}50%{box-shadow:inset 0 0 0 4px var(--bg-20)}to{box-shadow:inset 0 0 0 1px var(--bg-20)}}@keyframes outlinePulse{0%{outline:0px solid var(--bg-20)}to{outline:var(--spacing-sm) solid transparent}}.active_text{color:var(--color-text-link)!important}.is{opacity:0;animation:fadeIn 1s ease-out forwards}.breathing{animation:breathing 1s ease-in-out infinite}.selected{box-shadow:inset 0 0 0 1px var(--color-border-focus)!important;box-sizing:border-box}.selectedFont{color:var(--color-text-link-hover)!important}.fliph{transform:rotateY(180deg)}.flipv{transform:rotateX(180deg)}.uppercase{text-transform:uppercase}.user-select{-webkit-user-select:text;user-select:text}.objectFit{width:100%;height:100%;object-fit:contain}sup{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}blockquote{font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;transition:color var(--transition-base) var(--transition-ease)}a:hover,a:active{color:var(--color-text-primary)}input,button,select,textarea{color:var(--color-text-primary);background-color:var(--color-bg-input);border:var(--border-width) solid var(--color-border-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);transition:all var(--transition-base) var(--transition-ease)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);outline:var(--border-width) solid var(--color-focus-ring)}button{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--button-bg-secondary);color:var(--button-text-secondary);border:var(--border-width) solid var(--button-border-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base) var(--transition-ease)}button:hover{animation:buttonHover .6s forwards,breathe 1.2s infinite alternate;border-color:var(--button-border-hover);background-color:var(--button-bg-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active{transform:translateY(0);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--button-bg-primary);color:var(--button-text-primary);border-color:var(--color-primary-600)}.btn-primary:hover{background-color:var(--button-bg-primary-hover);border-color:var(--color-primary-700)}.btn-success{background-color:var(--button-bg-success);color:var(--button-text-success);border-color:var(--color-success-600)}.btn-success:hover{background-color:var(--button-bg-success-hover);border-color:var(--color-success-700)}.btn-warning{background-color:var(--button-bg-warning);color:var(--button-text-warning);border-color:var(--color-warning-600)}.btn-warning:hover{background-color:var(--button-bg-warning-hover);border-color:var(--color-warning-700)}.btn-error{background-color:var(--button-bg-error);color:var(--button-text-error);border-color:var(--color-error-600)}.btn-error:hover{background-color:var(--button-bg-error-hover);border-color:var(--color-error-700)}textarea{width:100%;height:80px;padding:var(--spacing-sm);resize:vertical;font-family:inherit}table{width:100%;border-collapse:collapse;border:var(--border-width) solid var(--color-border-primary);overflow:hidden}thead{height:2.5rem;font-weight:var(--font-weight-semibold)}tbody{font-size:var(--font-size-xs)}tr{height:2rem;padding:var(--spacing-sm);transition:background-color var(--transition-fast) var(--transition-ease)}tr:hover{background-color:var(--color-hover-bg)!important}td{color:var(--color-text-secondary);padding:0 var(--spacing-sm)}th{border:var(--border-width) solid var(--color-border-secondary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--color-text-tertiary)}tr:nth-child(2n){opacity:.5}hr{position:relative;border:none;border-top:var(--border-width) solid var(--color-divider);margin:var(--spacing-xl) 0 var(--spacing-md) 0;overflow:visible}.hrText:after{content:attr(data-text);position:absolute;font-size:12px;left:8px;bottom:4px;z-index:200;color:gray}.hrlabel:after{content:attr(data-text);position:absolute;font-size:12px;left:8px;bottom:4px;z-index:200;color:gray}main{min-height:var(--layout-main-height);overflow-y:auto;position:relative}.containerBox{display:flex;height:var(--layout-main-height)}.divider{width:5px;background-color:#ccc;cursor:col-resize;position:relative}.leftBox{flex:1;padding:3rem;overflow-y:auto}.rightBox{position:relative;left:0;background-color:var(--color-bg-primary)}.rightBox:before{content:attr(data-text);width:120px;top:0;left:-160px;display:block;padding:var(--spacing-sm);font-size:var(--font-size-xs);background-color:var(--color-bg-primary);position:absolute;color:var(--color-text-tertiary)}.common-tool-bar{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);z-index:var(--z-fixed);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);background-color:var(--color-bg-glass);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.common-tool-bar__item{padding:var(--spacing-xs) var(--spacing-sm);border-right:var(--border-width) solid var(--color-border-secondary);transition:color var(--transition-base) var(--transition-ease)}.common-tool-bar__item:last-child{border-right:none}.common-tool-bar__item:hover{color:var(--color-primary-500)}.common-tool-bar__item.active{font-weight:var(--font-weight-semibold);color:var(--color-accent)}.contral-settings-panel{position:absolute;top:0;right:var(--spacing-md);z-index:var(--z-modal-backdrop);height:var(--layout-main-height);max-height:100vh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);border-radius:var(--radius-md);transform:translateZ(0)}.contral-settings-panel-item{background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-slow) var(--transition-ease),border-color var(--transition-slow) var(--transition-ease),box-shadow var(--transition-base) var(--transition-ease),transform var(--transition-base) var(--transition-ease);transform:translateY(0)}.contral-settings-panel-item:hover{border-color:var(--color-border-hover);background-color:var(--color-hover-bg-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contral-settings-panel-item-inline{display:inline-flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}i{display:flex;justify-content:center;align-items:center}.iconbutton{padding:4px;margin:8px;border-radius:4px;background-color:#3d3d3d}.icondisabled{opacity:.1}.icon_color svg *{fill:var(--color-icon-primary)}.icon_24{width:24px;height:24px}.icon_24 svg{width:24px;height:24px}.icon_48 svg{width:3rem;height:3rem}.icon_64 svg{width:64px;height:64px}.icon_8 svg{width:8px}.icon_12 svg{width:12px}.icon_16 svg{width:16px}.icon_20 svg{width:20px}.icon_32 svg{width:32px}.icon_height_32 svg{height:32px}.icon-height-8 svg{height:8px}.icon-height-10 svg{height:10px}.icon-height-12 svg{height:12px}.iconopacity{opacity:.2}.iconlogo svg{height:32px}.icon_header{width:var(--layout-header-height);height:var(--layout-header-height)}.toolsicon svg{fill:#fff}[class*=icon_] svg *{fill:var(--color-icon-primary);transition:fill var(--transition-base) var(--transition-ease)}[class*=icon-height-] svg{width:auto}[class*=icon_]:hover svg *{fill:var(--color-primary-500)}.logo{font-family:jexel!important;letter-spacing:.2rem;display:flex;justify-content:center;align-items:center;padding-top:10px}.loading-text{width:100%;display:flex;justify-content:center;align-items:center;height:var(--layout-main-height);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.loading-svg{stroke:var(--color-primary-500);stroke-width:2;fill:none}.loading-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2s ease-out forwards}b{display:inline-flex;justify-content:center;align-items:center;position:relative}b span{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:0;pointer-events:none;transition:opacity var(--transition-slow) var(--transition-ease),transform var(--transition-slow) var(--transition-ease);z-index:var(--z-tooltip);box-shadow:var(--shadow-base)}b:hover span{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-4px)}.movebar{height:8px;background-color:var(--color-bg-tertiary);cursor:move;transition:background-color var(--transition-base) var(--transition-ease)}.movebar:hover{background-color:var(--color-border-hover)}@media(max-width:768px){.contral-settings-panel{right:var(--spacing-sm);padding:var(--spacing-sm);gap:var(--spacing-sm);font-size:11px;max-width:85vw}.contral-settings-panel-item{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.common-tool-bar{padding:var(--spacing-sm);gap:var(--spacing-sm);font-size:11px}}.coordinate-title{display:flex;justify-content:space-between;align-items:center}.coordinate-tools{display:flex;flex-direction:column;gap:4px;padding:4px;margin:8px;background:#8a8a8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 8px #0000001a;width:fit-content;transition:all .2s ease-in-out}.coordinate-tools:hover{background:#fff3}.spacebetween,.justrifyright,.align-center,.flexrow,.flexcolumn{display:flex}.spacebetween{justify-content:space-between}.justrifyright{justify-content:flex-end}.align-center{align-items:center}.flexrow{flex-direction:row}.flexcolumn{flex-direction:column}.texthover:hover{color:var(--color-text-link-hover);cursor:pointer}.fontsize-xs{font-size:var(--font-size-xs)}.fontsize-sm{font-size:var(--font-size-sm)}.fontsize-md{font-size:var(--font-size-md)}.fontsize-lg{font-size:var(--font-size-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.padding-sm{padding:var(--spacing-sm)}.padding-md{padding:var(--spacing-md)}.padding-lg{padding:var(--spacing-lg)}.warning-text{font-size:var(--font-size-xs);color:var(--color-warning-300)}pre{background-color:var(--color-bg-primary)}.bsborder{box-shadow:inset 0 0 0 var(--border-width, 1px) var(--color-border-primary, #dddddd)}.text-button{color:var(--color-text-link);font-size:var(--font-size-xs);padding:0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;height:var(--component-input-height);background-color:var(--button-bg-default);transition:all .3s ease-in-out}.text-button:hover{background-color:var(--button-bg-default-hover)}.text-button-lg{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--button-bg-default)}.cover{background-color:var(--color-bg-glass)}.linear-cover{background:linear-gradient(180deg,rgba(31,33,39,.7) 10%,var(--color-bg-primary) 100%)}.desc{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:var(--spacing-lg) 0}.card{padding:var(--spacing-lg);background-color:var(--color-bg-card);box-shadow:inset 0 0 0 var(--border-width, 1px) var(--color-border-primary, #dddddd)}.label-input{display:flex;flex-direction:column;padding:var(--spacing-sm);color:var(--color-text-primary);gap:var(--spacing-xs)}.label-input label{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-tertiary);padding:var(--spacing-xs)}.label-input input,.label-input button,.label-input select{display:inline-block;height:var(--input-height);color:var(--color-text-secondary);display:flex;align-items:center;cursor:pointer;box-shadow:inset 0 0 0 var(--border-width, 1px) var(--color-border-primary, #dddddd)}.hot-tag:before{content:"HOT";position:absolute;top:0;left:0;background-color:#ff3c3c;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;line-height:1.2;border-radius:0 0 4px;z-index:10}.remind-tag{position:relative}.remind-content{top:0;left:0;display:none;width:300px;background-color:var(--color-bg-card);padding:var(--spacing-md);position:absolute;z-index:3;font-size:var(--font-size-xs)}.remind-tag:hover .remind-content{display:block}mark.highlight{background:#ffc555;color:#873c00;border-radius:var(--spacing-xs)}mark.extract{background:#ffc555;color:#873c00;border-radius:var(--spacing-xs)}mark.excerpt{background:#ffc555;color:#873c00;border-radius:var(--spacing-xs)}