.cc-tool{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-card);padding:clamp(1.1rem,3vw,1.75rem)}.cc-tool__controls{display:grid;gap:1rem}.cc-field{display:flex;flex-direction:column;gap:.4rem}.cc-field__label{font-size:.85rem;font-weight:600;color:var(--cc-text)}.cc-field__hint{font-size:.78rem;color:var(--cc-faint)}.cc-colorinput{display:flex;align-items:center;gap:.5rem;background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);padding:.35rem .5rem .35rem .4rem}.cc-colorinput input[type=color]{width:42px;height:42px;padding:0;border:none;border-radius:10px;background:none;cursor:pointer}.cc-colorinput input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cc-colorinput input[type=color]::-webkit-color-swatch{border:none;border-radius:10px}.cc-colorinput input[type=color]::-moz-color-swatch{border:none;border-radius:10px}.cc-colorinput input[type=text]{flex:1;min-width:0;border:none;background:transparent;font-family:var(--cc-font-mono);font-size:1rem;text-transform:uppercase;color:var(--cc-text);letter-spacing:.02em}.cc-colorinput input[type=text]:focus{outline:none}.cc-colorinput[data-invalid]{border-color:var(--cc-danger)}.cc-swatch-btn{width:42px;height:42px;flex-shrink:0;border-radius:10px;border:1px solid var(--cc-border);cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px #ffffff8c;transition:transform .12s ease}.cc-swatch-btn:hover{transform:scale(1.05)}.ccp{position:fixed;z-index:90;width:256px;padding:12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow-hover);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ccp[hidden]{display:none}.ccp__sv{position:relative;width:100%;height:160px;border-radius:var(--cc-radius-sm);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue, 260) 100% 50%))}.ccp__sv-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.ccp__row{display:flex;align-items:center;gap:8px}.ccp__eye{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface-soft);color:var(--cc-muted);cursor:pointer}.ccp__eye:hover{color:var(--cc-primary-dark);border-color:var(--cc-primary)}.ccp__hue{flex:1;min-width:0;height:14px;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer}.ccp__hue::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);cursor:pointer}.ccp__hue::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);cursor:pointer}.ccp__foot{display:flex;align-items:center;gap:8px}.ccp__preview{width:32px;height:32px;flex-shrink:0;border-radius:8px;border:1px solid var(--cc-border)}.ccp__hex{flex:1;min-width:0;border:1px solid var(--cc-border);border-radius:8px;padding:.5rem .6rem;background:var(--cc-surface-soft);font-size:.95rem;text-transform:uppercase;color:var(--cc-text)}.ccp__hex:focus{outline:none;border-color:var(--cc-primary)}.cc-input,.cc-select{width:100%;padding:.65rem .8rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-surface-soft);font-size:1rem;color:var(--cc-text);font-family:inherit}.cc-input:focus,.cc-select:focus{outline:none;border-color:var(--cc-primary);box-shadow:0 0 0 3px var(--cc-primary-soft)}.cc-seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;background:var(--cc-surface-soft);padding:.3rem;border-radius:var(--cc-radius-pill);border:1px solid var(--cc-border)}.cc-seg button{border:none;background:transparent;padding:.45rem .9rem;border-radius:var(--cc-radius-pill);font-size:.85rem;font-weight:600;color:var(--cc-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.cc-seg button[aria-pressed=true]{background:var(--cc-surface);color:var(--cc-primary-dark);box-shadow:var(--cc-shadow-soft)}.cc-values{display:grid;gap:.5rem}.cc-value{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md)}.cc-value__label{font-size:.78rem;font-weight:700;color:var(--cc-faint);text-transform:uppercase;letter-spacing:.04em}.cc-value__val{flex:1;text-align:right;font-family:var(--cc-font-mono);font-size:.95rem;color:var(--cc-text);overflow-wrap:anywhere}.cc-copy{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-muted);border-radius:var(--cc-radius-sm);padding:.35rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.cc-copy:hover{color:var(--cc-primary-dark);border-color:var(--cc-primary)}.cc-copy[data-copied]{color:var(--cc-success);border-color:var(--cc-success)}.cc-swatch{border-radius:var(--cc-radius-md);border:1px solid var(--cc-border);min-height:90px;display:grid;place-items:center;font-family:var(--cc-font-mono);font-weight:700}.cc-judge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;padding:.35rem .7rem;border-radius:var(--cc-radius-pill)}.cc-judge--pass{background:#22c55e29;color:#15803d}.cc-judge--fail{background:#dc262624;color:#b91c1c}.cc-judge--warn{background:#d9770629;color:#b45309}.cc-palette{display:grid;gap:.5rem}.cc-palette__chip{border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);overflow:hidden;cursor:pointer;background:var(--cc-surface);text-align:left;padding:0}.cc-palette__color{height:64px}.cc-palette__hex{display:block;padding:.45rem .55rem;font-family:var(--cc-font-mono);font-size:.8rem;text-transform:uppercase}.cc-badge[data-astro-cid-gzss5byf]{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:var(--cc-radius-pill);font-size:.78rem;font-weight:600;line-height:1;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-muted)}.cc-badge__icon[data-astro-cid-gzss5byf]{font-size:.85rem}.cc-badge--primary[data-astro-cid-gzss5byf]{background:var(--cc-primary-soft);color:var(--cc-primary-dark);border-color:transparent}.cc-badge--success[data-astro-cid-gzss5byf]{background:#22c55e24;color:#15803d;border-color:transparent}.cc-badge--warning[data-astro-cid-gzss5byf]{background:#d9770624;color:#b45309;border-color:transparent}.cc-badge--danger[data-astro-cid-gzss5byf]{background:#dc26261f;color:#b91c1c;border-color:transparent}.compare__head[data-astro-cid-dpuvvmfi]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.compare__hint[data-astro-cid-dpuvvmfi]{color:var(--cc-muted);font-size:.9rem}.compare__grid[data-astro-cid-dpuvvmfi]{display:grid;grid-template-columns:1fr;gap:1rem}.compare__contrast[data-astro-cid-dpuvvmfi]{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--cc-border)}.compare__contrast-title[data-astro-cid-dpuvvmfi]{font-size:1rem;margin-bottom:.75rem}.compare__contrast-controls[data-astro-cid-dpuvvmfi]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:26rem}.compare__contrast-result[data-astro-cid-dpuvvmfi]{margin-top:.9rem;display:flex;align-items:center;gap:.75rem}.compare__contrast-result[data-astro-cid-dpuvvmfi] strong[data-astro-cid-dpuvvmfi]{font-size:1.5rem}@media(min-width:640px){.compare__grid[data-astro-cid-dpuvvmfi]{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.compare__grid[data-astro-cid-dpuvvmfi]{grid-template-columns:repeat(3,1fr)}}[data-compare] .ccard{border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);overflow:hidden;background:var(--cc-surface);display:flex;flex-direction:column;gap:.6rem;padding-bottom:.6rem}[data-compare] .ccard__swatch{position:relative;min-height:90px;display:grid;place-items:center;font-weight:700;font-size:.95rem}[data-compare] .ccard__remove{position:absolute;top:.5rem;right:.5rem;width:26px;height:26px;border-radius:50%;border:none;background:#ffffffd9;color:#111;cursor:pointer;font-size:.75rem;display:grid;place-items:center}[data-compare] .ccard .cc-colorinput,[data-compare] .ccard .cc-values{margin-inline:.6rem}.ct__controls[data-astro-cid-tn4hgeya]{display:grid;gap:1rem;align-items:end}.ct__swap[data-astro-cid-tn4hgeya]{justify-self:start}.ct__result[data-astro-cid-tn4hgeya]{margin-top:1.5rem;display:grid;gap:1rem}.ct__ratio[data-astro-cid-tn4hgeya]{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.25rem;background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md)}.ct__ratio-label[data-astro-cid-tn4hgeya]{color:var(--cc-muted);font-size:.9rem}.ct__ratio[data-astro-cid-tn4hgeya] strong[data-astro-cid-tn4hgeya]{font-size:2rem}.ct__grid[data-astro-cid-tn4hgeya]{display:grid;grid-template-columns:1fr;gap:.5rem}.ct__cell[data-astro-cid-tn4hgeya]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);font-size:.9rem;font-weight:500}.ct__preview[data-astro-cid-tn4hgeya]{margin-top:1.5rem;padding:1.5rem;border-radius:var(--cc-radius-md);border:1px solid var(--cc-border);transition:background .15s ease,color .15s ease}.ct__preview-lg[data-astro-cid-tn4hgeya]{font-size:1.6rem;font-weight:800}.ct__preview-sm[data-astro-cid-tn4hgeya]{margin-top:.5rem;font-size:1rem}@media(min-width:680px){.ct__controls[data-astro-cid-tn4hgeya]{grid-template-columns:1fr 1fr auto}.ct__grid[data-astro-cid-tn4hgeya]{grid-template-columns:repeat(2,1fr)}}.pg__controls[data-astro-cid-szsbakew]{display:grid;gap:1.5rem;margin-bottom:1.5rem}.pg__desc[data-astro-cid-szsbakew]{margin-top:.5rem}.pg__copy-all[data-astro-cid-szsbakew]{margin-top:1.25rem}.pg__demo-wrap[data-astro-cid-szsbakew]{margin-top:1.5rem}.pg__demo-label[data-astro-cid-szsbakew]{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-faint);margin-bottom:.6rem}[data-palette] .pg__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}[data-palette] .pg-chip{border:none;border-radius:var(--cc-radius-md);overflow:hidden;cursor:pointer;padding:0;text-align:left;box-shadow:var(--cc-shadow-soft);transition:transform .15s ease,box-shadow .2s ease}[data-palette] .pg-chip:hover{transform:translateY(-4px);box-shadow:var(--cc-shadow-hover)}[data-palette] .pg-chip__color{height:120px;display:flex;align-items:flex-end;padding:.6rem .7rem;font-weight:700;font-size:.82rem;font-family:var(--cc-font-mono)}[data-palette] .pg-chip__role{display:block;padding:.5rem .7rem;font-size:.72rem;color:var(--cc-muted);background:var(--cc-surface);border:1px solid var(--cc-border);border-top:none;text-transform:uppercase;letter-spacing:.04em}[data-palette] .pg__demo{border-radius:var(--cc-radius-lg);padding:1.75rem;border:1px solid var(--cc-border);box-shadow:var(--cc-shadow-soft)}[data-palette] .pg-demo__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-palette] .pg-demo__brand{font-weight:800;font-size:1.05rem;letter-spacing:-.02em}[data-palette] .pg-demo__pill{padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.85rem}[data-palette] .pg-demo__title{font-size:clamp(1.4rem,4vw,2rem);margin-top:1.25rem;font-weight:800}[data-palette] .pg-demo__text{margin-top:.6rem;font-size:.95rem;max-width:32rem}[data-palette] .pg-demo__dots{display:flex;gap:.4rem;margin-top:1.25rem}[data-palette] .pg-demo__dots span{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.cv__grid[data-astro-cid-oxjyljbp]{display:grid;gap:1.5rem}.cv__rgb[data-astro-cid-oxjyljbp]{display:grid;gap:1rem}.cv__rgb[data-astro-cid-oxjyljbp] .cc-field[data-astro-cid-oxjyljbp]{gap:.5rem}.cv__rgb[data-astro-cid-oxjyljbp] input[data-astro-cid-oxjyljbp][type=range]{width:100%;accent-color:var(--cc-primary)}.cv__swatch[data-astro-cid-oxjyljbp]{margin-top:1rem}.cv__note[data-astro-cid-oxjyljbp]{margin-top:1rem;font-size:.82rem;color:var(--cc-muted);background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);padding:.7rem .85rem}@media(min-width:720px){.cv__grid[data-astro-cid-oxjyljbp]{grid-template-columns:.9fr 1.1fr;align-items:start}}.gg__preview[data-astro-cid-kzlil4s7]{height:200px;border-radius:var(--cc-radius-lg);border:1px solid var(--cc-border);margin-bottom:1.5rem;box-shadow:var(--cc-shadow-soft)}.gg__controls[data-astro-cid-kzlil4s7]{display:grid;gap:2rem}.gg__col[data-astro-cid-kzlil4s7]{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.gg__dir-wrap[data-astro-cid-kzlil4s7]{margin-top:.5rem}.gg__dir-wrap[data-astro-cid-kzlil4s7][hidden]{display:none}.gg__dir[data-astro-cid-kzlil4s7]{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:6px;margin-top:.5rem}.gg__dir-btn[data-astro-cid-kzlil4s7]{border:1px solid var(--cc-border);background:var(--cc-surface-soft);border-radius:10px;font-size:1.1rem;cursor:pointer;color:var(--cc-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}.gg__dir-btn[data-astro-cid-kzlil4s7]:hover{color:var(--cc-text)}.gg__dir-btn[data-astro-cid-kzlil4s7][aria-pressed=true]{background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.gg__dir-center[data-astro-cid-kzlil4s7]{display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--cc-faint);font-family:var(--cc-font-mono)}.gg__add[data-astro-cid-kzlil4s7]{margin-top:.3rem}.gg__presets-label[data-astro-cid-kzlil4s7]{margin-top:.75rem}.gg__presets[data-astro-cid-kzlil4s7]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.gg__preset[data-astro-cid-kzlil4s7]{width:52px;height:32px;border-radius:8px;border:1px solid var(--cc-border);cursor:pointer;transition:transform .12s ease}.gg__preset[data-astro-cid-kzlil4s7]:hover{transform:scale(1.06)}.gg__css[data-astro-cid-kzlil4s7]{margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.85rem 1rem;background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md)}.gg__css[data-astro-cid-kzlil4s7] code[data-astro-cid-kzlil4s7]{font-size:.85rem;overflow-wrap:anywhere}@media(min-width:760px){.gg__controls[data-astro-cid-kzlil4s7]{grid-template-columns:auto 1fr}}[data-gradient] .gg__stops{display:flex;flex-wrap:wrap;gap:.5rem}[data-gradient] .gg__stop{position:relative}[data-gradient] .gg__stop .cc-swatch-btn{width:46px;height:46px;border-radius:12px}[data-gradient] .gg__stop-remove{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:2px solid var(--cc-surface);background:var(--cc-text);color:#fff;font-size:.65rem;cursor:pointer;display:grid;place-items:center;padding:0}.ip__drop{display:block;border:2px dashed var(--cc-border-strong);border-radius:var(--cc-radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:var(--cc-surface-soft)}.ip__drop:hover,.ip__drop[data-drag]{border-color:var(--cc-primary);background:var(--cc-primary-soft)}.ip__drop-inner{display:flex;flex-direction:column;gap:.35rem;align-items:center}.ip__icon{font-size:2rem}.ip__hint{color:var(--cc-faint);font-size:.85rem}.ip__result{margin-top:1.5rem;display:grid;gap:2rem}.ip__grid{display:grid;gap:1.5rem}@media(min-width:760px){.ip__grid{grid-template-columns:.85fr 1.15fr;align-items:start}}.ip__preview img{width:100%;border-radius:var(--cc-radius-md);border:1px solid var(--cc-border);max-height:360px;object-fit:cover;display:block}.ip__palette-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.ip__palette-head h3{font-size:1.05rem}.ip__strip{display:flex;height:132px;border-radius:var(--cc-radius-md);overflow:hidden;border:1px solid var(--cc-border);box-shadow:var(--cc-shadow-soft)}.ip__strip-seg{position:relative;flex:1 1 0;min-width:2.5rem;border:0;padding:0;margin:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;transition:flex-grow .25s ease,filter .15s ease}.ip__strip-seg:hover{filter:brightness(1.05)}.ip__strip-seg span{font-family:var(--cc-font-mono);font-size:.68rem;font-weight:600;letter-spacing:.02em;padding-bottom:.55rem;white-space:nowrap;overflow:hidden;max-width:100%}.ip__swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.85rem}@media(min-width:480px){.ip__swatches{grid-template-columns:repeat(3,1fr)}}.ip__swatch{border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);overflow:hidden;cursor:pointer;background:var(--cc-surface);text-align:left;padding:0;transition:transform .15s ease,box-shadow .15s ease}.ip__swatch:hover{transform:translateY(-2px);box-shadow:var(--cc-shadow-soft)}.ip__swatch-color{display:block;height:56px}.ip__swatch-meta{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .55rem .5rem}.ip__swatch-hex{font-family:var(--cc-font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--cc-text)}.ip__swatch-hex[data-copied]{color:var(--cc-success)}.ip__swatch-rgb{font-size:.68rem;color:var(--cc-faint)}.ip__tip{margin-top:.6rem;font-size:.78rem;color:var(--cc-faint)}.ip__similar{border-top:1px solid var(--cc-border);padding-top:1.5rem}.ip__similar h3{font-size:1.1rem}.ip__similar-sub{color:var(--cc-muted);font-size:.9rem;margin:.25rem 0 1.1rem}.ip__similar-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:560px){.ip__similar-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.ip__similar-grid{grid-template-columns:repeat(3,1fr)}}.ip__sim-card{display:block;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);overflow:hidden;background:var(--cc-surface);box-shadow:var(--cc-shadow-soft);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ip__sim-card:hover{transform:translateY(-3px);box-shadow:var(--cc-shadow-hover);border-color:color-mix(in srgb,var(--cc-primary) 35%,var(--cc-border))}.ip__sim-bar{display:flex;height:76px}.ip__sim-bar span{flex:1 1 0}.ip__sim-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem .8rem}.ip__sim-name{display:block;font-weight:700;font-size:.92rem}.ip__sim-page{display:block;font-size:.74rem;color:var(--cc-faint);margin-top:.1rem}.ip__sim-arrow{color:var(--cc-primary);font-weight:700;flex-shrink:0}.cvd__inputs[data-astro-cid-oao3g7ct]{margin-bottom:1.5rem}.cvd__add[data-astro-cid-oao3g7ct]{margin-top:.75rem}.cvd__note[data-astro-cid-oao3g7ct]{margin-top:1.5rem;font-size:.82rem;color:var(--cc-muted);background:var(--cc-surface-soft);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);padding:.8rem .9rem}[data-cvd] .cvd__stops{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}[data-cvd] .cvd__stop{position:relative}[data-cvd] .cvd__stop .cc-swatch-btn{width:46px;height:46px;border-radius:12px}[data-cvd] .cvd__stop-remove{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:2px solid var(--cc-surface);background:var(--cc-text);color:#fff;font-size:.65rem;cursor:pointer;display:grid;place-items:center;padding:0}[data-cvd] .cvd__rows{display:grid;gap:.75rem}[data-cvd] .cvd__row{display:grid;gap:.85rem;padding:1rem 1.1rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-surface);box-shadow:var(--cc-shadow-soft)}[data-cvd] .cvd__row-label{font-size:.92rem;font-weight:700;color:var(--cc-text)}[data-cvd] .cvd__row-label small{display:block;font-weight:500;color:var(--cc-faint);font-size:.78rem;margin-top:.15rem}[data-cvd] .cvd__swatches{display:flex;gap:0;border-radius:var(--cc-radius-sm);overflow:hidden;border:1px solid var(--cc-border)}[data-cvd] .cvd__swatches span{flex:1;height:52px}@media(min-width:760px){[data-cvd] .cvd__row{grid-template-columns:190px 1fr;align-items:center}}.st__base[data-astro-cid-huted5ja]{max-width:22rem;margin-bottom:1.25rem}.st__scalebar[data-astro-cid-huted5ja]{height:40px;border-radius:var(--cc-radius-pill);border:0;margin-bottom:1.75rem}.st__block[data-astro-cid-huted5ja]+.st__block[data-astro-cid-huted5ja]{margin-top:1.5rem}.st__row-head[data-astro-cid-huted5ja]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.st__row-head[data-astro-cid-huted5ja] h3[data-astro-cid-huted5ja]{font-size:1.05rem}.st__row-head[data-astro-cid-huted5ja] h3[data-astro-cid-huted5ja] span[data-astro-cid-huted5ja]{color:var(--cc-faint);font-weight:500;font-size:.85rem;margin-left:.4rem}[data-shades] .st__scale{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}[data-shades] .st-chip{border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);overflow:hidden;cursor:pointer;background:var(--cc-surface);padding:0;text-align:center;transition:transform .15s ease,box-shadow .2s ease}[data-shades] .st-chip:hover{transform:translateY(-3px);box-shadow:var(--cc-shadow-soft)}[data-shades] .st-chip__sw{display:block;height:64px}[data-shades] .st-chip__hx{display:block;padding:.4rem .2rem;font-family:var(--cc-font-mono);font-size:.72rem;text-transform:uppercase;color:var(--cc-text)}@media(min-width:720px){[data-shades] .st__scale{grid-template-columns:repeat(10,1fr)}}.cp__examples[data-astro-cid-xor3h5dx]{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.cp__chip[data-astro-cid-xor3h5dx]{border:1px solid var(--cc-border);background:var(--cc-surface-soft);border-radius:var(--cc-radius-pill);padding:.35rem .75rem;font-size:.8rem;font-family:var(--cc-font-mono);cursor:pointer;color:var(--cc-muted)}.cp__chip[data-astro-cid-xor3h5dx]:hover{color:var(--cc-primary-dark);border-color:var(--cc-primary)}.cp__preview[data-astro-cid-xor3h5dx]{min-height:120px;margin-bottom:1.25rem;font-size:1.1rem}.tool-hero[data-astro-cid-mqzpnqfb]{text-align:center;max-width:44rem;margin:1.5rem auto 2rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.tool-hero__title[data-astro-cid-mqzpnqfb]{font-size:clamp(2rem,5.5vw,3rem)}.tool-hero__subtitle[data-astro-cid-mqzpnqfb]{font-size:clamp(1.02rem,2.4vw,1.2rem);color:var(--cc-muted)}.tool-content[data-astro-cid-mqzpnqfb]{margin-top:1rem}.tool-steps[data-astro-cid-mqzpnqfb]{counter-reset:step}.tool-examples[data-astro-cid-mqzpnqfb]{display:grid;gap:.75rem;margin-top:.5rem}.tool-example[data-astro-cid-mqzpnqfb]{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md)}.tool-example[data-astro-cid-mqzpnqfb] strong[data-astro-cid-mqzpnqfb]{color:var(--cc-text)}.tool-example[data-astro-cid-mqzpnqfb] span[data-astro-cid-mqzpnqfb]{color:var(--cc-muted);font-size:.95rem}.tool-faq[data-astro-cid-mqzpnqfb],.tool-related[data-astro-cid-mqzpnqfb]{margin-top:3rem}@media(min-width:640px){.tool-examples[data-astro-cid-mqzpnqfb]{grid-template-columns:repeat(3,1fr)}}