.tool-stage[data-astro-cid-n5qurstb]{padding-block:1.2rem 0}.stage-heading[data-astro-cid-n5qurstb]{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin-bottom:.55rem;display:flex}.stage-heading[data-astro-cid-n5qurstb] strong[data-astro-cid-n5qurstb]{font-size:.9375rem}.stage-heading[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]{color:var(--muted-2);font-size:.84375rem}.screen-surface[data-astro-cid-n5qurstb]{--hint-fg:#ffffffe0;--hint-bg:#0000008c;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--screen-color);cursor:pointer;place-items:center;width:100%;height:clamp(15rem,56vh,37.5rem);padding:0;display:grid;position:relative;overflow:hidden}.screen-surface[data-astro-cid-n5qurstb].compare-active{background:linear-gradient(90deg,var(--previous-color) 0 50%,var(--screen-color) 50% 100%)}.screen-hint[data-astro-cid-n5qurstb]{z-index:2;color:var(--hint-fg);background:var(--hint-bg);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.55rem;padding:.58rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .25s;display:flex;box-shadow:0 .6rem 1.8rem #0000001f}.screen-hint[data-astro-cid-n5qurstb] svg[data-astro-cid-n5qurstb]{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.05rem}.compare-label[data-astro-cid-n5qurstb]{color:var(--hint-fg);background:var(--hint-bg);text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;padding:.28rem .48rem;font-size:.75rem;font-weight:700;display:none;position:absolute;top:.75rem}.compare-active[data-astro-cid-n5qurstb] .compare-label[data-astro-cid-n5qurstb]{display:block}.compare-label[data-astro-cid-n5qurstb].left{left:.75rem}.compare-label[data-astro-cid-n5qurstb].right{right:.75rem}.screen-surface[data-astro-cid-n5qurstb]:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.fallback-fullscreen[data-astro-cid-n5qurstb]{z-index:9998;border:0;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.screen-surface[data-astro-cid-n5qurstb].fullscreen-idle{cursor:none}.screen-surface[data-astro-cid-n5qurstb].fullscreen-idle .screen-hint[data-astro-cid-n5qurstb],.screen-surface[data-astro-cid-n5qurstb].fullscreen-idle .compare-label[data-astro-cid-n5qurstb]{opacity:0}html.tool-lock,html.tool-lock body{overflow:hidden}.control-rail[data-astro-cid-n5qurstb]{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-2);margin-top:.6rem;padding:.75rem .9rem .35rem}.rail-row[data-astro-cid-n5qurstb]{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding-bottom:.7rem;display:flex}.rail-row[data-astro-cid-n5qurstb]+.rail-row[data-astro-cid-n5qurstb]{border-top:1px solid var(--line);padding-top:.7rem}.control-group[data-astro-cid-n5qurstb]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.preset-group[data-astro-cid-n5qurstb]{flex-direction:column;flex:27rem;align-items:stretch;gap:.4rem}.group-label[data-astro-cid-n5qurstb]{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.preset-list[data-astro-cid-n5qurstb]{border:1px solid var(--line-strong);background:linear-gradient(180deg,#ffffff09,#ffffff03),var(--panel);border-radius:.68rem;flex-wrap:wrap;gap:.22rem;width:100%;padding:.25rem;display:flex;box-shadow:inset 0 1px #ffffff0b,0 .45rem 1.3rem #0000001f}.preset,.value-button[data-astro-cid-n5qurstb],.fullscreen-button[data-astro-cid-n5qurstb],.compare-button[data-astro-cid-n5qurstb],select[data-astro-cid-n5qurstb]{border:1px solid var(--line-strong);min-height:2.25rem;color:var(--muted);background:var(--panel);cursor:pointer;border-radius:999px;padding:.42rem .72rem;font-size:.84375rem;font-weight:500}.preset{box-shadow:none;background:0 0;border-color:#0000;border-radius:.45rem;transition:color .16s,background .16s,box-shadow .16s,transform .16s}.preset:hover{color:var(--text);background:#ffffff0e;border-color:#0000;transform:translateY(-1px)}.preset[aria-pressed=true]{color:#111;background:linear-gradient(#fff 0%,#e9e9e9 100%);border-color:#ffffffb3;transform:none;box-shadow:0 .2rem .65rem #0000004d,inset 0 1px #ffffffe6}.preset:focus-visible{outline:2px solid var(--text);outline-offset:2px}.rail-separator[data-astro-cid-n5qurstb]{background:var(--line);align-self:stretch;width:1px}.shade-steps[data-astro-cid-n5qurstb]{border:1px solid var(--line-strong);border-radius:.38rem;display:flex;overflow:hidden}.shade-steps[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb]{background:var(--shade);cursor:pointer;border:0;width:2.1rem;height:2.1rem;padding:0;position:relative}.shade-steps[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb]+button[data-astro-cid-n5qurstb]{box-shadow:inset 1px 0 var(--line-strong)}.shade-steps[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb][aria-pressed=true]:after{content:"";box-shadow:inset 0 0 0 2px var(--text);position:absolute;inset:0}.shade-steps[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.color-picker[data-astro-cid-n5qurstb]{border:1px solid var(--line-strong);background:var(--panel);border-radius:.4rem;align-items:center;gap:.4rem;min-height:2.3rem;padding:.2rem .28rem .2rem .25rem;display:flex}.color-picker[data-astro-cid-n5qurstb] input[data-astro-cid-n5qurstb][type=color]{cursor:pointer;background:0 0;border:0;border-radius:.25rem;width:1.8rem;height:1.8rem;padding:0}.color-picker[data-astro-cid-n5qurstb] input[data-astro-cid-n5qurstb][type=text]{background:0 0;border:0;outline:0;width:5.25rem;padding:0;font-size:.8125rem;font-weight:500}.eyedropper[data-astro-cid-n5qurstb]{border:0;border-left:1px solid var(--line);width:1.8rem;height:1.8rem;color:var(--muted-2);cursor:pointer;background:0 0;padding:.32rem}.eyedropper[data-astro-cid-n5qurstb] svg[data-astro-cid-n5qurstb]{fill:none;stroke:currentColor;stroke-width:1.7px}.recent-colors[data-astro-cid-n5qurstb]{align-items:center;gap:.32rem;display:flex}.recent-colors[data-astro-cid-n5qurstb] button{background:var(--recent);cursor:pointer;border:1px solid #ffffff2e;border-radius:.3rem;flex:none;width:1.55rem;height:1.55rem;padding:0;box-shadow:inset 0 1px #ffffff14}.recent-colors[data-astro-cid-n5qurstb] button:hover{border-color:#ffffff8c;transform:translateY(-1px)}.recent-colors[data-astro-cid-n5qurstb] button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.fullscreen-button[data-astro-cid-n5qurstb]{color:#111;background:var(--text);border-radius:.4rem;margin-left:auto;font-weight:600}.wake-toggle[data-astro-cid-n5qurstb]{color:var(--muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.84375rem;display:flex}.wake-toggle[data-astro-cid-n5qurstb] input[data-astro-cid-n5qurstb]{opacity:0;position:absolute}.wake-toggle[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]{background:var(--line-strong);border-radius:999px;width:2.15rem;height:1.25rem;padding:.14rem}.wake-toggle[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]:after{content:"";background:var(--muted);border-radius:50%;width:.97rem;height:.97rem;transition:all .16s;display:block}.wake-toggle[data-astro-cid-n5qurstb] input[data-astro-cid-n5qurstb]:checked+span[data-astro-cid-n5qurstb]{background:var(--text)}.wake-toggle[data-astro-cid-n5qurstb] input[data-astro-cid-n5qurstb]:checked+span[data-astro-cid-n5qurstb]:after{background:#111;transform:translate(.9rem)}.compare-button[data-astro-cid-n5qurstb]{border-radius:.38rem;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.compare-button[data-astro-cid-n5qurstb][aria-pressed=true]{color:#111;background:var(--text)}.compare-button[data-astro-cid-n5qurstb] svg[data-astro-cid-n5qurstb]{fill:none;stroke:currentColor;stroke-width:1.4px;width:1rem}.value-button[data-astro-cid-n5qurstb]{border-radius:.38rem;align-items:center;gap:.5rem;padding:.4rem .58rem;font-size:.8125rem;display:flex}.value-button[data-astro-cid-n5qurstb] b[data-astro-cid-n5qurstb]{color:var(--muted-2);letter-spacing:.05em;font-size:.6875rem;font-weight:700}.color-metric[data-astro-cid-n5qurstb]{border-left:1px solid var(--line);min-height:2.25rem;color:var(--muted-2);letter-spacing:.035em;white-space:nowrap;align-items:center;padding:.35rem .5rem;font-size:.6875rem;font-weight:700;display:flex}.save-group[data-astro-cid-n5qurstb]{flex:27rem}select[data-astro-cid-n5qurstb]{border-radius:.38rem;max-width:14rem}.download-button[data-astro-cid-n5qurstb]{border:1px solid var(--text);color:#111;background:var(--text);cursor:pointer;border-radius:.4rem;min-height:2.3rem;padding:.45rem .85rem;font-size:.84375rem;font-weight:600}.file-name[data-astro-cid-n5qurstb]{max-width:16rem;color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.tool-status[data-astro-cid-n5qurstb]{min-height:1.25rem;color:var(--muted-2);margin:0;font-size:.75rem}.color-strip[data-astro-cid-n5qurstb]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.6rem;display:grid}.color-strip[data-astro-cid-n5qurstb] a[data-astro-cid-n5qurstb],.color-strip[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb]{border:1px solid var(--line);min-height:2.2rem;color:var(--muted);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:.48rem;padding:.38rem .65rem;font-size:.84375rem;font-weight:500;text-decoration:none;display:flex}.color-strip[data-astro-cid-n5qurstb] a[data-astro-cid-n5qurstb]:hover,.color-strip[data-astro-cid-n5qurstb] a[data-astro-cid-n5qurstb].active,.color-strip[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb]:hover{color:var(--text);border-color:var(--muted-2)}.color-strip[data-astro-cid-n5qurstb] i[data-astro-cid-n5qurstb]{background:var(--dot,linear-gradient(135deg,#00b7a8,#7c57d7));border:1px solid #ffffff38;border-radius:50%;flex:none;width:1.15rem;height:1.15rem}@media (width<=900px){.color-metric[data-astro-cid-n5qurstb]{display:none}.preset-group[data-astro-cid-n5qurstb],.save-group[data-astro-cid-n5qurstb]{flex-basis:100%}.rail-separator[data-astro-cid-n5qurstb]{display:none}.fullscreen-button[data-astro-cid-n5qurstb]{margin-left:0}}@media (width<=760px){.screen-surface[data-astro-cid-n5qurstb]{height:clamp(18rem,52vh,30rem)}.color-strip[data-astro-cid-n5qurstb]{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-row[data-astro-cid-n5qurstb]{align-items:flex-start}.control-group[data-astro-cid-n5qurstb]{align-items:flex-start;width:100%}.preset-list[data-astro-cid-n5qurstb]{width:100%}.preset{flex:calc(50% - .2rem)}.shade-steps[data-astro-cid-n5qurstb]{width:100%}.shade-steps[data-astro-cid-n5qurstb] button[data-astro-cid-n5qurstb]{flex:1}.pick-group[data-astro-cid-n5qurstb]{grid-template-columns:auto 1fr;display:grid}.pick-group[data-astro-cid-n5qurstb] .color-picker[data-astro-cid-n5qurstb],.pick-group[data-astro-cid-n5qurstb] .recent-colors[data-astro-cid-n5qurstb]{grid-column:2}.fullscreen-button[data-astro-cid-n5qurstb],.compare-button[data-astro-cid-n5qurstb]{flex:1}.values-group[data-astro-cid-n5qurstb]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.values-group[data-astro-cid-n5qurstb] .group-label[data-astro-cid-n5qurstb]{grid-column:1/-1}.value-button[data-astro-cid-n5qurstb]{justify-content:center;min-width:0;padding:.4rem .35rem}.value-button[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.save-group[data-astro-cid-n5qurstb]{grid-template-columns:minmax(0,1fr);gap:.42rem;display:grid}.save-group[data-astro-cid-n5qurstb] .group-label[data-astro-cid-n5qurstb],.save-group[data-astro-cid-n5qurstb] select[data-astro-cid-n5qurstb],.save-group[data-astro-cid-n5qurstb] .download-button[data-astro-cid-n5qurstb],.file-name[data-astro-cid-n5qurstb]{grid-column:1}.save-group[data-astro-cid-n5qurstb] select[data-astro-cid-n5qurstb],.save-group[data-astro-cid-n5qurstb] .download-button[data-astro-cid-n5qurstb]{width:100%;max-width:none}.file-name[data-astro-cid-n5qurstb]{text-align:center;max-width:100%}}@media (width<=430px){.control-rail[data-astro-cid-n5qurstb]{padding:.7rem}.preset{flex-basis:100%}.values-group[data-astro-cid-n5qurstb]{grid-template-columns:1fr}.value-button[data-astro-cid-n5qurstb]{justify-content:space-between;gap:.5rem;min-height:2.75rem}.value-button[data-astro-cid-n5qurstb] span[data-astro-cid-n5qurstb]{text-overflow:clip;overflow:visible}.recent-colors[data-astro-cid-n5qurstb] button{width:2rem;height:2rem}.color-strip[data-astro-cid-n5qurstb]{grid-template-columns:1fr 1fr}}