@media only screen and (min-width:0rem){#palette-tool{background-color:var(--background);padding:var(--sectionPadding)}#palette-tool .cs-container{margin:auto;max-width:80rem;width:100%}#palette-tool .cs-toolbar{background-color:var(--surface);border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--shadow) 6%,transparent);display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,1.5rem)}#palette-tool .cs-actions{display:flex;flex-wrap:wrap;gap:.625rem}#palette-tool .cs-tool-button{align-items:center;display:inline-flex;gap:.5rem}#palette-tool .cs-tool-button svg{height:1.125rem;width:1.125rem}#palette-tool .cs-export{position:relative}#palette-tool .cs-export-menu{background-color:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--shadow) 14%,transparent);left:0;list-style:none;margin:0;min-width:13.75rem;padding:.375rem;position:absolute;top:calc(100% + (8/16rem));z-index:20}#palette-tool .cs-export-menu[hidden]{display:none}#palette-tool .cs-export-option{background-color:transparent;border:none;border-radius:.625rem;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.2em;padding:.625rem .875rem;text-align:left;transition:background-color .2s;width:100%}#palette-tool .cs-export-option:focus-visible,#palette-tool .cs-export-option:hover{background-color:var(--accent-1);outline:none}#palette-tool .cs-harmony{align-items:center;display:flex;gap:.75rem}#palette-tool .cs-harmony-label{color:var(--text-primary);flex:none;font-size:.875rem;font-weight:600}#palette-tool select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-soft);background-image:linear-gradient(45deg,transparent 50%,var(--text-primary) 50%),linear-gradient(135deg,var(--text-primary) 50%,transparent 50%);background-position:right 1.4375rem center,right 1.125rem center;background-repeat:no-repeat;background-size:.3125rem .3125rem;border:1px solid var(--field-border);border-radius:62.4375rem;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;height:3rem;min-width:12.5rem;padding:0 2.75rem 0 1rem;transition:border-color .2s;width:100%}#palette-tool select:hover{border-color:color-mix(in srgb,var(--field-border),var(--dark) 25%)}#palette-tool select:focus{border-color:var(--dark);box-shadow:0 0 0 3px var(--accent-1);outline:none}#palette-tool .cs-tip{color:var(--text-secondary);font-size:.875rem;line-height:1.6em;margin:clamp(1rem,2vw,1.5rem) 0}#palette-tool .cs-tip kbd{background-color:var(--accent-2);border:1px solid color-mix(in srgb,var(--dark) 12%,transparent);border-radius:.375rem;color:var(--dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:600;padding:.125rem .5rem}#palette-tool .cs-palette{border-radius:1.5rem;box-shadow:0 1.25rem 3.125rem color-mix(in srgb,var(--shadow) 12%,transparent);display:flex;flex-direction:column;list-style:none;margin:0;overflow:hidden;padding:0}#palette-tool .cs-swatch{align-items:center;background-color:var(--swatch);display:flex;height:6.5rem;justify-content:space-between;padding:1rem clamp(1rem,2vw,1.5rem);position:relative;transition:background-color .35s ease,flex-grow .35s ease}#palette-tool .cs-swatch[data-text=dark]{--swatch-ink:#000;--swatch-ink-soft:rgba(0,0,0,.12)}#palette-tool .cs-swatch[data-text=light]{--swatch-ink:#fff;--swatch-ink-soft:hsla(0,0%,100%,.18)}#palette-tool .cs-lock{align-items:center;background-color:transparent;border:1.5px solid var(--swatch-ink-soft);border-radius:50%;color:var(--swatch-ink);cursor:pointer;display:flex;height:2.75rem;justify-content:center;padding:0;transition:background-color .2s,border-color .2s,opacity .2s;width:2.75rem}#palette-tool .cs-lock svg{height:1.125rem;width:1.125rem}#palette-tool .cs-lock .cs-lock-closed{display:none}#palette-tool .cs-lock:hover{background-color:var(--swatch-ink-soft)}#palette-tool .cs-lock:focus-visible{outline:2px solid var(--swatch-ink);outline-offset:2px}#palette-tool .cs-locked .cs-lock{background-color:var(--swatch-ink-soft);border-color:var(--swatch-ink)}#palette-tool .cs-locked .cs-lock .cs-lock-open{display:none}#palette-tool .cs-locked .cs-lock .cs-lock-closed{display:block}#palette-tool .cs-hex{background-color:var(--surface);border:none;border-radius:62.4375rem;box-shadow:0 .25rem .875rem color-mix(in srgb,var(--shadow) 14%,transparent);color:var(--text-primary);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;font-weight:700;letter-spacing:.02em;min-width:6.5rem;padding:.5625rem 1rem;transition:transform .2s}#palette-tool .cs-hex:hover{transform:translateY(-2px)}#palette-tool .cs-hex:focus-visible{outline:2px solid var(--swatch-ink);outline-offset:3px}#palette-tool .cs-info{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 50%,var(--accent-4) 100%);border-radius:1.5rem;display:flex;gap:1rem;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.5rem,2.8vw,2rem)}#palette-tool .cs-info-icon{align-items:center;background-color:var(--dark);border-radius:50%;color:var(--on-dark);display:flex;flex:none;font-family:Georgia,serif;font-size:.9375rem;font-style:italic;font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}#palette-tool .cs-info-title{color:var(--text-primary);font-size:clamp(1.0625rem,1.5vw,1.1875rem);font-weight:600;margin:.125rem 0 .625rem}#palette-tool .cs-info-text li,#palette-tool .cs-info-text p{color:var(--text-on-accent);font-size:.9375rem;line-height:1.6em}#palette-tool .cs-info-text p{margin:0 0 .75rem}#palette-tool .cs-info-text ul{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0}#palette-tool .cs-info-text li{list-style:none}#palette-tool .cs-info-text strong{color:var(--dark)}#palette-tool .cs-disclaimer{color:var(--text-secondary);font-size:.875rem;line-height:1.6em;margin:1.25rem 0 0}#palette-tool .cs-disclaimer a{color:var(--text-primary);font-size:inherit;font-weight:600;text-underline-offset:.2em}}@media only screen and (min-width:48rem){#palette-tool .cs-toolbar{align-items:center;flex-direction:row;justify-content:space-between}#palette-tool select{width:auto}#palette-tool .cs-palette{flex-direction:row;height:clamp(23.75rem,45vw,32.5rem)}#palette-tool .cs-swatch{align-items:center;flex:1 1 0;flex-direction:column;height:auto;padding:1.5rem .75rem 1.75rem}#palette-tool .cs-swatch:focus-within,#palette-tool .cs-swatch:hover{flex-grow:1.35}#palette-tool .cs-lock{opacity:0}#palette-tool .cs-lock:focus-visible,#palette-tool .cs-locked .cs-lock,#palette-tool .cs-swatch:hover .cs-lock{opacity:1}}@media (hover:none){#palette-tool .cs-lock{opacity:1}}@media (prefers-reduced-motion:reduce){#palette-tool .cs-hex,#palette-tool .cs-swatch{transition:none}}