.stg-controls[data-astro-cid-skhvmdrt]{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}.stg-field[data-astro-cid-skhvmdrt]{display:flex;flex-direction:column}.stg-label[data-astro-cid-skhvmdrt]{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}.stg-color-row[data-astro-cid-skhvmdrt]{display:grid;grid-template-columns:48px 150px;gap:8px}.stg-picker[data-astro-cid-skhvmdrt]{width:48px;height:46px;padding:3px;border:1px solid var(--border-strong);background:var(--bg);cursor:pointer}.stg-picker[data-astro-cid-skhvmdrt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stg-input[data-astro-cid-skhvmdrt]{font-family:var(--font-mono);font-size:16px;color:var(--text-1);text-transform:uppercase;background:var(--bg);border:1px solid var(--border);border-bottom:2px solid var(--border-strong);padding:10px 12px;height:46px;outline:none;width:100%;transition:border-color .12s}.stg-input[data-astro-cid-skhvmdrt]:focus{border-color:var(--blue);border-bottom-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.stg-btn[data-astro-cid-skhvmdrt]{height:46px;padding:0 18px;font-size:13.5px;font-weight:600;font-family:var(--font-sans);background:var(--bg);color:var(--text-2);border:1px solid var(--border-strong);cursor:pointer;transition:background .12s,color .12s}.stg-btn[data-astro-cid-skhvmdrt]:hover{background:var(--bg-soft);color:var(--text-1)}.stg-btn[data-astro-cid-skhvmdrt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stg-err[data-astro-cid-skhvmdrt]{font-size:11.5px;color:var(--danger);margin-bottom:14px;min-height:16px;line-height:1.5}.stg-results-header[data-astro-cid-skhvmdrt]{background:var(--text-1);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.stg-results-header-label[data-astro-cid-skhvmdrt]{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#a8a8a8}.stg-copy-btn[data-astro-cid-skhvmdrt]{font-family:var(--font-sans);font-size:12px;font-weight:600;color:#fff;background:none;border:1px solid var(--border);cursor:pointer;padding:6px 8px}.stg-copy-btn[data-astro-cid-skhvmdrt]:hover{text-decoration:underline}.stg-copy-btn[data-astro-cid-skhvmdrt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stg-copy-status[data-astro-cid-skhvmdrt]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stg-results-tile[data-astro-cid-skhvmdrt]{border:1px solid var(--border);border-top:none;background:var(--bg);padding:18px 20px}.stg-base[data-astro-cid-skhvmdrt]{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.stg-base-chip[data-astro-cid-skhvmdrt]{width:54px;height:54px;border:1px solid var(--border-strong);flex-shrink:0}.stg-base-text[data-astro-cid-skhvmdrt]{font-size:13px;color:var(--text-2);line-height:1.6}.stg-base-hex[data-astro-cid-skhvmdrt]{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-1);display:block}.stg-group[data-astro-cid-skhvmdrt]{margin-bottom:20px}.stg-group[data-astro-cid-skhvmdrt]:last-child{margin-bottom:0}.stg-group-head[data-astro-cid-skhvmdrt]{margin-bottom:4px}.stg-group-title[data-astro-cid-skhvmdrt]{font-size:13px;font-weight:700;color:var(--text-1)}.stg-group-desc[data-astro-cid-skhvmdrt]{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:10px}.stg-row[data-astro-cid-skhvmdrt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.stg-cell[data-astro-cid-skhvmdrt]{border:1px solid var(--border)}.stg-cell-chip[data-astro-cid-skhvmdrt]{height:54px;display:block}.stg-cell-body[data-astro-cid-skhvmdrt]{padding:6px 7px}.stg-cell-pct[data-astro-cid-skhvmdrt]{font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.stg-cell-hex[data-astro-cid-skhvmdrt]{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--text-1);background:none;border:none;padding:0;cursor:pointer;display:block}.stg-cell-hex[data-astro-cid-skhvmdrt]:hover{color:var(--blue)}.stg-cell-hex[data-astro-cid-skhvmdrt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stg-warning[data-astro-cid-skhvmdrt]{font-size:12px;color:var(--text-2);background:var(--blue-soft);border-left:3px solid var(--blue);padding:11px 14px;margin-top:16px;line-height:1.6}@media(max-width:560px){.stg-color-row[data-astro-cid-skhvmdrt]{grid-template-columns:48px 1fr}.stg-row[data-astro-cid-skhvmdrt]{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}