:root{--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-ink: #0f172a;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-text-invert: #f8fafc;--color-brand: #f97316;--color-brand-hover: #ea580c;--color-brand-subtle: #fff7ed;--color-brand-gradient: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-local-badge: #16a34a;--color-network-badge: #2563eb;--color-hero-bg: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);--color-card-shadow: 0 1px 3px 0 rgb(15 23 42 / .04), 0 1px 2px -1px rgb(15 23 42 / .04);--color-card-shadow-hover: 0 10px 25px -3px rgb(15 23 42 / .08), 0 4px 6px -4px rgb(15 23 42 / .05);--font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-line-height-tight: 1.2;--font-line-height-base: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .06);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .06);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -4px rgb(15 23 42 / .08);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .1), 0 8px 10px -6px rgb(15 23 42 / .05)}html{font-family:var(--font-family-sans);color:var(--color-text);background:var(--color-bg);line-height:var(--font-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}.tool{display:flex;flex-direction:column;gap:var(--space-3)}.tool-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.tool-input,.tool-output{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-base);resize:vertical;transition:border-color .2s,box-shadow .2s}.tool-output{background:var(--color-bg-subtle)}.tool-input:focus,.tool-output:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #f973161f}.tool-actions{display:flex;gap:var(--space-2)}.tool-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.tool-btn:hover:not(:disabled){background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand)}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.tool-number,.tool-input-text{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-mono)}.tool-number{width:6rem}.tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3)}.tool-stat{text-align:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.tool-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-brand)}.tool-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tool-color-preview{width:100%;height:4rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.tool-rgb{display:flex;gap:var(--space-2)}.tool-rgb input{width:5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tool-output-text{font-family:var(--font-family-mono);color:var(--color-text-muted);margin:0}.ft-header[data-astro-cid-hpnw4vwy]{border-bottom:1px solid var(--color-border);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.ft-header-inner[data-astro-cid-hpnw4vwy]{max-width:75rem;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.ft-brand[data-astro-cid-hpnw4vwy]{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-text);text-decoration:none;flex-shrink:0}.ft-brand[data-astro-cid-hpnw4vwy]:hover{text-decoration:none}.ft-brand-mark[data-astro-cid-hpnw4vwy]{font-size:var(--font-size-2xl);line-height:1}.ft-search[data-astro-cid-hpnw4vwy]{flex:1;max-width:32rem}.ft-search-input[data-astro-cid-hpnw4vwy]{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat .75rem center;transition:all .2s}.ft-search-input[data-astro-cid-hpnw4vwy]:focus{outline:none;border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px #f973161f}.ft-nav[data-astro-cid-hpnw4vwy]{display:flex;gap:var(--space-1);flex-shrink:0}.ft-nav-link[data-astro-cid-hpnw4vwy]{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s}.ft-nav-link[data-astro-cid-hpnw4vwy]:hover{color:var(--color-text);background:var(--color-bg-subtle);text-decoration:none}@media (max-width: 48rem){.ft-nav[data-astro-cid-hpnw4vwy]{display:none}.ft-search[data-astro-cid-hpnw4vwy]{max-width:none}}.ft-footer[data-astro-cid-k2f5zb5c]{background:var(--color-bg-ink);color:var(--color-text-invert);margin-top:var(--space-24)}.ft-footer-inner[data-astro-cid-k2f5zb5c]{max-width:75rem;margin:0 auto;padding:var(--space-12) var(--space-4) var(--space-8);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8)}.ft-footer-logo[data-astro-cid-k2f5zb5c]{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-text-invert);text-decoration:none;margin-bottom:var(--space-2)}.ft-footer-tagline[data-astro-cid-k2f5zb5c]{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.ft-footer-links[data-astro-cid-k2f5zb5c]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.ft-footer-col[data-astro-cid-k2f5zb5c] h4[data-astro-cid-k2f5zb5c]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);color:var(--color-text-invert)}.ft-footer-col[data-astro-cid-k2f5zb5c] a[data-astro-cid-k2f5zb5c]{display:block;color:var(--color-text-subtle);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--space-2);transition:color .2s}.ft-footer-col[data-astro-cid-k2f5zb5c] a[data-astro-cid-k2f5zb5c]:hover{color:var(--color-brand);text-decoration:none}.ft-footer-bottom[data-astro-cid-k2f5zb5c]{border-top:1px solid rgb(255 255 255 / .1);padding:var(--space-4) var(--space-4);text-align:center}.ft-footer-bottom[data-astro-cid-k2f5zb5c] p[data-astro-cid-k2f5zb5c]{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}@media (max-width: 48rem){.ft-footer-inner[data-astro-cid-k2f5zb5c]{grid-template-columns:1fr;gap:var(--space-6)}.ft-footer-links[data-astro-cid-k2f5zb5c]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 30rem){.ft-footer-links[data-astro-cid-k2f5zb5c]{grid-template-columns:1fr 1fr}}.ft-main[data-astro-cid-jvyhto63]{max-width:75rem;margin:0 auto;padding:var(--space-6) var(--space-4)}.ft-breadcrumb[data-astro-cid-jvyhto63]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ft-breadcrumb[data-astro-cid-jvyhto63] a[data-astro-cid-jvyhto63]{color:var(--color-text-muted)}