:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-subtle: #eff6ff;--color-primary-fg: #ffffff;--color-bg: #ffffff;--color-surface: #f9fafb;--color-surface-raised: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-text: #374151;--color-heading: #111827;--color-success: #16a34a;--color-success-subtle: #f0fdf4;--color-warning: #d97706;--color-warning-subtle: #fffbeb;--color-error: #dc2626;--color-error-subtle: #fef2f2;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .07), 0 4px 6px -4px rgb(0 0 0 / .05);--content-width: 72rem;--tool-width: 52rem;--color-focus-ring: rgb(37 99 235 / .12);--transition-fast: .15s ease;--transition-normal: .2s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-raised: #334155;--color-border: #334155;--color-border-strong: #475569;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-text: #cbd5e1;--color-heading: #f1f5f9;--color-primary-subtle: #1e3a5f}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-lg);font-weight:var(--font-semibold)}p{line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--transition-fast)}a:hover{text-decoration-color:var(--color-primary)}img,video,svg{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}pre{overflow-x:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{padding-left:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-strong)}.btn--ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn--ghost:hover{background-color:var(--color-surface-raised)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-raised)}.textarea{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:8rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea::placeholder{color:var(--color-text-muted)}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.textarea--mono{font-family:var(--font-mono);font-size:var(--text-xs)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-heading);margin-bottom:var(--space-1)}.label--optional:after{content:" (optional)";font-weight:var(--font-normal);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.125rem var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-full);border:1px solid transparent}.badge--default{background-color:var(--color-surface-raised);color:var(--color-text-subtle);border-color:var(--color-border)}.badge--primary{background-color:var(--color-primary-subtle);color:var(--color-primary);border-color:transparent}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.badge--error{background-color:var(--color-error-subtle);color:var(--color-error)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.tool-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);height:100%}.tool-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.tool-card__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-heading)}.tool-card__description{font-size:var(--text-sm);color:var(--color-text-subtle);line-height:var(--leading-relaxed)}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.tool-container{width:100%;max-width:var(--tool-width);margin-inline:auto}.stack{display:flex;flex-direction:column}.stack--sm{gap:var(--space-2)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-8)}.cluster{display:flex;flex-wrap:wrap;align-items:center}.cluster--sm{gap:var(--space-2)}.cluster--md{gap:var(--space-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-heading{color:var(--color-heading)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ad-unit{display:flex;align-items:center;justify-content:center;margin-block:var(--space-8);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-sm);overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs)}.ad-unit--primary{width:100%;max-width:728px;height:90px;margin-inline:auto}@media(max-width:767px){.ad-unit--primary{max-width:320px;height:50px}}.ad-unit--sidebar{width:300px;height:250px;margin-inline:auto}.ad-unit--mobile{width:100%;max-width:320px;height:50px}@media(min-width:768px){.ad-unit--mobile{max-width:728px;height:90px}}