.theme-toggle[data-v-3c234f61]{position:fixed;top:20px;right:20px;z-index:1000;padding:8px 16px;border:none;border-radius:6px;background:#eee;color:#333;cursor:pointer;font-size:16px;box-shadow:0 2px 8px #00000014;transition:background .2s,color .2s}.dark-theme[data-v-3c234f61]{background:#181818!important;color:#eee!important}.light-theme[data-v-3c234f61]{background:#fff!important;color:#222!important}: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: 1.75rem;--component-button-height: 2.5rem;--component-icon-size: 1rem;--component-icon-size-lg: 1.5rem;--backdrop-blur: blur(10px);--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}.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{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-backdrop: rgba(0, 0, 0, .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-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);--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: #000000;--bg-90: #0f1319;--bg-80: #191818;--bg-70: #2a2f3a;--bg-60: #1d1f22;--bg-50: #191818;--bg-40: #444a58;--bg-30: #505866;--bg-20: #6b7280;--bg-10: #9ca3af;--color-bg-primary: #0f1319;--color-bg-secondary: #23262d;--color-bg-tertiary: #26282f;--color-bg-elevated: #31353f;--color-bg-overlay: rgba(0, 0, 0, .7);--color-bg-backdrop: rgba(0, 0, 0, .5);--color-bg-glass: rgba(26, 29, 36, .7);--color-bg-card: rgba(36, 40, 48, .8);--color-bg-panel: rgba(36, 40, 48, .9);--color-bg-input: #1e2229;--color-bg-hover: rgba(34, 109, 170, .3);--color-text-primary: #e8eaed;--color-text-secondary: #9aa0a6;--color-text-tertiary: #75797e;--color-text-disabled: #3c4043;--color-text-inverse: #1a1a1a;--color-text-link: #8f8f8f;--color-text-link-hover: #0d3556;--color-text-input: #999999;--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .05);--color-border-focus: rgba(100, 181, 246, .5);--color-border-hover: rgba(100, 181, 246, .3);--color-bg-default: #1a1a1a;--color-default-50: #111111;--color-default-100: #1a1a1a;--color-default-200: #2a2f3a;--color-default-300: #363c4a;--color-default-400: #444a58;--color-default-500: #505866;--color-default-600: #606c7b;--color-default-700: #717d8a;--color-default-800: #9ca3af;--color-default-900: #cbd5e0;--color-primary-50: #0d3152;--color-primary-100: #103d5f;--color-primary-200: #134a6d;--color-primary-300: #155696;--color-primary-400: #1976d2;--color-primary-500: #42a5f5;--color-primary-600: #64b5f6;--color-primary-700: #90caf9;--color-primary-800: #bbdefb;--color-primary-900: #e3f2fd;--color-primary-bg: rgba(66, 165, 245, .12);--color-primary-bg-light: rgba(66, 165, 245, .08);--color-primary-bg-strong: rgba(66, 165, 245, .2);--color-primary-hover: rgba(66, 165, 245, .15);--color-success-50: #1b3a1e;--color-success-100: #1e4620;--color-success-200: #225223;--color-success-300: #2e7d32;--color-success-400: #388e3c;--color-success-500: #4caf50;--color-success-600: #66bb6a;--color-success-700: #81c784;--color-success-800: #a5d6a7;--color-success-900: #c8e6c9;--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: #3d2d0f;--color-warning-100: #4a3612;--color-warning-200: #573f15;--color-warning-300: #ef6c00;--color-warning-400: #f57c00;--color-warning-500: #ff9800;--color-warning-600: #ffa726;--color-warning-700: #ffb74d;--color-warning-800: #ffcc80;--color-warning-900: #ffe0b2;--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: #3d1212;--color-error-100: #4a1515;--color-error-200: #571818;--color-error-300: #c62828;--color-error-400: #d32f2f;--color-error-500: #f44336;--color-error-600: #ef5350;--color-error-700: #e57373;--color-error-800: #ef9a9a;--color-error-900: #ffcdd2;--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: #0d2d30;--color-info-100: #10383c;--color-info-200: #134348;--color-info-300: #00838f;--color-info-400: #0097a7;--color-info-500: #00bcd4;--color-info-600: #26c6da;--color-info-700: #4dd0e1;--color-info-800: #80deea;--color-info-900: #b2ebf2;--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: #212121;--color-neutral-100: #424242;--color-neutral-200: #616161;--color-neutral-300: #757575;--color-neutral-400: #9e9e9e;--color-neutral-500: #bdbdbd;--color-neutral-600: #e0e0e0;--color-neutral-700: #eeeeee;--color-neutral-800: #f5f5f5;--color-neutral-900: #fafafa;--color-hover-bg: rgba(100, 181, 246, .15);--color-hover-bg-light: rgba(100, 181, 246, .08);--color-hover-bg-strong: rgba(100, 181, 246, .25);--color-active-bg: rgba(25, 118, 210, .3);--color-focus-ring: rgba(100, 181, 246, .3);--color-selected-bg: rgba(100, 181, 246, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .6);--color-scrollbar-thumb: rgba(100, 100, 100, .5);--color-scrollbar-track: transparent;--color-divider: rgba(255, 255, 255, .12);--color-hr: rgba(255, 255, 255, .08);--button-bg-default: var(--color-default-200);--button-bg-default-hover: var(--color-default-400);--button-text-default: #ffffff;--button-bg-primary: var(--color-primary-500);--button-bg-primary-hover: var(--color-primary-600);--button-text-primary: #0f1319;--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: #0f1319;--button-bg-warning: var(--color-warning-500);--button-bg-warning-hover: var(--color-warning-600);--button-text-warning: #0f1319;--button-bg-error: var(--color-error-500);--button-bg-error-hover: var(--color-error-600);--button-text-error: #0f1319;--button-border-color: var(--color-border-primary);--button-border-hover: var(--color-border-hover);--color-icon-primary: #e8eaed;--color-icon-secondary: #9aa0a6;--color-icon-disabled: #3c4043;--color-accent: #008cff;--color-accent-hover: #0099ff}.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;-webkit-user-select:none;user-select:none;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{background-color:var(--bg-70)!important;box-shadow:inset 0 0 0 1px var(--bg-20)!important;color:var(--color-text-primary)!important;overflow:visible!important;animation:outlinePulse 1.5s ease-out infinite}.active:before,.active:after{display:block;content:"";height:8px;width:8px;background-color:#fff;animation:activePulse 1.5s ease-out infinite}@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}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);color:var(--color-text-primary)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary)}h3{padding:var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}sup{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary)}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}