:root{color-scheme:light dark;font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;font-weight:400;--hu-color-body: #f8f9fe;--hu-color-surface: #ffffff;--hu-color-surface-subtle: #f8fafc;--hu-color-surface-soft: #eef2f7;--hu-color-bg-secondary: var(--hu-color-surface-subtle);--hu-border-radius: var(--hu-radius-md);--hu-color-text: #0f172a;--hu-color-muted: #475569;--hu-color-subtle: #64748b;--hu-color-border: rgba(148, 163, 184, .3);--hu-color-border-strong: rgba(148, 163, 184, .52);--hu-color-accent: #2563eb;--hu-color-accent-strong: #1d4ed8;--hu-color-accent-soft: rgba(37, 99, 235, .12);--hu-color-accent-soft-strong: rgba(37, 99, 235, .18);--hu-color-accent-outline: rgba(37, 99, 235, .55);--hu-color-purple: #8b5cf6;--hu-color-purple-soft: rgba(139, 92, 246, .12);--hu-color-teal: #14b8a6;--hu-color-teal-soft: rgba(20, 184, 166, .12);--hu-color-pink: #ec4899;--hu-color-pink-soft: rgba(236, 72, 153, .12);--hu-gradient-title: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--hu-button-bg: #2563eb;--hu-button-text: #ffffff;--hu-color-success-soft: rgba(16, 185, 129, .16);--hu-color-success-text: #047857;--hu-color-danger-soft: rgba(239, 68, 68, .16);--hu-color-danger-text: #b91c1c;--hu-color-warning-bg: rgba(250, 204, 21, .28);--hu-color-warning-text: #92400e;--hu-syntax-comment: #64748b;--hu-syntax-punctuation: #475569;--hu-syntax-property: #db2777;--hu-syntax-number: #d97706;--hu-syntax-string: #059669;--hu-syntax-operator: #0284c7;--hu-syntax-function: #7c3aed;--hu-syntax-keyword: #dc2626;--hu-syntax-regex: #0891b2;--hu-category-developer: #3b82f6;--hu-category-conversion: #a855f7;--hu-category-testing: #f97316;--hu-category-data: #06b6d4;--hu-category-productivity: #10b981;--hu-category-ai: #ec4899;--hu-category-wellness: #14b8a6;--hu-category-finance: #059669;--hu-category-music: #8b5cf6;--hu-category-security: #ef4444;--hu-category-design: #f43f5e;--hu-category-devops: #6366f1;--hu-category-developer-soft: rgba(59, 130, 246, .1);--hu-category-conversion-soft: rgba(168, 85, 247, .1);--hu-category-testing-soft: rgba(249, 115, 22, .1);--hu-category-data-soft: rgba(6, 182, 212, .1);--hu-category-productivity-soft: rgba(16, 185, 129, .1);--hu-category-ai-soft: rgba(236, 72, 153, .1);--hu-category-wellness-soft: rgba(20, 184, 166, .1);--hu-category-finance-soft: rgba(5, 150, 105, .1);--hu-category-music-soft: rgba(139, 92, 246, .1);--hu-category-security-soft: rgba(239, 68, 68, .1);--hu-category-design-soft: rgba(244, 63, 94, .1);--hu-category-devops-soft: rgba(99, 102, 241, .1);--hu-radius-sm: .5rem;--hu-radius-md: .85rem;--hu-radius-lg: 1.2rem;--hu-radius-pill: 999px;--hu-shadow-card: 0 12px 32px -18px rgba(15, 23, 42, .22);--hu-shadow-card-hover: 0 18px 38px -24px rgba(30, 64, 175, .3);--hu-shadow-floating: 0 14px 30px -20px rgba(37, 99, 235, .45);--hu-transition: .16s ease}:root.dark{--hu-color-body: #0a0f1a;--hu-color-surface: #0f1729;--hu-color-surface-subtle: #151d33;--hu-color-surface-soft: #1a2336;--hu-color-bg-secondary: #141d2c;--hu-border-radius: var(--hu-radius-md);--hu-color-text: #f1f5f9;--hu-color-muted: #cbd5e1;--hu-color-subtle: #94a3b8;--hu-color-border: rgba(100, 116, 139, .25);--hu-color-border-strong: rgba(148, 163, 184, .45);--hu-color-accent: #60a5fa;--hu-color-accent-strong: #3b82f6;--hu-color-accent-soft: rgba(96, 165, 250, .15);--hu-color-accent-soft-strong: rgba(96, 165, 250, .22);--hu-color-accent-outline: rgba(96, 165, 250, .5);--hu-color-purple: #a78bfa;--hu-color-purple-soft: rgba(167, 139, 250, .15);--hu-color-teal: #2dd4bf;--hu-color-teal-soft: rgba(45, 212, 191, .15);--hu-color-pink: #f472b6;--hu-color-pink-soft: rgba(244, 114, 182, .15);--hu-gradient-title: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #f472b6 100%);--hu-button-bg: #2563eb;--hu-button-text: #ffffff;--hu-color-success-soft: rgba(34, 197, 94, .15);--hu-color-success-text: #4ade80;--hu-color-danger-soft: rgba(248, 113, 113, .15);--hu-color-danger-text: #f87171;--hu-color-warning-bg: rgba(250, 204, 21, .22);--hu-color-warning-text: #facc15;--hu-syntax-comment: #94a3b8;--hu-syntax-punctuation: #cbd5e1;--hu-syntax-property: #f472b6;--hu-syntax-number: #fbbf24;--hu-syntax-string: #4ade80;--hu-syntax-operator: #38bdf8;--hu-syntax-function: #c084fc;--hu-syntax-keyword: #fb923c;--hu-syntax-regex: #22d3ee;--hu-category-developer: #60a5fa;--hu-category-conversion: #c084fc;--hu-category-testing: #fb923c;--hu-category-data: #22d3ee;--hu-category-productivity: #34d399;--hu-category-ai: #f472b6;--hu-category-wellness: #2dd4bf;--hu-category-finance: #10b981;--hu-category-music: #a78bfa;--hu-category-security: #f87171;--hu-category-design: #fb7185;--hu-category-devops: #818cf8;--hu-category-developer-soft: rgba(96, 165, 250, .15);--hu-category-conversion-soft: rgba(192, 132, 252, .15);--hu-category-testing-soft: rgba(251, 146, 60, .15);--hu-category-data-soft: rgba(34, 211, 238, .15);--hu-category-productivity-soft: rgba(52, 211, 153, .15);--hu-category-ai-soft: rgba(244, 114, 182, .15);--hu-category-wellness-soft: rgba(45, 212, 191, .15);--hu-category-finance-soft: rgba(16, 185, 129, .15);--hu-category-music-soft: rgba(167, 139, 250, .15);--hu-category-security-soft: rgba(248, 113, 113, .15);--hu-category-design-soft: rgba(251, 113, 133, .15);--hu-category-devops-soft: rgba(129, 140, 248, .15);--hu-shadow-card: 0 4px 16px rgba(0, 0, 0, .3), 0 0 0 1px rgba(148, 163, 184, .1);--hu-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(96, 165, 250, .3);--hu-shadow-floating: 0 8px 20px rgba(96, 165, 250, .15), 0 0 0 1px rgba(96, 165, 250, .2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--hu-color-body);color:var(--hu-color-text);transition:background var(--hu-transition),color var(--hu-transition)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.hu-link{color:var(--hu-color-accent);font-weight:500;transition:color var(--hu-transition)}.hu-link:hover{color:var(--hu-color-purple);text-decoration:underline}.hu-app-shell{min-height:100vh;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:2.25rem;max-width:1200px;margin:0 auto}.hu-header{display:flex;flex-direction:column;gap:1rem}.hu-tagline{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hu-color-purple);margin:0 0 .25rem}.hu-title{margin:0;font-size:clamp(2.25rem,2.5vw + 1rem,3rem);letter-spacing:-.02em;background:var(--hu-gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hu-lede{margin:0;max-width:680px;color:var(--hu-color-muted);font-size:1.125rem}.hu-main-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.hu-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--hu-radius-pill);background:var(--hu-button-bg);color:var(--hu-button-text);font-weight:600;font-size:.95rem;padding:.5rem 1.15rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:transform var(--hu-transition),box-shadow var(--hu-transition),background var(--hu-transition),filter var(--hu-transition);box-shadow:var(--hu-shadow-floating)}.hu-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.hu-button:active{transform:translateY(0);filter:brightness(.92)}.hu-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.hu-button--ghost{background:var(--hu-color-accent-soft);color:var(--hu-color-accent);box-shadow:none;border:1px solid var(--hu-color-border-strong)}.hu-button--ghost:hover{background:var(--hu-color-accent-soft-strong);border-color:var(--hu-color-accent)}.hu-flag-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hu-color-border-strong);border-radius:var(--hu-radius-lg);background:var(--hu-color-surface);color:var(--hu-color-subtle);font-weight:600;font-size:.9rem;padding:.45rem .95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background var(--hu-transition),color var(--hu-transition),border-color var(--hu-transition),box-shadow var(--hu-transition),transform var(--hu-transition)}.hu-flag-toggle:hover{border-color:var(--hu-color-accent);color:var(--hu-color-text);transform:translateY(-1px)}.hu-flag-toggle:focus-visible{outline:2px solid var(--hu-color-accent-outline);outline-offset:2px}.hu-flag-toggle[data-active=true]{background:var(--hu-color-accent-soft);border-color:var(--hu-color-accent);color:var(--hu-color-accent-strong);box-shadow:0 6px 18px -12px var(--hu-color-accent)}.dark .hu-flag-toggle[data-active=true]{color:#fff;box-shadow:0 0 0 1px #60a5fa59}.hu-toggle-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-lg);background:var(--hu-color-surface);color:var(--hu-color-text);font-weight:600;font-size:.95rem;padding:.85rem 1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;transition:background var(--hu-transition),color var(--hu-transition),border-color var(--hu-transition),box-shadow var(--hu-transition),transform var(--hu-transition)}.hu-toggle-card:hover{background:var(--hu-color-surface-subtle);border-color:var(--hu-color-accent);transform:translateY(-2px)}.hu-toggle-card:focus-visible{outline:2px solid var(--hu-color-accent-outline);outline-offset:2px}.hu-toggle-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.hu-toggle-card__desc{font-size:.8rem;color:var(--hu-color-muted);line-height:1.3}.hu-toggle-card__badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;padding:.2rem .6rem;border-radius:var(--hu-radius-pill);background:var(--hu-color-surface-subtle);color:var(--hu-color-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.hu-toggle-card[data-active=true]{background:var(--hu-color-accent-soft);border-color:var(--hu-color-accent);box-shadow:0 10px 28px -18px var(--hu-color-accent)}.hu-toggle-card[data-active=true] .hu-toggle-card__badge{background:var(--hu-color-accent);color:#fff}.dark .hu-toggle-card[data-active=true]{color:#f8fafc;box-shadow:0 0 0 1px #60a5fa59}.hu-highlight-match{background-color:var(--hu-color-warning-bg);color:var(--hu-color-warning-text);padding:.1rem .25rem;border-radius:.3rem;font-weight:600}.hu-field-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.hu-input-group{display:flex;align-items:center;border:1px solid var(--hu-color-border-strong);border-radius:var(--hu-radius-md);background:var(--hu-color-surface);overflow:hidden}.hu-input-group__prefix,.hu-input-group__suffix{padding:.55rem .75rem;font-size:.9rem;font-weight:600;color:var(--hu-color-muted);background:var(--hu-color-surface-subtle)}.hu-input-group__prefix{border-right:1px solid var(--hu-color-border)}.hu-input-group__suffix{border-left:1px solid var(--hu-color-border)}.hu-input-group .hu-input{border:0;border-radius:0;flex:1 1 auto;min-width:0}.hu-input-group .hu-input:focus-visible{outline-offset:-2px}.hu-textarea{width:100%;min-height:220px;padding:.85rem 1rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border-strong);background:var(--hu-color-surface);color:var(--hu-color-text);font-size:.92rem;line-height:1.5;font-family:inherit;resize:vertical}.hu-textarea:focus-visible{outline:2px solid var(--hu-color-accent-outline);border-color:transparent}.hu-textarea--mono{font-family:Source Code Pro,Courier New,monospace}.hu-textarea--small{min-height:160px}.hu-textarea--xl{min-height:320px}.hu-control-grid{display:grid;gap:1rem}.hu-control-grid--two-column{justify-content:end;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hu-output-block{margin:0;padding:.85rem 1rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border);background:var(--hu-color-surface-subtle);font-family:Source Code Pro,Courier New,monospace;font-size:.88rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.hu-output-block--scroll{max-height:320px;overflow:auto}.hu-code-block{margin:0;padding:1rem 1.1rem;border-radius:var(--hu-radius-md);background:var(--hu-color-surface-soft);color:var(--hu-color-text);font-family:Source Code Pro,Courier New,monospace;font-size:.88rem;line-height:1.65;overflow:auto;border:1px solid var(--hu-color-border)}.hu-code-block code{font-family:inherit;font-size:inherit}.hu-code-block .token.comment,.hu-code-block .token.prolog,.hu-code-block .token.doctype,.hu-code-block .token.cdata{color:var(--hu-syntax-comment)}.hu-code-block .token.punctuation{color:var(--hu-syntax-punctuation)}.hu-code-block .token.property,.hu-code-block .token.tag,.hu-code-block .token.constant,.hu-code-block .token.symbol,.hu-code-block .token.deleted{color:var(--hu-syntax-property)}.hu-code-block .token.boolean,.hu-code-block .token.number{color:var(--hu-syntax-number)}.hu-code-block .token.selector,.hu-code-block .token.attr-name,.hu-code-block .token.string,.hu-code-block .token.char,.hu-code-block .token.builtin,.hu-code-block .token.inserted{color:var(--hu-syntax-string)}.hu-code-block .token.operator,.hu-code-block .token.entity,.hu-code-block .token.url,.hu-code-block .language-css .token.string,.hu-code-block .style .token.string,.hu-code-block .token.variable{color:var(--hu-syntax-operator)}.hu-code-block .token.atrule,.hu-code-block .token.attr-value,.hu-code-block .token.function,.hu-code-block .token.class-name{color:var(--hu-syntax-function)}.hu-code-block .token.keyword{color:var(--hu-syntax-keyword)}.hu-code-block .token.regex,.hu-code-block .token.important{color:var(--hu-syntax-regex)}.hu-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.hu-toolbar__item{display:inline-flex;gap:.35rem;align-items:center;font-size:.85rem;color:var(--hu-color-subtle)}.hu-toolbar__grow{flex:1 1 320px;display:flex;flex-direction:column;gap:.5rem}.hu-toolbar__grow .hu-input{min-width:0}.hu-tool-meta{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--hu-color-subtle)}.hu-divider{height:1px;border:none;background:var(--hu-color-border);margin:1.5rem 0}.hu-grid-columns{display:grid;gap:1.5rem}.hu-grid-columns--balanced{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hu-metric-grid{display:grid;--hu-metric-columns: repeat(2, minmax(0, 1fr));grid-template-columns:var(--hu-metric-columns);gap:.75rem 1rem;margin:0 0 8px}.hu-metric-grid--two{--hu-metric-columns: repeat(2, minmax(0, 1fr))}.hu-metric-grid--auto{--hu-metric-columns: repeat(auto-fit, minmax(220px, 1fr))}.hu-metric-grid--split{--hu-metric-columns: 2fr 1fr}.hu-metric-grid--single{--hu-metric-columns: 1fr}.hu-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem .5rem;align-items:end}.hu-filter-row__remove{justify-self:start;align-self:end}.hu-metric-label{font-size:.82rem;color:var(--hu-color-subtle)}.hu-metric-value{margin:0;font-weight:600;color:var(--hu-color-text)}.hu-input{width:100%;min-width:200px;padding:.45rem .85rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border-strong);font:inherit;font-weight:500;color:inherit;background:var(--hu-color-surface)}.hu-input--mono{font-family:Source Code Pro,Courier New,monospace}.hu-input--compact{min-width:0;width:120px}select.hu-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}@media (prefers-color-scheme: dark){select.hu-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.hu-input:focus-visible{outline:2px solid var(--hu-color-accent-outline);border-color:transparent}.hu-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.35rem;border-radius:var(--hu-radius-pill);background:var(--hu-color-surface-soft);border:1px solid var(--hu-color-border);cursor:pointer;transition:background var(--hu-transition),border-color var(--hu-transition)}.hu-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--hu-color-accent);box-shadow:0 4px 12px -4px #2563eb8c;border:none;transition:transform var(--hu-transition),box-shadow var(--hu-transition)}.hu-slider::-moz-range-thumb{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--hu-color-accent);box-shadow:0 4px 12px -4px #2563eb8c;border:none;transition:transform var(--hu-transition),box-shadow var(--hu-transition)}.hu-slider:focus-visible{outline:none;border-color:var(--hu-color-accent)}.hu-slider::-webkit-slider-thumb:active,.hu-slider::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 8px 18px -6px #2563eb99}.hu-checkbox{height:min-content;display:inline-flex;gap:.45rem;align-items:center;font-size:.85rem;color:var(--hu-color-subtle)}.hu-checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border-radius:.35rem;border:1px solid var(--hu-color-border-strong);background:var(--hu-color-surface);position:relative;cursor:pointer;transition:border-color var(--hu-transition),background var(--hu-transition),box-shadow var(--hu-transition)}.hu-checkbox input:focus-visible{outline:2px solid var(--hu-color-accent-outline);outline-offset:2px}.hu-checkbox input:checked{background:var(--hu-color-accent);border-color:var(--hu-color-accent);box-shadow:0 4px 10px -4px #2563eb73}.hu-checkbox input:checked:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.hu-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hu-empty-state{border-radius:.9rem;padding:1rem .85rem;border:1px dashed var(--hu-color-border);background:var(--hu-color-surface-soft);color:var(--hu-color-subtle);font-size:.82rem;font-weight:500;text-align:center}[data-category]{--hu-category-color: var(--hu-color-accent);--hu-category-color-strong: var(--hu-color-accent-strong);--hu-category-color-soft: var(--hu-color-accent-soft);--hu-category-contrast: var(--hu-color-text);--hu-category-inverse: #ffffff}[data-category=developer]{--hu-category-color: var(--hu-category-developer);--hu-category-color-strong: var(--hu-category-developer);--hu-category-color-soft: var(--hu-category-developer-soft)}[data-category=conversion]{--hu-category-color: var(--hu-category-conversion);--hu-category-color-strong: var(--hu-category-conversion);--hu-category-color-soft: var(--hu-category-conversion-soft)}[data-category=testing]{--hu-category-color: var(--hu-category-testing);--hu-category-color-strong: var(--hu-category-testing);--hu-category-color-soft: var(--hu-category-testing-soft)}[data-category=data]{--hu-category-color: var(--hu-category-data);--hu-category-color-strong: var(--hu-category-data);--hu-category-color-soft: var(--hu-category-data-soft)}[data-category=productivity]{--hu-category-color: var(--hu-category-productivity);--hu-category-color-strong: var(--hu-category-productivity);--hu-category-color-soft: var(--hu-category-productivity-soft)}[data-category=ai]{--hu-category-color: var(--hu-category-ai);--hu-category-color-strong: var(--hu-category-ai);--hu-category-color-soft: var(--hu-category-ai-soft)}[data-category=wellness]{--hu-category-color: var(--hu-category-wellness);--hu-category-color-strong: var(--hu-category-wellness);--hu-category-color-soft: var(--hu-category-wellness-soft)}[data-category=finance]{--hu-category-color: var(--hu-category-finance);--hu-category-color-strong: var(--hu-category-finance);--hu-category-color-soft: var(--hu-category-finance-soft)}[data-category=music]{--hu-category-color: var(--hu-category-music);--hu-category-color-strong: var(--hu-category-music);--hu-category-color-soft: var(--hu-category-music-soft)}[data-category=security]{--hu-category-color: var(--hu-category-security);--hu-category-color-strong: var(--hu-category-security);--hu-category-color-soft: var(--hu-category-security-soft)}[data-category=design]{--hu-category-color: var(--hu-category-design);--hu-category-color-strong: var(--hu-category-design);--hu-category-color-soft: var(--hu-category-design-soft)}[data-category=devops]{--hu-category-color: var(--hu-category-devops);--hu-category-color-strong: var(--hu-category-devops);--hu-category-color-soft: var(--hu-category-devops-soft)}.hu-card{background:var(--hu-color-surface);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-lg);padding:1.35rem 1.4rem;box-shadow:var(--hu-shadow-card);transition:transform var(--hu-transition),box-shadow var(--hu-transition),border-color var(--hu-transition);display:flex;flex-direction:column;gap:1rem;min-height:100%}.hu-card:hover{transform:translateY(-2px);border-color:var(--hu-color-accent);box-shadow:var(--hu-shadow-card-hover)}.hu-category-card{background:var(--hu-color-surface);border-color:var(--hu-color-border)}.hu-category-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.hu-category-card__heading{display:flex;flex-direction:column;gap:.4rem}.hu-category-card__title-row{display:flex;align-items:center;gap:.5rem}.hu-category-card__title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--hu-category-color, var(--hu-color-text))}.hu-category-icon{width:1.5rem;height:1.5rem;color:var(--hu-category-color, var(--hu-color-accent));flex-shrink:0}.hu-category-card__description{margin:0;color:var(--hu-color-muted);font-size:.9rem;line-height:1.4}.hu-category-card__count{font-size:.7rem;text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:.08em;color:var(--hu-category-inverse);padding:.2rem .45rem;border-radius:var(--hu-radius-pill);background:var(--hu-category-color, var(--hu-color-accent));border:none}.hu-category-card__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--hu-category-color, var(--hu-color-border)) 20%,transparent);flex-wrap:wrap}.hu-category-card__more{font-size:.8rem;color:var(--hu-category-color, var(--hu-color-subtle));font-weight:500}.hu-tool-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hu-tool-item{list-style:none}.hu-tool-link{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border);background:var(--hu-color-surface);transition:transform var(--hu-transition),border-color var(--hu-transition),background var(--hu-transition),box-shadow var(--hu-transition)}.hu-tool-link:hover{text-decoration:none;transform:translateY(-1px);border-color:var(--hu-category-color, var(--hu-color-border-strong));background:var(--hu-category-color-soft, var(--hu-color-surface-subtle));box-shadow:0 16px 28px -22px var(--hu-category-color, rgba(15, 23, 42, .4))}.hu-tool-link__name{font-size:.95rem;font-weight:600;color:var(--hu-category-color, var(--hu-color-text))}.hu-tool-link__summary{font-size:.78rem;color:var(--hu-color-subtle);line-height:1.35}.hu-card__heading{display:flex;flex-direction:column;gap:.4rem}.hu-card__title{margin:0;font-size:1.25rem;font-weight:600;padding-bottom:8px}.hu-card__description{margin:0;color:var(--hu-color-muted);font-size:.95rem}.hu-hint-list{margin:.5rem 0 0;padding-left:1.25rem;color:var(--hu-color-subtle);font-size:.85rem}.hu-category-hero{border-radius:var(--hu-radius-lg);padding:1.75rem 1.85rem;background:var(--hu-color-surface);border:1px solid var(--hu-color-border)}.hu-category-hero .hu-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--hu-color-text);font-weight:700}.hu-hero-secondary{margin:0;font-size:.9rem;color:var(--hu-color-muted);max-width:640px}.hu-category-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem}.hu-category-hero__badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:var(--hu-radius-pill);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--hu-color-accent-soft);color:var(--hu-color-accent);border:1px solid var(--hu-color-accent);border-opacity:.2}.hu-category-main{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.hu-category-aside{position:sticky;top:1.5rem}.hu-category-section{gap:1.5rem;border-color:color-mix(in srgb,var(--hu-category-color, var(--hu-color-border)) 25%,transparent)}.hu-category-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--hu-category-color, var(--hu-color-border)) 18%,transparent)}.hu-category-section__title-row{display:flex;align-items:center;gap:.6rem}.hu-category-section__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--hu-category-color, var(--hu-color-accent-strong))}.hu-category-section__description{margin:.25rem 0 0;font-size:.95rem;color:var(--hu-color-muted)}.hu-category-section__count{font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.08em;color:var(--hu-category-inverse);padding:.3rem .6rem;border-radius:var(--hu-radius-pill);background:var(--hu-category-color, var(--hu-color-accent));border:none;white-space:nowrap}.hu-category-nav{gap:1rem;background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border)}.hu-category-nav__title{margin:0;font-size:1rem;font-weight:600}.hu-category-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.hu-category-chip-list li{list-style:none}.hu-category-chip{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:var(--hu-radius-sm);border:none;background:none;font-size:.9rem;font-weight:500;color:var(--hu-category-color, var(--hu-color-accent));transition:color var(--hu-transition)}.hu-category-chip:hover{text-decoration:underline;color:var(--hu-category-color, var(--hu-color-accent))}.hu-category-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.hu-category-meta__item{font-size:.9rem;color:var(--hu-color-muted)}.hu-category-meta__item strong{font-weight:700;color:var(--hu-color-accent)}.hu-preset-card{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:.75rem 1rem;background:var(--hu-color-surface-subtle);cursor:pointer;transition:transform var(--hu-transition),border-color var(--hu-transition),background var(--hu-transition),box-shadow var(--hu-transition);color:var(--hu-color-text)}.hu-preset-card:hover{transform:translateY(-1px);border-color:var(--hu-color-border-strong);background:var(--hu-color-accent-soft);box-shadow:var(--hu-shadow-floating)}.hu-preset-card h3{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--hu-color-text)}.hu-preset-card p{margin:0;font-size:.8rem;color:var(--hu-color-subtle)}.hu-preset-card code{font-family:Source Code Pro,ui-monospace,monospace;font-size:.85rem;color:var(--hu-color-accent-strong);background:var(--hu-color-surface);padding:.2rem .4rem;border-radius:var(--hu-radius-sm)}@media (max-width: 960px){.hu-category-main{grid-template-columns:1fr}.hu-category-aside{position:static}}.hu-tag{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .5rem;border-radius:var(--hu-radius-pill);background-color:var(--hu-color-accent-soft);color:var(--hu-color-accent-strong);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hu-stack{display:flex}.hu-stack--horizontal{flex-direction:row}.hu-stack--vertical{flex-direction:column}.hu-stack--gap-sm>*+*{margin-top:0;margin-left:0}.hu-stack--gap-md>*+*{margin-top:0;margin-left:0}.hu-stack--gap-lg>*+*{margin-top:0;margin-left:0}.hu-stack--vertical.hu-stack--gap-sm>*+*{margin-top:.5rem}.hu-stack--vertical.hu-stack--gap-md>*+*{margin-top:1rem}.hu-stack--vertical.hu-stack--gap-lg>*+*{margin-top:1.75rem}.hu-stack--horizontal.hu-stack--gap-sm>*+*{margin-left:.5rem}.hu-stack--horizontal.hu-stack--gap-md>*+*{margin-left:1rem}.hu-stack--horizontal.hu-stack--gap-lg>*+*{margin-left:1.75rem}.hu-stack--align-start{align-items:flex-start}.hu-stack--align-center{align-items:center}.hu-stack--align-end{align-items:flex-end}.hu-stack--align-stretch{align-items:stretch}.hu-stack--justify-start{justify-content:flex-start}.hu-stack--justify-center{justify-content:center}.hu-stack--justify-end{justify-content:flex-end}.hu-stack--justify-between{justify-content:space-between}.hu-table{width:100%;border-collapse:collapse;border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);overflow:hidden;background:var(--hu-color-surface)}.hu-table th,.hu-table td{padding:.75rem .85rem;text-align:left;border-bottom:1px solid var(--hu-color-border);font-size:.88rem}.hu-table thead{background:var(--hu-color-surface-subtle);color:var(--hu-color-subtle);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.hu-table__tokens{text-align:right;font-variant-numeric:tabular-nums}.hu-table__note{margin:.25rem 0 0;font-size:.78rem;color:var(--hu-color-subtle)}.hu-table__row--active{background:var(--hu-color-accent-soft)}.hu-toggle-row{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--hu-color-surface-subtle);border-radius:var(--hu-radius-md);width:fit-content}.hu-toggle-button{padding:.5rem 1rem;border:none;background:transparent;color:var(--hu-color-muted);font-size:.9rem;font-weight:500;border-radius:var(--hu-radius-sm);cursor:pointer;transition:all var(--hu-transition)}.hu-toggle-button:hover{color:var(--hu-color-text);background:var(--hu-color-surface)}.hu-toggle-button.is-active{background:var(--hu-color-surface);color:var(--hu-color-accent);font-weight:600;box-shadow:0 1px 3px #0000001a}.hu-summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.hu-summary-item{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background:var(--hu-color-surface-subtle);border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border)}.hu-summary-item span{font-size:.8rem;color:var(--hu-color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hu-summary-item strong{font-size:1.25rem;color:var(--hu-color-text);font-weight:700;font-variant-numeric:tabular-nums}.hu-sla-table table{margin-top:1rem}.hu-case-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hu-case-card{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:1rem;background:var(--hu-color-surface-subtle);display:grid;gap:.75rem}.hu-case-card__header{display:flex;flex-direction:column;gap:.25rem}.hu-case-card__header h2{margin:0 0 .25rem;font-size:1rem}.hu-case-card__header p{margin:0;font-size:.85rem;color:var(--hu-color-subtle)}.hu-data-tree{background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:.75rem .9rem;font-family:Source Code Pro,Courier New,monospace;font-size:.85rem;line-height:1.5;max-height:360px;overflow:auto}.hu-data-tree__branch+.hu-data-tree__branch,.hu-data-tree__leaf+.hu-data-tree__leaf{margin-top:.35rem}.hu-data-tree details{border-left:2px solid rgba(148,163,184,.3);padding-left:.65rem}.hu-data-tree__summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;list-style:none;cursor:pointer;color:var(--hu-color-text);padding:.35rem .5rem .35rem 1.2rem;border-radius:var(--hu-radius-sm)}.hu-data-tree__summary::-webkit-details-marker{display:none}.hu-data-tree__summary:hover{background:#94a3b81f}.hu-data-tree__summary:before{content:">";position:absolute;left:.35rem;color:var(--hu-color-subtle);transition:transform var(--hu-transition);font-weight:600}.hu-data-tree details[open]>.hu-data-tree__summary:before{transform:rotate(90deg)}.hu-data-tree__children{margin-top:.35rem;display:grid;gap:.35rem}.hu-data-tree__key{font-weight:600}.hu-data-tree__meta{font-size:.75rem;color:var(--hu-color-subtle)}.hu-data-tree__leaf{display:flex;justify-content:space-between;gap:1rem}.hu-data-tree__value{color:var(--hu-color-accent-strong)}.hu-color-preview{border-radius:var(--hu-radius-lg);padding:2rem;display:flex;align-items:flex-end;justify-content:flex-start;box-shadow:inset 0 0 0 1px #0f172a0d;min-height:180px}.hu-color-chip-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.hu-section{display:flex;flex-direction:column;gap:1.5rem}.hu-section__header{display:flex;flex-direction:column;gap:.5rem}.hu-section__title{margin:0;font-size:1.5rem;font-weight:600}.hu-section__description{margin:0;color:var(--hu-color-muted)}.hu-section__content{display:contents}.hu-stats{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--hu-color-surface-subtle);border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border);font-size:.9rem;color:var(--hu-color-muted)}.hu-section-title{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--hu-color-text)}.hu-field-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hu-result-card{padding:1.5rem;background:var(--hu-color-accent-soft);border:1px solid var(--hu-color-accent-outline);border-radius:var(--hu-radius-lg);text-align:center}.hu-result-card__header{margin-bottom:.75rem}.hu-result-card__title{margin:0;font-size:.9rem;font-weight:600;color:var(--hu-color-subtle);text-transform:uppercase;letter-spacing:.05em}.hu-result-card__value{font-size:clamp(1.6rem,2.8vw + 1rem,3rem);font-weight:700;color:var(--hu-color-accent-strong);line-height:1.2;margin:.5rem 0;word-break:break-word;overflow-wrap:anywhere}.hu-result-card__unit{font-size:1.5rem;font-weight:500;color:var(--hu-color-muted)}.hu-result-card__note{margin:.75rem 0 0;font-size:.85rem;color:var(--hu-color-subtle)}.hu-comparison-list{display:flex;flex-direction:column;gap:.75rem}.hu-comparison-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);gap:1rem}.hu-comparison-item__info{display:flex;flex-direction:column;gap:.25rem}.hu-comparison-item__value{font-weight:600;color:var(--hu-color-accent-strong);white-space:nowrap}.hu-info-box{padding:1rem 1.25rem;background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);border-left:4px solid var(--hu-color-accent)}.hu-info-box h4{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--hu-color-text)}.hu-info-box p{margin:0 0 .75rem;font-size:.85rem;color:var(--hu-color-muted);line-height:1.5}.hu-info-box p:last-child{margin-bottom:0}.hu-footer{margin-top:auto;font-size:.85rem;color:var(--hu-color-subtle);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hu-footer a{color:var(--hu-color-accent);font-weight:600;transition:color var(--hu-transition)}.hu-footer a:hover{color:var(--hu-color-purple)}.hu-breadcrumb-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hu-breadcrumb{font-size:.85rem;color:var(--hu-color-muted);margin:0}.hu-breadcrumb a{color:var(--hu-color-accent);font-weight:500;transition:color var(--hu-transition)}.hu-breadcrumb a:hover{color:var(--hu-color-purple)}.hu-tool-layout{min-height:100vh;padding:2.5rem 1.5rem 3rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.hu-tool-heading{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.75rem;background:var(--hu-color-accent-soft);border-radius:var(--hu-radius-lg);border-left:4px solid var(--hu-color-accent)}.hu-tool-title{margin:0;font-size:clamp(2rem,2vw + 1rem,2.75rem);color:var(--hu-color-accent-strong);font-weight:700}.hu-tool-description{margin:0;color:var(--hu-color-muted);font-size:1.05rem}.hu-tool-card{gap:1.5rem}.hu-control-stack{gap:1.25rem}.hu-control-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.hu-label{display:flex;flex-direction:column;gap:.45rem;font-weight:600;color:var(--hu-color-text)}.hu-button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.hu-copy-state{font-size:.9rem;font-weight:500;padding:.5rem .75rem;border-radius:var(--hu-radius-md);background:var(--hu-color-success-soft);color:var(--hu-color-success-text)}.hu-copy-state--error{background:var(--hu-color-danger-soft);color:var(--hu-color-danger-text)}.hu-uuid-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.hu-uuid-row{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--hu-radius-md);background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border);flex-wrap:wrap}.hu-uuid-value{font-family:Source Code Pro,Courier New,monospace;font-size:.95rem;color:var(--hu-color-text);background:var(--hu-color-surface);padding:.2rem .4rem;border-radius:var(--hu-radius-sm);-webkit-user-select:all;user-select:all}@media (max-width: 768px){.hu-tool-layout,.hu-app-shell{padding:2rem 1rem 2.5rem}.hu-grid,.hu-metric-grid,.hu-field-grid,.hu-tool-list{grid-template-columns:1fr}.hu-filter-row__remove{width:100%;justify-self:stretch}.hu-control-row{align-items:stretch}.hu-label,.hu-button-row{width:100%}.hu-input{min-width:0}.hu-uuid-row{flex-direction:column;align-items:stretch}.hu-uuid-value{width:100%;text-align:center}.hu-category-card__description,.hu-category-section__description,.hu-hero-secondary{display:none}.hu-category-hero{padding:1.25rem 1.35rem}.hu-category-hero__meta{gap:.4rem}.hu-category-chip-list{overflow-x:auto;padding-bottom:.25rem}.hu-category-chip{white-space:nowrap}}@media (max-width: 540px){.hu-filter-row{grid-template-columns:1fr}.hu-filter-row__remove{margin-top:.25rem}}.hu-theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--hu-color-accent-soft);color:var(--hu-color-accent-strong);width:2.5rem;height:2.5rem;border-radius:var(--hu-radius-pill);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--hu-transition),color var(--hu-transition),transform var(--hu-transition),box-shadow var(--hu-transition);border:1px solid var(--hu-color-border)}.hu-theme-toggle:hover{background:var(--hu-color-accent-soft-strong);transform:translateY(-1px);box-shadow:var(--hu-shadow-floating)}.hu-theme-toggle:active{transform:translateY(0)}.hu-theme-toggle svg{display:block}:root.dark .hu-theme-toggle{color:var(--hu-color-text)}.hu-app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.hu-app-header__content{flex:1;min-width:280px}.hu-tool-header-container{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.hu-diff-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;font-weight:500}.hu-diff-stat{padding:.4rem .75rem;border-radius:var(--hu-radius-md);background:var(--hu-color-surface-subtle);border:1px solid var(--hu-color-border)}.hu-diff-stat--added{background:#10b9811a;color:var(--hu-color-success-text);border-color:#10b9814d}.hu-diff-stat--removed{background:#ef44441a;color:var(--hu-color-danger-text);border-color:#ef44444d}.hu-diff-stat--modified{background:#f59e0b1a;color:#b45309;border-color:#f59e0b4d}.hu-diff-stat--unchanged{background:var(--hu-color-surface-subtle);color:var(--hu-color-subtle)}.hu-diff-results{overflow:auto;border-radius:var(--hu-radius-md)}.hu-diff-empty{padding:2rem;text-align:center;color:var(--hu-color-muted);background:var(--hu-color-surface-subtle);border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border)}.hu-diff-table{width:100%;border-collapse:collapse;font-size:.85rem;background:var(--hu-color-surface);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);overflow:hidden}.hu-diff-table th,.hu-diff-table td{padding:.75rem .85rem;text-align:left;border-bottom:1px solid var(--hu-color-border)}.hu-diff-table thead{background:var(--hu-color-surface-subtle);color:var(--hu-color-subtle);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.hu-diff-table tbody tr:last-child td{border-bottom:none}.hu-diff-path code{font-family:Source Code Pro,Courier New,monospace;font-size:.85rem;color:var(--hu-color-text);font-weight:600}.hu-diff-type{text-transform:capitalize;font-weight:600}.hu-diff-value code{font-family:Source Code Pro,Courier New,monospace;font-size:.8rem;padding:.2rem .4rem;border-radius:var(--hu-radius-sm);background:var(--hu-color-surface-subtle);display:inline-block;max-width:300px;overflow:auto;white-space:pre-wrap;word-break:break-word}.hu-diff-row--added{background:#10b9810d}.hu-diff-row--added .hu-diff-type{color:var(--hu-color-success-text)}.hu-diff-row--removed{background:#ef44440d}.hu-diff-row--removed .hu-diff-type{color:var(--hu-color-danger-text)}.hu-diff-row--modified{background:#f59e0b0d}.hu-diff-row--modified .hu-diff-type{color:#b45309}:root.dark .hu-diff-stat--modified{color:#fbbf24}:root.dark .hu-diff-row--modified .hu-diff-type{color:#fbbf24}.hu-form-field{display:flex;flex-direction:column;gap:.35rem}.hu-field-label{font-weight:600;font-size:.9rem;color:var(--hu-color-text);display:flex;justify-content:space-between;align-items:center}.hu-field-help{margin:0;font-size:.8rem;color:var(--hu-color-muted);line-height:1.45}.hu-field-error{margin:0;font-size:.8rem;color:var(--hu-color-danger-text)}.hu-color-control{display:flex;flex-direction:column;gap:.5rem}.hu-color-control__inputs{display:flex;align-items:center;gap:.6rem}.hu-color-picker{width:2.75rem;height:2.75rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border);background:var(--hu-color-surface);cursor:pointer}.hu-color-picker:focus-visible{outline:2px solid var(--hu-color-accent-outline);outline-offset:2px}.hu-tag-status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--hu-radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--hu-color-surface-subtle);color:var(--hu-color-subtle)}.hu-tag-status.is-pass{background:var(--hu-color-success-soft);color:var(--hu-color-success-text)}.hu-tag-status.is-fail{background:var(--hu-color-danger-soft);color:var(--hu-color-danger-text)}.hu-contrast-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border);background:var(--hu-color-surface-subtle)}.hu-contrast-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hu-color-subtle)}.hu-contrast-ratio{margin:0;font-size:2rem;font-weight:700;color:var(--hu-color-text)}.hu-contrast-ratio span{display:block;font-size:.85rem;font-weight:500;color:var(--hu-color-muted)}.hu-status-tile{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:1rem;background:var(--hu-color-surface-subtle);display:flex;flex-direction:column;gap:.5rem}.hu-status-tile header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hu-status-heading{margin:0;font-size:.95rem;font-weight:600}.hu-status-description{margin:0;font-size:.85rem;color:var(--hu-color-muted)}.hu-status-threshold{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hu-color-subtle)}.hu-contrast-meta{font-size:.8rem;color:var(--hu-color-subtle);margin-top:.25rem}.hu-suggestions header{margin-bottom:.75rem}.hu-suggestions h3{margin:0;font-size:1.05rem}.hu-suggestions p{margin:.25rem 0 0;font-size:.85rem;color:var(--hu-color-muted)}.hu-suggestion-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hu-suggestion-card{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);background:var(--hu-color-surface-subtle);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.hu-suggestion-card header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.hu-suggestion-level{font-size:.9rem;font-weight:600}.hu-suggestion-description{margin:0;font-size:.85rem;color:var(--hu-color-muted)}.hu-suggestion-variant{display:flex;flex-direction:column;gap:.6rem}.hu-suggestion-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hu-color-subtle)}.hu-swatch-row{display:flex;align-items:center;gap:.6rem}.hu-swatch{width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--hu-color-border);box-shadow:var(--hu-shadow-inner)}.hu-swatch-value{font-family:Source Code Pro,Courier New,monospace;font-size:.85rem;color:var(--hu-color-text)}.hu-image-extractor{display:flex;flex-direction:column;gap:1rem}.hu-image-preview{max-width:260px;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border)}.hu-palette-title{margin:0;font-size:1.2rem;font-weight:700}.hu-palette-description{margin:.25rem 0 0;font-size:.9rem;color:var(--hu-color-muted)}.hu-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem}.hu-palette-swatch,.hu-scale-swatch,.hu-simulator-swatch{position:relative;border:none;border-radius:var(--hu-radius-md);padding:1rem;min-height:130px;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;cursor:pointer;color:#0f172a;box-shadow:var(--hu-shadow-soft);transition:transform var(--hu-transition),box-shadow var(--hu-transition)}.hu-palette-swatch:hover,.hu-scale-swatch:hover,.hu-simulator-swatch:hover{transform:translateY(-2px);box-shadow:var(--hu-shadow-floating)}.hu-swatch-hex{font-family:Source Code Pro,Courier New,monospace;font-size:.85rem}.hu-swatch-label{font-size:.9rem;font-weight:600}.hu-swatch-subtitle{font-size:.75rem;opacity:.85}.hu-swatch-toast{position:absolute;top:.6rem;right:.75rem;padding:.25rem .55rem;border-radius:var(--hu-radius-pill);background:#0f172ad9;color:#f8fafc;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.hu-export-block{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);background:var(--hu-color-surface-subtle);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.hu-export-block header h3{margin:0;font-size:1.05rem}.hu-export-block header p{margin:.25rem 0 0;font-size:.85rem;color:var(--hu-color-muted)}.hu-code-block{margin:0;padding:1rem;border-radius:var(--hu-radius-md);background:var(--hu-color-surface);color:var(--hu-color-text);border:1px solid var(--hu-color-border);font-family:Source Code Pro,Courier New,monospace;font-size:.85rem;width:100%}.hu-stop-editor header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.hu-stop-list{display:flex;flex-direction:column;gap:.75rem}.hu-stop-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:.75rem;background:var(--hu-color-surface-subtle)}.hu-stop-index{font-weight:600;min-width:2rem;text-align:center;color:var(--hu-color-text)}.hu-stop-color{min-width:140px}.hu-stop-position{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.hu-stop-position input[type=range]{width:100%}.hu-gradient-preview{height:180px;border-radius:var(--hu-radius-lg);border:1px solid var(--hu-color-border);box-shadow:var(--hu-shadow-inner)}.hu-palette-editor header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.hu-palette-editor__grid{display:flex;flex-direction:column;gap:.75rem}.hu-palette-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:.75rem;background:var(--hu-color-surface-subtle)}.hu-simulator-preview header{margin-bottom:.75rem}.hu-simulator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.hu-simulator-column{display:flex;flex-direction:column;gap:.5rem}.hu-simulator-column strong{font-size:.75rem;color:var(--hu-color-subtle);text-transform:uppercase;letter-spacing:.05em}.hu-suggestion-panel header{margin-bottom:.75rem}.hu-scale-preview header{margin-bottom:.75rem}.hu-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.hu-scale-swatch{cursor:pointer;color:inherit}.hu-swatch-contrast{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.hu-checkbox-field{display:flex}.hu-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--hu-color-text)}.hu-checkbox input{width:1.1rem;height:1.1rem}.hu-preview{display:flex;flex-direction:column;gap:.5rem}.hu-preview h3{margin:0;font-size:1rem}.hu-preview-surface{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:1rem;background:var(--hu-color-surface-subtle);color:var(--hu-color-text);line-height:1.6;min-height:120px}.hu-preview-surface p,.hu-preview-surface h2{margin:0 0 .75rem}.hu-dropzone{border:2px dashed var(--hu-color-border-strong);border-radius:var(--hu-radius-lg);padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:var(--hu-color-surface-subtle);transition:border-color var(--hu-transition),background var(--hu-transition);flex-wrap:wrap}.hu-dropzone strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.hu-dropzone__badge{font-size:.85rem;color:var(--hu-color-muted)}.hu-dropzone.is-dragging{border-color:var(--hu-color-accent);background:var(--hu-color-accent-soft)}.hu-data-grid{display:flex;flex-direction:column;gap:1rem}.hu-data-row{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);background:var(--hu-color-surface-subtle);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.hu-data-row__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.hu-data-row__title{margin:0;font-size:1rem;font-weight:600}.hu-data-row__meta{margin:0;font-size:.85rem;color:var(--hu-color-muted)}.hu-data-row__preview img{max-height:120px;border-radius:var(--hu-radius-md);border:1px solid var(--hu-color-border)}.hu-data-row__code{font-family:Source Code Pro,Courier New,monospace;font-size:.8rem;word-break:break-all;background:var(--hu-color-surface);border-radius:var(--hu-radius-md);padding:.75rem;border:1px solid var(--hu-color-border);color:var(--hu-color-subtle)}@media (max-width: 720px){.hu-contrast-summary{flex-direction:column;align-items:flex-start}.hu-dropzone{justify-content:center;text-align:center}.hu-data-row__preview img{max-width:100%}}.hu-provider-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.25rem}.hu-provider-card{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:1rem;background:var(--hu-color-surface-subtle);cursor:pointer;text-align:left;transition:transform var(--hu-transition),border-color var(--hu-transition),background var(--hu-transition),box-shadow var(--hu-transition)}.hu-provider-card:hover{transform:translateY(-2px);border-color:var(--hu-color-border-strong);box-shadow:var(--hu-shadow-card)}.hu-provider-card header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.hu-provider-card header span{font-weight:600;font-size:.95rem;color:var(--hu-color-text)}.hu-provider-card p{margin:0;font-size:.85rem;color:var(--hu-color-muted)}.hu-provider-card.is-active{background:var(--hu-color-accent-soft);border-color:var(--hu-color-accent)}.hu-results-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hu-provider-result{border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);padding:1.25rem;background:var(--hu-color-surface-subtle);display:flex;flex-direction:column;gap:1rem}.hu-provider-result>header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.hu-provider-result h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.hu-provider-latency{margin:0;font-size:.8rem;color:var(--hu-color-muted);font-family:Source Code Pro,Courier New,monospace}.hu-provider-summary{margin:0;font-size:.85rem;color:var(--hu-color-subtle)}.hu-dns-answer{padding-top:.75rem;border-top:1px solid var(--hu-color-border)}.hu-dns-answer h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hu-dns-answer table{width:100%;border-collapse:collapse;background:var(--hu-color-surface);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md);overflow:hidden;font-size:.85rem}.hu-dns-answer th,.hu-dns-answer td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--hu-color-border)}.hu-dns-answer thead{background:var(--hu-color-surface-subtle)}.hu-dns-answer th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hu-color-subtle)}.hu-dns-answer td{font-family:Source Code Pro,ui-monospace,monospace}.hu-dns-answer tbody tr:last-child td{border-bottom:none}.hu-dns-answer p{margin:0;font-size:.85rem;color:var(--hu-color-muted);padding:1rem;text-align:center;background:var(--hu-color-surface);border:1px solid var(--hu-color-border);border-radius:var(--hu-radius-md)}