@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-background: #F7F5F1;--color-background-rgb: 247, 245, 241;--color-surface: #FFFFFF;--color-surface-rgb: 255, 255, 255;--color-border: #E7E3DA;--color-border-rgb: 231, 227, 218;--color-text-primary: #1E2227;--color-text-primary-rgb: 30, 34, 39;--color-text-secondary: #6B7077;--color-text-secondary-rgb: 107, 112, 119;--color-accent: #3C5A78;--color-accent-rgb: 60, 90, 120;--color-accent-hover: #2E4760;--color-accent-hover-rgb: 46, 71, 96;--color-success: #2D7A4F;--color-success-rgb: 45, 122, 79;--color-error: #C84030;--color-error-rgb: 200, 64, 48;--color-warning: #D97706;--color-warning-rgb: 217, 119, 6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--color-background: #1A1D21;--color-background-rgb: 26, 29, 33;--color-surface: #242830;--color-surface-rgb: 36, 40, 48;--color-border: #363A42;--color-border-rgb: 54, 58, 66;--color-text-primary: #E8E6E3;--color-text-primary-rgb: 232, 230, 227;--color-text-secondary: #9BA1A6;--color-text-secondary-rgb: 155, 161, 166;--color-accent: #5B7FA1;--color-accent-rgb: 91, 127, 161;--color-accent-hover: #4A6A8A;--color-accent-hover-rgb: 74, 106, 138;--color-success: #3BA565;--color-success-rgb: 59, 165, 101;--color-error: #E74C3C;--color-error-rgb: 231, 76, 60;--color-warning: #F59E0B;--color-warning-rgb: 245, 158, 11;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header[data-v-99a1e70a]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 0}.header-content[data-v-99a1e70a]{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-brand[data-v-99a1e70a]{display:flex;align-items:center;gap:1.5rem}.header-brand-link[data-v-99a1e70a]{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.header-brand-link[data-v-99a1e70a]:hover{opacity:.8}.header-brand-link[data-v-99a1e70a]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.375rem}.header-brand-icon[data-v-99a1e70a]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);border-radius:.5rem}.header-title[data-v-99a1e70a]{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.header-nav[data-v-99a1e70a]{display:flex;gap:.5rem}.nav-link[data-v-99a1e70a]{padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:.375rem;transition:all .2s ease}.nav-link[data-v-99a1e70a]:hover{color:var(--color-text-primary);background:var(--color-background)}.nav-link.active[data-v-99a1e70a]{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.08)}.header-controls[data-v-99a1e70a]{display:flex;gap:1.5rem;align-items:center}.control-group[data-v-99a1e70a]{display:flex;align-items:center;gap:.5rem}.control-label[data-v-99a1e70a]{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.select[data-v-99a1e70a]{padding:.375rem .625rem;font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.select[data-v-99a1e70a]:hover{border-color:var(--color-text-secondary)}.select[data-v-99a1e70a]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1)}.toggle[data-v-99a1e70a]{position:relative;display:inline-block;width:44px;height:24px}.toggle input[data-v-99a1e70a]{opacity:0;width:0;height:0}.toggle-slider[data-v-99a1e70a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-border);border-radius:24px;transition:all .3s ease}.toggle-slider[data-v-99a1e70a]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000026}.toggle input:checked+.toggle-slider[data-v-99a1e70a]{background:var(--color-accent)}.toggle input:checked+.toggle-slider[data-v-99a1e70a]:before{transform:translate(20px)}.toggle input:focus+.toggle-slider[data-v-99a1e70a]{box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.2)}.toggle:hover .toggle-slider[data-v-99a1e70a]{opacity:.9}.github-link[data-v-99a1e70a]{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease;padding:.25rem;border-radius:.375rem}.github-link[data-v-99a1e70a]:hover{color:var(--color-text-primary);background:var(--color-background)}.github-link[data-v-99a1e70a]:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.2)}.online-counter[data-v-99a1e70a]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary);transition:all .2s ease}.online-counter svg[data-v-99a1e70a]{color:#22c55e;animation:pulse-99a1e70a 2s ease-in-out infinite}@keyframes pulse-99a1e70a{0%,to{opacity:1}50%{opacity:.6}}.online-count[data-v-99a1e70a]{font-weight:600;color:var(--color-text-primary);min-width:1.5rem;text-align:center}.online-label[data-v-99a1e70a]{color:var(--color-text-secondary);white-space:nowrap}@media(max-width:639px){.header-content[data-v-99a1e70a]{flex-direction:column;align-items:flex-start}.header-brand[data-v-99a1e70a]{width:100%;justify-content:space-between;align-items:center}.header-nav[data-v-99a1e70a]{gap:.25rem}.nav-link[data-v-99a1e70a]{padding:.25rem .5rem;font-size:.8125rem}.header-controls[data-v-99a1e70a]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.control-label[data-v-99a1e70a]{display:none}.online-counter[data-v-99a1e70a]{order:-1;width:100%;justify-content:center}}.home-page[data-v-8464a53c]{max-width:1200px;margin:70px auto 0;padding:2.5rem 1.5rem 3rem}.hero[data-v-8464a53c]{text-align:center;margin-bottom:4rem}.hero-eyebrow[data-v-8464a53c]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:rgba(var(--color-accent-rgb),.08);border:1px solid rgba(var(--color-accent-rgb),.18);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--color-accent);margin-bottom:1.5rem}.hero-eyebrow .dot[data-v-8464a53c]{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.2)}.hero-title[data-v-8464a53c]{font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-primary);margin-bottom:1rem;background:linear-gradient(180deg,var(--color-text-primary) 0%,var(--color-text-secondary) 130%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle[data-v-8464a53c]{font-size:1.0625rem;color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.65}.tools-section[data-v-8464a53c]{margin-bottom:3rem}.tools-grid[data-v-8464a53c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tool-card[data-v-8464a53c]{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.875rem;text-decoration:none;color:inherit;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);cursor:pointer;min-height:220px;overflow:hidden}.tool-card[data-v-8464a53c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:0;transition:opacity .2s var(--ease-out)}.tool-card[data-v-8464a53c]:hover:not(.is-disabled){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.tool-card[data-v-8464a53c]:hover:not(.is-disabled):before{opacity:1}.tool-card[data-v-8464a53c]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tool-card.is-disabled[data-v-8464a53c]{cursor:not-allowed;opacity:.7}.tool-card.is-disabled .tool-icon[data-v-8464a53c]{background:rgba(var(--color-border-rgb),.4);color:var(--color-text-secondary)}.tool-card-header[data-v-8464a53c]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tool-icon[data-v-8464a53c]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);border-radius:.75rem;transition:background .2s ease,color .2s ease}.tool-icon[data-v-8464a53c] svg{width:26px;height:26px}.tool-card:hover:not(.is-disabled) .tool-icon[data-v-8464a53c]{background:var(--color-accent);color:#fff}.tool-badge[data-v-8464a53c]{flex-shrink:0;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary);background:rgba(var(--color-border-rgb),.6);border-radius:999px;text-transform:uppercase}.tool-card-body[data-v-8464a53c]{flex:1}.tool-name[data-v-8464a53c]{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.375rem;letter-spacing:-.01em}.tool-desc[data-v-8464a53c]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.tool-card-footer[data-v-8464a53c]{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border)}.tool-action[data-v-8464a53c]{font-size:.8125rem;font-weight:500;color:var(--color-accent);letter-spacing:.01em}.tool-card.is-disabled .tool-action[data-v-8464a53c]{color:var(--color-text-secondary)}.tool-arrow[data-v-8464a53c]{color:var(--color-accent);transition:transform .2s var(--ease-out)}.tool-card.is-disabled .tool-arrow[data-v-8464a53c]{color:var(--color-text-secondary);opacity:.5}.tool-card:hover:not(.is-disabled) .tool-arrow[data-v-8464a53c]{transform:translate(4px)}.home-footer[data-v-8464a53c]{text-align:center;padding:2rem 0 0;font-size:.8125rem;color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:3rem}.fade-in[data-v-8464a53c]{animation:fadeIn-8464a53c .4s var(--ease-out) backwards}@keyframes fadeIn-8464a53c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.home-page[data-v-8464a53c]{padding:1.5rem 1.25rem 2rem}.hero[data-v-8464a53c]{margin-bottom:2.5rem}.hero-title[data-v-8464a53c]{font-size:2rem}.hero-subtitle[data-v-8464a53c]{font-size:1rem}.tools-grid[data-v-8464a53c]{grid-template-columns:1fr;gap:1rem}.tool-card[data-v-8464a53c]{min-height:0;padding:1.25rem}}@media(max-width:639px){.hero-eyebrow[data-v-8464a53c]{font-size:.75rem}.hero-title[data-v-8464a53c]{font-size:1.75rem}}