.jhw-hex-color-inspector{--hci-bg: var(--color-surface);--hci-card: var(--color-bg);--hci-ink: var(--color-text);--hci-muted: var(--color-text-muted);--hci-accent: var(--color-primary);--hci-accent-soft: var(--color-primary-soft);--hci-border: var(--color-border)}.jhw-hex-color-inspector [hidden]{display:none!important}.jhw-hex-color-inspector__mode{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.jhw-hex-color-inspector__mode-button.is-active{--wc-button-bg: var(--wc-button-primary-bg);--wc-button-text: var(--wc-button-primary-text);--wc-button-border: var(--wc-button-primary-border);--wc-button-bg-hover: var(--wc-button-primary-hover-bg);--wc-button-text-hover: var(--wc-button-primary-hover-text);--wc-button-border-hover: var(--wc-button-primary-hover-border)}.jhw-hex-color-inspector__layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.jhw-hex-color-inspector__panel--output{display:grid;gap:18px}.jhw-hex-color-inspector__panel--swatches{margin-top:24px}.jhw-hex-color-inspector__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.jhw-hex-color-inspector__panel-title{font-size:18px;margin:0}.jhw-hex-color-inspector__panel-section{display:grid;gap:10px}.jhw-hex-color-inspector__panel-section textarea.wc-input{resize:vertical}.jhw-hex-color-inspector__hint{margin:0;font-size:12px;color:var(--hci-muted)}.jhw-hex-color-inspector__swatch{border-radius:var(--wc-radius-lg);padding:18px;background:var(--hci-swatch, var(--color-surface));color:var(--hci-swatch-text, var(--hci-muted));border:1px solid var(--hci-border);min-height:140px;display:flex;align-items:center}.jhw-hex-color-inspector__swatch-inner{display:grid;gap:6px}.jhw-hex-color-inspector__swatch-hex{margin:0;font-size:22px;font-weight:700}.jhw-hex-color-inspector__swatch-text{margin:0;font-size:13px;opacity:.8}.jhw-hex-color-inspector__values{display:grid;gap:12px}.jhw-hex-color-inspector__value-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.jhw-hex-color-inspector__value-label{margin:0 0 4px;font-size:12px;color:var(--hci-muted)}.jhw-hex-color-inspector__value{margin:0;font-family:var(--wc-font-mono);font-size:15px}.jhw-hex-color-inspector__contrast{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.jhw-hex-color-inspector__contrast-card{border-radius:var(--wc-radius-md);padding:12px;border:1px solid var(--hci-border);background:var(--color-surface);display:grid;gap:6px}.jhw-hex-color-inspector__contrast-value{margin:0;font-weight:600}.jhw-hex-color-inspector__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--color-primary-soft);color:var(--hci-ink);width:fit-content}.jhw-hex-color-inspector__badge.is-pass{background:color-mix(in srgb,var(--color-success) 18%,var(--color-primary-soft));color:var(--color-success)}.jhw-hex-color-inspector__badge.is-fail{background:color-mix(in srgb,var(--color-danger) 18%,var(--color-primary-soft));color:var(--color-danger)}.jhw-hex-color-inspector__tints{display:grid;gap:10px}.jhw-hex-color-inspector__tints-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px}.jhw-hex-color-inspector button.jhw-hex-color-inspector__tint-button{border:1px solid var(--hci-border);border-radius:var(--wc-radius-sm);min-height:44px;background:var(--hci-tint, var(--color-surface));color:var(--hci-tint-text, var(--hci-ink));font-family:var(--wc-font-mono);font-size:11px;padding:6px;cursor:pointer}.jhw-hex-color-inspector__invalid{border-radius:var(--wc-radius-md);border:1px solid color-mix(in srgb,var(--color-danger) 28%,var(--hci-border));background:color-mix(in srgb,var(--color-danger) 6%,var(--color-surface));padding:10px 12px;display:grid;gap:6px}.jhw-hex-color-inspector__invalid-title{margin:0;font-size:12px;font-weight:600;color:var(--color-danger)}.jhw-hex-color-inspector__invalid-list{margin:0;padding-left:18px;font-size:12px;color:var(--color-danger)}.jhw-hex-color-inspector__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.jhw-hex-color-inspector__history{margin-top:20px;padding:14px 16px;border-radius:var(--wc-radius-md);border:1px solid var(--hci-border);background:var(--color-surface)}.jhw-hex-color-inspector__history-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.jhw-hex-color-inspector__history-actions{display:flex;align-items:baseline;gap:12px}.jhw-hex-color-inspector__history-title{margin:0;font-size:.95rem;font-weight:600}.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-title-button,.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-clear{border:none;background:transparent;color:var(--hci-muted);font-weight:600;cursor:pointer}.jhw-hex-color-inspector__history-title-button{display:inline-flex;align-items:center;gap:8px;padding:0}.jhw-hex-color-inspector__history-title-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--wc-radius-sm);border:1px solid var(--hci-border);color:var(--hci-accent);font-size:.9rem;line-height:1}.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-title-button:hover,.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-title-button:focus,.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-clear:hover,.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-clear:focus{color:var(--hci-accent);background:transparent}.jhw-hex-color-inspector__history-title-button:hover .jhw-hex-color-inspector__history-title-icon,.jhw-hex-color-inspector__history-title-button:focus .jhw-hex-color-inspector__history-title-icon{border-color:var(--hci-accent)}.jhw-hex-color-inspector__history--collapsed .jhw-hex-color-inspector__history-content{display:none}.jhw-hex-color-inspector__history-empty{margin:8px 0 0;color:var(--hci-muted);font-size:.9rem}.jhw-hex-color-inspector__history-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.jhw-hex-color-inspector__history-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.jhw-hex-color-inspector__history-swatch{width:28px;height:28px;border-radius:var(--wc-radius-sm);border:1px solid var(--hci-border);background:var(--hci-swatch, var(--color-surface));display:inline-flex;align-items:center;justify-content:center;color:var(--hci-swatch-text, var(--hci-ink));font-size:.6rem;font-weight:700}.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-button{border:none;background:transparent;color:var(--hci-accent);font-weight:600;cursor:pointer;padding:0;text-align:left}.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-button:hover,.jhw-hex-color-inspector button.jhw-hex-color-inspector__history-button:focus{background:transparent;color:var(--hci-accent);text-decoration:underline}.jhw-hex-color-inspector__history-time{color:var(--hci-muted);font-size:.82rem}.jhw-hex-color-inspector__swatch-card{border-radius:var(--wc-radius-md);border:1px solid var(--hci-border);background:var(--color-surface);overflow:hidden;display:grid;gap:8px}.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-preview{padding:16px;border:none;cursor:pointer;background:var(--hci-swatch, var(--color-surface));color:var(--hci-swatch-text, var(--hci-ink));text-align:left;font-weight:700;font-size:14px}.jhw-hex-color-inspector__swatch-actions{display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px;gap:8px}.jhw-hex-color-inspector__swatch-hex{font-family:var(--wc-font-mono);font-size:12px}.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-copy{border:1px solid var(--hci-border);background:var(--hci-accent-soft);color:var(--hci-ink);border-radius:var(--wc-radius-sm);padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-preview:hover:not(:disabled),.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-preview:focus,.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-preview:focus-visible{background:var(--hci-swatch, var(--color-surface));color:var(--hci-swatch-text, var(--hci-ink))}.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-copy:hover:not(:disabled),.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-copy:focus,.jhw-hex-color-inspector button.jhw-hex-color-inspector__swatch-copy:focus-visible{background:var(--hci-accent-soft);color:var(--hci-ink)}.jhw-hex-color-inspector button.jhw-hex-color-inspector__tint-button:hover:not(:disabled),.jhw-hex-color-inspector button.jhw-hex-color-inspector__tint-button:focus,.jhw-hex-color-inspector button.jhw-hex-color-inspector__tint-button:focus-visible{background:var(--hci-tint, var(--color-surface));color:var(--hci-tint-text, var(--hci-ink))}.jhw-hex-color-inspector__swatch-preview:focus,.jhw-hex-color-inspector__swatch-copy:focus,.jhw-hex-color-inspector__tint-button:focus{outline:2px solid var(--hci-accent);outline-offset:2px}@media(max-width:640px){.jhw-hex-color-inspector__mode{gap:8px}.jhw-hex-color-inspector__value-row{grid-template-columns:1fr;justify-items:start}.jhw-hex-color-inspector__button{width:100%}}