.page-header[data-astro-cid-f5qrdfpz]{text-align:center;padding:2em 0 1em}.page-header[data-astro-cid-f5qrdfpz] h1[data-astro-cid-f5qrdfpz]{letter-spacing:-.03em;margin-bottom:.3em;font-size:2.8rem;font-weight:700}.page-header[data-astro-cid-f5qrdfpz] .subtitle[data-astro-cid-f5qrdfpz]{color:var(--text-secondary);max-width:720px;margin:0 auto;font-size:clamp(.95em,1.2vw,1.1em)}.cgs[data-astro-cid-f5qrdfpz]{max-width:1100px;margin:0 auto;padding:0 1em 2em}.cgs-prose[data-astro-cid-f5qrdfpz]{max-width:760px}.cgs-prose[data-astro-cid-f5qrdfpz] h2[data-astro-cid-f5qrdfpz]{margin-top:1.5em;font-size:1.4rem}.preview-section[data-astro-cid-f5qrdfpz]{margin-bottom:1.5em}.preview[data-astro-cid-f5qrdfpz]{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#b8422e 0%,#eab308 50%,#1e1e22 100%);justify-content:center;align-items:center;min-height:220px;padding:2em 1em;display:flex}.preview-card[data-astro-cid-f5qrdfpz]{width:100%;max-width:420px}.preview-card[data-astro-cid-f5qrdfpz] h2[data-astro-cid-f5qrdfpz]{color:inherit;margin:0 0 .4em;font-size:1.6rem}.preview-card[data-astro-cid-f5qrdfpz] p[data-astro-cid-f5qrdfpz]{color:inherit;margin:0 0 1em}.preview-btn[data-astro-cid-f5qrdfpz]{color:inherit;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:2px solid;max-width:100%;padding:.5em 1em;font-family:inherit;font-weight:600}.preview-btn[data-astro-cid-f5qrdfpz]:focus-visible,.ghost-btn[data-astro-cid-f5qrdfpz]:focus-visible,.copy-btn[data-astro-cid-f5qrdfpz]:focus-visible,select[data-astro-cid-f5qrdfpz]:focus-visible,input[data-astro-cid-f5qrdfpz]:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.controls[data-astro-cid-f5qrdfpz],.stops-section[data-astro-cid-f5qrdfpz],.output-section[data-astro-cid-f5qrdfpz],.contrast-section[data-astro-cid-f5qrdfpz]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);margin-bottom:1.5em;padding:1.25em 1.5em}.row[data-astro-cid-f5qrdfpz]{flex-wrap:wrap;align-items:center;gap:.75em;margin-bottom:.75em;display:flex}.row[data-astro-cid-f5qrdfpz]:last-child{margin-bottom:0}.control-label[data-astro-cid-f5qrdfpz]{color:var(--text-primary);font-size:.9em;font-weight:600}.controls[data-astro-cid-f5qrdfpz] select[data-astro-cid-f5qrdfpz],.controls[data-astro-cid-f5qrdfpz] input[data-astro-cid-f5qrdfpz][type=range]{accent-color:var(--accent)}.controls[data-astro-cid-f5qrdfpz] select[data-astro-cid-f5qrdfpz]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.4em .6em;font-family:inherit}output[data-astro-cid-f5qrdfpz]{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9em}.stops-head[data-astro-cid-f5qrdfpz]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.stops-head[data-astro-cid-f5qrdfpz] h2[data-astro-cid-f5qrdfpz]{margin:0;font-size:1.2rem}.stop-list[data-astro-cid-f5qrdfpz]{flex-direction:column;gap:.6em;margin:1em 0 .5em;padding:0;list-style:none;display:flex}.stop[data-astro-cid-f5qrdfpz]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);flex-wrap:wrap;align-items:center;gap:.75em;padding:.6em .8em;display:flex}.stop[data-astro-cid-f5qrdfpz] input[data-astro-cid-f5qrdfpz][type=color]{cursor:pointer;background:0 0;border:none;width:44px;height:32px;padding:0}.stop-hex[data-astro-cid-f5qrdfpz]{min-width:4.5em;font-family:ui-monospace,monospace}.pos-label[data-astro-cid-f5qrdfpz]{color:var(--text-secondary);flex:200px;align-items:center;gap:.5em;font-size:.85em;display:flex}.pos-label[data-astro-cid-f5qrdfpz] input[data-astro-cid-f5qrdfpz][type=range]{accent-color:var(--accent);flex:1}.pos-out[data-astro-cid-f5qrdfpz]{text-align:right;min-width:3em}.ghost-btn[data-astro-cid-f5qrdfpz]{color:var(--accent-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.45em .9em;font-family:inherit;font-size:.85em;transition:border-color .15s}.ghost-btn[data-astro-cid-f5qrdfpz]:hover{border-color:var(--accent)}.ghost-btn[data-astro-cid-f5qrdfpz]:disabled{opacity:.45;cursor:not-allowed}.hint[data-astro-cid-f5qrdfpz]{color:var(--text-muted);margin:.25em 0 0;font-size:.82em}.output-section[data-astro-cid-f5qrdfpz] h2[data-astro-cid-f5qrdfpz],.contrast-section[data-astro-cid-f5qrdfpz] h2[data-astro-cid-f5qrdfpz]{margin:0 0 .6em;font-size:1.2rem}.output-section[data-astro-cid-f5qrdfpz] pre[data-astro-cid-f5qrdfpz]{max-width:100%;margin:0 0 .8em;overflow-x:auto}.output-section[data-astro-cid-f5qrdfpz] code[data-astro-cid-f5qrdfpz]{white-space:pre-wrap;word-break:break-all}.copy-row[data-astro-cid-f5qrdfpz]{flex-wrap:wrap;align-items:center;gap:.8em;display:flex}.copy-btn[data-astro-cid-f5qrdfpz]{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5em 1.1em;font-family:inherit;font-weight:600}.copy-btn[data-astro-cid-f5qrdfpz]:hover{background:var(--accent-dark)}.status[data-astro-cid-f5qrdfpz]{color:var(--text-secondary);font-size:.85em}.report[data-astro-cid-f5qrdfpz]{color:var(--text-primary);font-size:.95em}.report[data-astro-cid-f5qrdfpz] p[data-astro-cid-f5qrdfpz]{margin:.4em 0}.report-sub[data-astro-cid-f5qrdfpz]{color:var(--text-muted);font-size:.85em}.report[data-astro-cid-f5qrdfpz] ul[data-astro-cid-f5qrdfpz]{margin:.3em 0 0;padding-left:1.2em;font-family:ui-monospace,monospace;font-size:.88em}.learn[data-astro-cid-f5qrdfpz],.how[data-astro-cid-f5qrdfpz]{margin-bottom:1.5em}@media (width<=600px){.page-header[data-astro-cid-f5qrdfpz] h1[data-astro-cid-f5qrdfpz]{font-size:2.1rem}.controls[data-astro-cid-f5qrdfpz],.stops-section[data-astro-cid-f5qrdfpz],.output-section[data-astro-cid-f5qrdfpz],.contrast-section[data-astro-cid-f5qrdfpz]{padding:1em}.stop[data-astro-cid-f5qrdfpz]{gap:.5em}}@media (prefers-reduced-motion:reduce){.ghost-btn[data-astro-cid-f5qrdfpz],.copy-btn[data-astro-cid-f5qrdfpz]{transition:none}}