.hmac-generator{--hmac-monospace: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--hmac-bg: var(--color-background, #f5f5f5);--hmac-surface: var(--color-surface, #ffffff);--hmac-text: var(--color-text, #1a1a1a);--hmac-border: var(--color-border, #e5e5e5);--hmac-accent: #d4a017;--hmac-accent-soft: #fff3a0;--hmac-success: #16a34a;--hmac-error: #c0392b;--hmac-warning: #d97706;display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;font-family:var(--font-sans, system-ui, -apple-system, sans-serif)}.hmac-generator h1{margin:0 0 .5rem;font-size:1.75rem}.hmac-generator h2{font-size:1.15rem;margin:1rem 0 .5rem}.hmac-generator p{margin:0 0 .5rem}.hmac-generator__panel{background:var(--hmac-surface);border:1px solid var(--hmac-border);border-radius:6px;padding:.75rem 1rem}.hmac-generator__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:768px){.hmac-generator__row{grid-template-columns:1fr}}.hmac-generator__field{display:block;margin-bottom:.5rem}.hmac-generator__field-label{display:block;font-weight:600;margin-bottom:.25rem}.hmac-generator__input,.hmac-generator__select,.hmac-generator__textarea{width:100%;font-family:inherit;font-size:.95rem;padding:.5rem;border:1px solid var(--hmac-border);border-radius:4px;background:var(--hmac-bg);color:var(--hmac-text);box-sizing:border-box}.hmac-generator__textarea{font-family:var(--hmac-monospace);min-height:5rem;resize:vertical}.hmac-generator__input[aria-invalid=true]{border-color:var(--hmac-error)}.hmac-generator__field-error{display:block;color:var(--hmac-error);font-size:.85rem;margin-top:.25rem}.hmac-generator__button-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0}.hmac-generator__button{padding:.4rem .9rem;border:1px solid var(--hmac-border);border-radius:4px;background:var(--hmac-bg);color:var(--hmac-text);font-size:.9rem;cursor:pointer}.hmac-generator__button:hover{background:var(--hmac-accent-soft)}.hmac-generator__button--primary{background:var(--hmac-accent);color:#fff;border-color:var(--hmac-accent)}.hmac-generator__button:focus-visible{outline:2px solid var(--hmac-accent);outline-offset:2px}.hmac-generator__toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.hmac-generator__toggle input{transform:translateY(1px)}.hmac-generator__constant-time-warning{color:var(--hmac-warning);background:color-mix(in srgb,var(--hmac-warning) 10%,transparent);border:1px solid var(--hmac-warning);border-radius:4px;padding:.5rem .75rem;font-size:.85rem;margin:.5rem 0}.hmac-generator__annotation{font-size:.85rem;color:var(--hmac-text);margin-top:.25rem;font-style:italic}.hmac-generator__annotation--warning{color:var(--hmac-warning);font-style:normal;font-weight:600}.hmac-generator__empty-hint{text-align:center;color:var(--hmac-text);opacity:.7;padding:1.5rem 1rem;border:1px dashed var(--hmac-border);border-radius:6px;background:var(--hmac-bg)}.hmac-generator__results{display:grid;grid-template-columns:1fr;gap:.5rem}.hmac-generator__result-row{display:grid;grid-template-columns:130px 1fr;align-items:start;gap:.5rem;padding:.5rem;background:var(--hmac-bg);border:1px solid var(--hmac-border);border-radius:4px}.hmac-generator__result-name{font-weight:600;font-family:var(--hmac-monospace);padding-top:.4rem}.hmac-generator__result-values{display:flex;flex-direction:column;gap:.4rem}.hmac-generator__result-hex,.hmac-generator__result-base64{display:flex;align-items:center;gap:.4rem;font-family:var(--hmac-monospace);font-size:.85rem;word-break:break-all}.hmac-generator__result-label{font-weight:600;min-width:60px}.hmac-generator__result-value{flex:1}.hmac-generator__result-actions{display:flex;gap:.25rem}.hmac-generator__match{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;padding:.3rem .5rem;border-radius:4px;font-size:.85rem}.hmac-generator__match--match{background:color-mix(in srgb,var(--hmac-success) 20%,transparent);color:var(--hmac-success)}.hmac-generator__match--no-match{background:color-mix(in srgb,var(--hmac-error) 20%,transparent);color:var(--hmac-error)}.hmac-generator__match-icon{font-size:1rem;line-height:1}.hmac-generator__curl-input{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.hmac-generator__curl-input input{flex:1}.hmac-generator__copy-button{padding:.25rem .5rem;border:1px solid var(--hmac-border);border-radius:4px;background:var(--hmac-bg);color:var(--hmac-text);font-size:.8rem;cursor:pointer}.hmac-generator__copy-button:hover{background:var(--hmac-accent-soft)}.hmac-generator__toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--hmac-accent);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;z-index:1000}.hmac-generator__examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.hmac-generator__example-item{text-align:left;padding:.5rem .75rem;border:1px solid var(--hmac-border);border-radius:4px;background:var(--hmac-bg);color:var(--hmac-text);cursor:pointer}.hmac-generator__example-item:hover{background:var(--hmac-accent-soft)}.hmac-generator__example-item-title{font-weight:600}.hmac-generator__example-item-desc{font-size:.85rem;opacity:.8}.hmac-generator__segmented{display:inline-flex;flex-wrap:wrap;gap:0;padding:.25rem;border:1px solid var(--hmac-border);border-radius:999px;background:var(--hmac-surface);margin:.5rem 0 .75rem;overflow-x:auto;max-width:100%}.hmac-generator__segment{appearance:none;border:0;background:transparent;color:var(--hmac-text);font:inherit;font-size:.85rem;font-family:var(--hmac-monospace);padding:.35rem .85rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.hmac-generator__segment:hover:not(.hmac-generator__segment--active){background:color-mix(in srgb,var(--hmac-accent) 12%,transparent)}.hmac-generator__segment--active{background:var(--hmac-accent);color:#fff;font-weight:600}.hmac-generator__segment:focus-visible{outline:2px solid var(--hmac-accent);outline-offset:2px}[data-theme=dark] .hmac-generator{--hmac-bg: #1a1a1a;--hmac-surface: #2a2a2a;--hmac-text: #e5e5e5;--hmac-border: #444;--hmac-accent: #f0b429;--hmac-accent-soft: #3a2f0a;--hmac-success: #4ade80;--hmac-error: #f87171;--hmac-warning: #fbbf24}[data-theme=dark] .hmac-generator__panel{background:var(--hmac-surface);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__input,[data-theme=dark] .hmac-generator__select,[data-theme=dark] .hmac-generator__textarea{background:var(--hmac-bg);color:var(--hmac-text);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__input::placeholder,[data-theme=dark] .hmac-generator__textarea::placeholder{color:#888}[data-theme=dark] .hmac-generator__segmented{background:var(--hmac-bg);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__segment{color:var(--hmac-text)}[data-theme=dark] .hmac-generator__segment--active{background:var(--hmac-accent);color:#1a1a1a}[data-theme=dark] .hmac-generator__empty-hint,[data-theme=dark] .hmac-generator__example-item{background:var(--hmac-bg);color:var(--hmac-text);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__example-item:hover{background:var(--hmac-accent-soft)}[data-theme=dark] .hmac-generator__copy-button{background:var(--hmac-bg);color:var(--hmac-text);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__copy-button:hover{background:var(--hmac-accent-soft)}[data-theme=dark] .hmac-generator__result-row{background:var(--hmac-bg);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__result-hex,[data-theme=dark] .hmac-generator__result-base64{background:var(--hmac-surface);color:var(--hmac-text);border-color:var(--hmac-border)}[data-theme=dark] .hmac-generator__match--match{background:color-mix(in srgb,var(--hmac-success) 25%,transparent);color:var(--hmac-success)}[data-theme=dark] .hmac-generator__match--no-match{background:color-mix(in srgb,var(--hmac-error) 25%,transparent);color:var(--hmac-error)}