.tsto-tools-page .site-header,.tsto-palette-tool-page .site-header,.tsto-palette-creator-page .site-header,.tsto-palette-refiner-page .site-header{border-bottom:none;box-shadow:none;}.tsto-tools-page .palette-page-main,.tsto-palette-tool-page .palette-page-main,.tsto-palette-creator-page .palette-page-main,.tsto-palette-refiner-page .palette-page-main{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box;}.palette-page{margin:0 0 var(--space-xl);}.palette-page__shell{padding-block:var(--hero-pad-y);}.palette-page--index .palette-page__shell{padding-block:0;}.palette-page--index .palette-page__header.service-page__hero{margin-bottom:clamp(2rem,4vw,3rem);}.palette-page__header{display:flex;flex-direction:column;align-items:center;gap:var(--hero-copy-gap);margin:0 auto clamp(1.75rem,4vw,2.75rem);text-align:center;border:0;box-shadow:none;}.palette-page__header .breadcrumb,.palette-page__header .breadcrumbs{justify-content:center;margin:0;width:100%;}.palette-page__eyebrow{margin:0;font-family:var(--primary-font);font-size:0.8125rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--font-color-light);}.palette-page__title{display:inline-block;margin:0;font-size:var(--title-page-size);font-weight:var(--title-weight);line-height:var(--leading-tight);letter-spacing:var(--title-tracking);width:fit-content;max-width:100%;position:relative;isolation:isolate;z-index:0;box-sizing:border-box;padding:var(--title-badge-pad-y) var(--title-badge-pad-x);color:var(--title-badge-fg)!important;background:transparent!important;text-transform:uppercase;text-wrap:balance;}.palette-page__title::before{content:none!important;display:none!important;}.palette-page__title::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:rotate(var(--title-badge-rotate))!important;clip-path:var(--title-badge-clip)!important;background:var(--title-badge-bg)!important;box-shadow:none!important;pointer-events:none;z-index:-1!important;}html[data-theme="dark"] .palette-page__title{color:var(--title-badge-fg)!important;background:transparent!important;}html[data-theme="dark"] .palette-page__title::after{background:var(--title-badge-bg-dark,var(--title-badge-bg))!important;}.palette-page__lede{margin:0 auto;max-width:var(--hero-lede-max);font-family:var(--primary-font);font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:var(--body-font-weight,400);line-height:1.65;color:var(--font-color-light);text-align:center;text-wrap:pretty;}.palette-page__related{display:grid;gap:0.65rem;margin-top:clamp(1.75rem,4vw,2.75rem);padding-top:0;border:0;}.palette-page__related-label{margin:0;font-size:0.8125rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--font-color-light);}.palette-page__related-list{display:flex;flex-wrap:wrap;gap:0.6rem 1rem;margin:0;padding:0;list-style:none;}.palette-page__related-link{display:inline-flex;align-items:center;padding-bottom:0.08rem;font-weight:600;text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--primary-color) 60%,transparent);}.palette-page__related-link:hover,.palette-page__related-link:focus-visible{color:var(--primary-color);border-bottom-color:var(--primary-color);}.palette-page__footer{margin-top:1.25rem;}.tools-index{display:grid;gap:1.5rem;}.tools-index__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:clamp(0.9rem,2vw,1.25rem);align-items:stretch;}@media (hover:hover) and (pointer:fine){}@media (prefers-reduced-motion:reduce){}.palette-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--btn-gap,0.5rem);margin:0;}.palette-page__actions .btn-readmore{margin:0;}.palette-tool{display:grid;gap:1.5rem;}.palette-tool__workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,3vw,2rem);align-items:start;}.palette-tool__pane{display:grid;gap:1rem;}.palette-tool__section-head{display:grid;gap:0.35rem;}.palette-tool__section-label{margin:0;font-size:0.8125rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--font-color-light);}.palette-tool__section-title{margin:0;font-family:var(--primary-font);font-size:clamp(1.2rem,2.4vw,1.45rem);font-weight:700;letter-spacing:-0.01em;line-height:1.25;text-transform:none;color:var(--font-color-dark);}.palette-tool__dropzone{position:relative;border:1px dashed color-mix(in srgb,var(--border-subtle) 70%,transparent);border-radius:0.35rem;background:var(--surface-muted);min-height:clamp(10rem,28vw,14.5rem);transition:border-color var(--duration-ui) var(--ease-ui),background var(--duration-ui) var(--ease-ui);}.palette-tool__dropzone.is-dragging{border-color:color-mix(in srgb,var(--primary-color) 45%,transparent);border-style:solid;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-muted));}.palette-tool__dropzone.has-image{display:none!important;}.palette-tool__input{position:absolute;inset:0;opacity:0;pointer-events:none;}.palette-tool__dropzone-inner{display:grid;place-items:center;align-content:center;gap:0.55rem;min-height:inherit;padding:clamp(1.25rem,4vw,2rem);text-align:center;cursor:pointer;}.palette-tool__dropzone-title{font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:700;line-height:1.1;}.palette-tool__dropzone-subtitle,.palette-tool__dropzone-meta{color:var(--font-color-light);}.palette-tool__dropzone-meta{font-size:0.9375rem;max-width:22rem;}.palette-tool__toolbar{display:flex;flex-wrap:wrap;gap:0.6rem;}.palette-tool__toolbar[hidden],.palette-tool__preview[hidden],.palette-tool__pane[hidden],.palette-tool__status[hidden]{display:none!important;}.palette-tool__toolbar-btn,.palette-tool__download,.palette-tool__copy{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-min-height);padding:0.65rem 1.1rem;font:inherit;font-size:0.9375rem;font-weight:600;color:var(--font-color-dark);background:var(--filter-chip-bg);border:0;border-radius:var(--radius-pill);box-shadow:none;text-decoration:none;cursor:pointer;transition:background var(--duration-ui) var(--ease-ui),color var(--duration-ui) var(--ease-ui);}.palette-tool__toolbar-btn:hover,.palette-tool__toolbar-btn:focus-visible,.palette-tool__download:hover,.palette-tool__download:focus-visible,.palette-tool__copy:hover,.palette-tool__copy:focus-visible{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--filter-chip-bg));}.palette-tool__copy--primary{width:100%;color:var(--on-primary);background:var(--primary-color);}.palette-tool__copy--primary:hover,.palette-tool__copy--primary:focus-visible{color:var(--on-primary);background:color-mix(in srgb,var(--primary-ink) 18%,var(--primary-color));}.palette-tool__copy.is-copied{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--filter-chip-bg));}.palette-tool__copy--primary.is-copied{color:var(--on-primary);background:color-mix(in srgb,var(--primary-ink) 12%,var(--primary-color));}.palette-tool__preview{margin:0;background:var(--surface-muted);border:0;border-radius:0.35rem;overflow:hidden;}.palette-tool__preview-image{display:block;width:100%;height:auto;max-height:min(72vh,42rem);object-fit:contain;background:var(--surface-muted);}.palette-tool__status{margin:0;padding:0.8rem 0.95rem;}.palette-tool__status.tsto-form-notice--success{background:var(--color-success-soft);}.palette-tool.is-busy{cursor:progress;}.palette-tool.is-busy .palette-tool__dropzone-inner,.palette-tool.is-busy .palette-tool__toolbar-btn:disabled,.palette-tool.is-busy .palette-tool__action-btn:disabled,.palette-tool.is-busy .palette-tool__download:disabled,.palette-tool.is-busy .palette-tool__copy:disabled{opacity:0.72;pointer-events:none;}.palette-tool__copy-row{display:flex;flex-wrap:wrap;gap:0.5rem;}.palette-tool__dominant{padding-bottom:0.25rem;}.palette-tool__dominant-label{margin:0 0 0.55rem;font-size:0.8125rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--font-color-light);}.palette-tool__dominant-card{display:grid;grid-template-columns:minmax(5.25rem,6rem) minmax(0,1fr);gap:0.85rem;align-items:center;}.palette-tool__dominant-swatch{display:block;width:100%;aspect-ratio:1 / 1;border:0;border-radius:0.35rem;}.palette-tool__dominant-name,.palette-tool__dominant-hex,.palette-tool__dominant-note{margin:0;}.palette-tool__dominant-name{font-size:1rem;font-weight:700;}.palette-tool__dominant-hex{font-size:1.15rem;font-weight:700;letter-spacing:0.02em;}.palette-tool__dominant-note{margin-top:0.3rem;color:var(--font-color-light);}.palette-tool__strip{display:grid;grid-template-columns:repeat(var(--palette-columns,6),minmax(0,1fr));min-height:3.25rem;border:0;border-radius:0.35rem;overflow:hidden;background:var(--surface-muted);}.palette-tool__strip-chip{display:grid;align-content:end;padding:0.5rem 0.55rem;min-height:3.25rem;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;border:0;border-radius:0;background:var(--strip-color,var(--surface-muted));color:var(--strip-ink,var(--font-color-dark));text-align:left;cursor:pointer;}.palette-tool__handoff,.palette-creator__handoff{margin:0.25rem 0 0;font-size:0.975rem;}.palette-tool__handoff a,.palette-creator__handoff a{font-weight:700;text-decoration:underline;text-underline-offset:0.15em;}.palette-tool__hire{margin:0.15rem 0 0;padding:0;font-size:0.875rem;line-height:1.45;color:var(--font-color-light);}.palette-tool__hire--start{display:block;margin:0.45rem 0 0;padding:0.15rem 0;font-size:0.9375rem;line-height:1.4;color:var(--font-color-dark);opacity:1;visibility:visible;position:relative;z-index:1;}.palette-tool__hire--start .palette-tool__hire-link{color:var(--font-color-dark);font-weight:650;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary-color) 55%,transparent);text-underline-offset:0.18em;}.palette-tool__hire-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:0.15em;text-decoration-thickness:from-font;}.palette-tool__hire-link:hover,.palette-tool__hire-link:focus-visible,.palette-tool__hire--start .palette-tool__hire-link:hover,.palette-tool__hire--start .palette-tool__hire-link:focus-visible{color:var(--primary-color);outline:none;}.palette-tool__hire-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;}.palette-tool__actions{display:grid;gap:1.1rem;padding:0.35rem 0 0;border:0;}.palette-tool__action-row{display:flex;flex-wrap:wrap;gap:0.65rem;}.palette-tool__action-btn.btn-readmore{margin:0;}.palette-tool__export{border:0;padding:0;}.palette-tool__export > summary{cursor:pointer;font-weight:700;list-style:none;width:fit-content;padding:0.35rem 0;color:var(--font-color-dark);}.palette-tool__export > summary::-webkit-details-marker{display:none;}.palette-tool__export > summary::after{content:" +";font-weight:700;color:var(--font-color-light);}.palette-tool__export[open] > summary::after{content:" −";}.palette-tool__action-row--export{margin-top:0.75rem;}.palette-tool__format{display:grid;gap:0.35rem;max-width:14rem;}.palette-tool__linked{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:0.85rem 1.25rem;padding:0;}.palette-tool__linked-label{display:grid;gap:0.25rem;max-width:28rem;cursor:pointer;}.palette-tool__linked-title{font-size:0.9375rem;font-weight:700;}.palette-tool__linked-hint{font-size:0.875rem;line-height:1.45;color:var(--font-color-light);}.palette-tool__linked-control{display:inline-flex;align-items:center;gap:0.65rem;flex-shrink:0;}.palette-tool__linked-state{min-width:2rem;font-size:0.8125rem;font-weight:700;letter-spacing:0.04em;text-align:right;}.palette-tool__linked-toggle{appearance:none;position:relative;width:3rem;height:1.75rem;margin:0;border:0;border-radius:var(--radius-pill);background:var(--filter-chip-bg);cursor:pointer;transition:background-color 0.18s ease;}.palette-tool__linked-toggle::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.75rem - 4px);height:calc(1.75rem - 4px);border-radius:50%;background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--primary-ink) 18%,transparent);transition:transform 0.18s ease;}.palette-tool__linked-toggle:checked{background:var(--primary-color);}.palette-tool__linked-toggle:checked::after{transform:translateX(1.2rem);}.palette-tool__linked-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;}.palette-tool__edit{display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem;}.palette-tool__picker{display:inline-flex;margin:0;}.palette-tool__color-input{width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--radius-pill);background:var(--filter-chip-bg);cursor:pointer;}.palette-tool__color-input::-webkit-color-swatch-wrapper{padding:0.2rem;}.palette-tool__color-input::-webkit-color-swatch{border:0;border-radius:50%;}.palette-tool__hex-field{display:grid;gap:0.2rem;flex:1 1 8rem;min-width:0;margin:0;}.palette-tool__hex-label{font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--font-color-light);}.palette-tool__hex-input{width:100%;min-height:2.75rem;padding:0.55rem 0.85rem;border:0;border-radius:var(--radius-pill);background:var(--filter-chip-bg);color:inherit;font:inherit;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;}.palette-tool__hex-input:focus-visible,.palette-tool__color-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;}.palette-tool__swatch.is-overridden{box-shadow:inset 3px 0 0 var(--primary-color);}.palette-tool__swatch-color,.palette-tool__strip-chip,.palette-tool__dominant-swatch{transition:background-color 0.2s ease,color 0.2s ease;}.palette-tool__format-label{font-size:0.875rem;font-weight:600;}.palette-tool__select{width:100%;min-height:var(--btn-min-height);border-radius:var(--radius-pill);border:0;background:var(--filter-chip-bg);padding-inline:0.9rem;}.palette-tool__swatches{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}.palette-tool__swatch{display:grid;grid-template-columns:minmax(0,1fr);border:0;background:transparent;gap:0.75rem;}.palette-tool__swatch-color{display:flex;min-height:8.5rem;align-items:flex-end;padding:1rem;background:var(--swatch-color,var(--surface-muted));color:var(--swatch-ink,var(--font-color-dark));border-radius:0.35rem;}.palette-tool__swatch-label{display:grid;gap:0.2rem;}.palette-tool__swatch-name{font-size:0.8125rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}.palette-tool__swatch-hex{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:0.02em;line-height:1.1;}.palette-tool__swatch-body{display:grid;gap:0.65rem;padding:0;}.palette-tool__swatch-more{border:0;padding:0;}.palette-tool__swatch-more > summary{cursor:pointer;font-weight:700;list-style:none;width:fit-content;padding:0.2rem 0;color:var(--font-color-light);}.palette-tool__swatch-more > summary::-webkit-details-marker{display:none;}.palette-tool__swatch-more-body{display:grid;gap:0.75rem;margin-top:0.65rem;padding:0.85rem;background:var(--surface-muted);border-radius:0.35rem;}.palette-tool__swatch-meta{display:grid;gap:0.25rem;}.palette-tool__swatch-rgb,.palette-tool__swatch-hsl{margin:0;font-size:0.9375rem;color:var(--font-color-light);}.palette-tool__contrast{border:0;padding-top:0.25rem;}.palette-tool__contrast > summary{cursor:pointer;font-weight:700;list-style:none;width:fit-content;}.palette-tool__contrast > summary::-webkit-details-marker{display:none;}.palette-tool__contrast-list{display:grid;gap:0.75rem;margin-top:0.85rem;}.palette-tool__contrast-item{display:grid;gap:0.45rem;padding:0.85rem;border:0;background:var(--surface-muted);border-radius:0.35rem;}.palette-tool__contrast-item:first-child{padding-top:0.85rem;}.palette-tool__contrast-name,.palette-tool__contrast-hex,.palette-tool__contrast-line{margin:0;}.palette-tool__contrast-hex,.palette-tool__contrast-line{color:var(--font-color-light);}.palette-tool__contrast-pass{color:var(--primary-color);font-weight:700;}.palette-tool__contrast-fail{color:#a93d31;font-weight:700;}html[data-theme="dark"] .palette-tool__contrast-fail{color:#e08a7d;}.palette-article{display:grid;gap:1.5rem;margin-top:clamp(1.75rem,4vw,2.75rem);padding-top:clamp(1.5rem,4vw,2.25rem);border:0;}.palette-article__section{max-width:var(--content-max);}.palette-article__title{margin:0 0 0.7rem;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.15;}.palette-article__section p{margin:0;color:var(--font-color-light);}.palette-faq{margin-top:clamp(1.75rem,4vw,2.75rem);padding-top:clamp(1.5rem,4vw,2.25rem);max-width:var(--content-max);}.palette-faq__intro{margin-bottom:1rem;}@media (min-width:768px){.palette-tool__workspace{grid-template-columns:minmax(0,1.05fr) minmax(18rem,0.95fr);}.palette-tool__swatches{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:1024px){.tools-index__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.35rem;}}@media (max-width:767px){.palette-tool__dominant-card{grid-template-columns:1fr;}.palette-tool__strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:none;}.palette-tool__strip-chip{flex:0 0 auto;min-width:5.5rem;min-height:3.5rem;font-size:0.8125rem;letter-spacing:0.02em;text-transform:none;}.palette-tool__swatches{display:flex;overflow-x:auto;gap:0.85rem;padding-bottom:0.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity;}.palette-tool__swatch{flex:0 0 min(78vw,16.5rem);scroll-snap-align:start;}.palette-tool__action-row{display:flex;flex-wrap:wrap;}.palette-tool__action-row .palette-tool__action-btn,.palette-tool__action-row .palette-tool__download,.palette-tool__copy-row .palette-tool__copy{flex:1 1 auto;}.palette-tool__swatch-hex,.palette-tool__swatch-rgb,.palette-tool__swatch-hsl{overflow-wrap:anywhere;word-break:break-word;}}@media (prefers-reduced-motion:reduce){.palette-tool__dropzone,.palette-tool__toolbar-btn,.palette-tool__download,.palette-tool__copy,.palette-tool__linked-toggle,.palette-tool__linked-toggle::after{transition:none;}}.palette-tool__extract-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.75rem 1rem;margin:0.45rem 0 0;}.palette-tool__control{display:flex;flex-direction:column;gap:0.3rem;min-width:7rem;}.palette-tool__control-label{font-size:0.75rem;font-weight:650;letter-spacing:0.04em;text-transform:uppercase;color:var(--font-color-light);}.palette-tool__preview-stage{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--radius-sm,0.375rem);touch-action:none;}.palette-tool__preview-stage .palette-tool__preview-image{display:block;width:100%;height:auto;}.palette-tool__crop-overlay{position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,#000 28%,transparent);}.palette-tool__crop-rect{position:absolute;box-sizing:border-box;border:2px solid var(--primary-color,#4a7a22);box-shadow:0 0 0 9999px color-mix(in srgb,#000 35%,transparent);background:transparent;}.palette-tool__crop-bar{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.65rem;}.palette-tool__role-select{margin-top:0.45rem;width:100%;max-width:11rem;font-size:0.8125rem;}.palette-tool__swatch-role,.palette-tool__role-chip{display:inline-block;margin:0.35rem 0 0;padding:0.15rem 0.45rem;border-radius:var(--radius-sm,0.375rem);background:color-mix(in srgb,var(--font-color-dark) 8%,transparent);font-size:0.6875rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--font-color-light);}.palette-tool__preview-stage.is-cropping{cursor:crosshair;}.palette-tool__contrast-pair{display:grid;gap:0.75rem;margin:0 0 1rem;padding:0.85rem 0.9rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm,0.375rem);background:color-mix(in srgb,var(--bg-color) 92%,var(--font-color-dark));}.palette-tool__contrast-pair-label{margin:0;font-size:0.8125rem;font-weight:650;color:var(--font-color-dark);}.palette-tool__contrast-pair-row{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;}.palette-tool__contrast-pair-result{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}.palette-tool__contrast-pair-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;min-height:2.75rem;padding:0.4rem 0.7rem;border-radius:var(--radius-sm,0.375rem);font-size:0.8125rem;font-weight:700;}.palette-tool__contrast-pair-meta{margin:0;font-size:0.875rem;color:var(--font-color-light);}.palette-tool__contrast-nudge{display:flex;flex-wrap:wrap;gap:0.45rem;}.palette-tool__contrast-badge{display:inline-block;margin-left:0.25rem;padding:0.05rem 0.35rem;border-radius:0.25rem;font-size:0.6875rem;font-weight:700;letter-spacing:0.03em;}.palette-tool__contrast-badge--aa,.palette-tool__contrast-badge--aaa{background:color-mix(in srgb,var(--primary-color) 18%,transparent);color:var(--primary-color);}.palette-tool__contrast-badge--fail{background:color-mix(in srgb,#b42318 14%,transparent);color:#b42318;}.palette-creator{display:grid;gap:clamp(1.75rem,4vw,2.75rem);}.palette-creator__stage{display:grid;gap:1.5rem;}.palette-creator__wheel-block,.palette-creator__rail,.palette-creator__palette,.palette-creator__harmony,.palette-creator__editor{display:grid;gap:0.9rem;}.palette-creator__wheel-frame{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin-inline:auto;overflow:hidden;container-type:inline-size;}.palette-creator__wheel{position:relative;width:min(100%,min(34rem,70vmin));max-width:560px;margin-inline:auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;overflow:hidden;}.palette-creator__canvas{display:block;width:100%;height:100%;border-radius:50%;background:transparent;pointer-events:none;}.palette-creator__links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;}.palette-creator__links line{stroke:rgba(255,255,255,0.35);stroke-width:1.25;stroke-linecap:round;}.palette-creator__links-ring{fill:none;stroke:rgba(255,255,255,0.14);stroke-width:1;stroke-dasharray:3 5;}.palette-creator__center{position:absolute;left:50%;top:50%;z-index:2;display:grid;justify-items:center;gap:0.2rem;width:22%;max-width:5.5rem;transform:translate(-50%,-50%);pointer-events:none;text-align:center;}.palette-creator__center-swatch{display:block;width:1.35rem;height:1.35rem;border-radius:50%;border:2px solid rgba(255,255,255,0.85);box-shadow:0 0 0 1px rgba(16,20,12,0.35);}.palette-creator__center-hex{font-size:0.6875rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;color:var(--text-muted,#8a938a);text-transform:uppercase;}.palette-creator__handles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3;}.palette-creator__handle{position:absolute;width:1.15rem;height:1.15rem;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:var(--handle-color,#888);box-shadow:0 0 0 1px rgba(16,20,12,0.55),0 1px 3px rgba(16,20,12,0.25);pointer-events:auto;cursor:grab;touch-action:none;z-index:1;transform:translate(-50%,-50%);transition:width 0.12s ease,height 0.12s ease,box-shadow 0.12s ease;}.palette-creator__handle.is-harmony{width:1rem;height:1rem;opacity:0.92;z-index:2;}.palette-creator__handle.is-base{width:1.35rem;height:1.35rem;z-index:3;box-shadow:0 0 0 1px rgba(16,20,12,0.55),0 2px 5px rgba(16,20,12,0.3);}.palette-creator__handle.is-selected{width:1.7rem;height:1.7rem;margin:0;border-width:3px;opacity:1;box-shadow:0 0 0 2px var(--primary-color,#4a7a22),0 0 0 1px rgba(16,20,12,0.4),0 2px 6px rgba(16,20,12,0.3);z-index:4;}.palette-creator__handle.is-base.is-selected{width:1.85rem;height:1.85rem;}.palette-creator__handle.is-locked::after{content:"";position:absolute;left:50%;top:50%;width:0.35rem;height:0.35rem;margin:-0.175rem 0 0 -0.175rem;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(16,20,12,0.45);pointer-events:none;}.palette-creator__handle.is-dragging{cursor:grabbing;z-index:5;}.palette-creator__handle:focus-visible{outline:2px solid var(--primary-color,#4a7a22);outline-offset:3px;}.palette-creator__tip{position:absolute;z-index:6;min-width:7.5rem;max-width:min(12rem,calc(100% - 0.5rem));padding:0.55rem 0.65rem;border:1px solid var(--border-subtle);border-radius:0.35rem;background:var(--surface,#1e241e);color:var(--text,#e8ebe8);box-shadow:0 8px 24px rgba(0,0,0,0.35);pointer-events:none;font-size:0.75rem;line-height:1.35;}.palette-creator__tip[hidden]{display:none!important;}.palette-creator__tip-role{margin:0 0 0.15rem;font-size:0.625rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted,#8a938a);}.palette-creator__tip-hex{margin:0 0 0.25rem;font-size:0.875rem;font-weight:700;letter-spacing:0.02em;}.palette-creator__tip-meta{margin:0;font-size:0.6875rem;color:var(--text-muted,#8a938a);}@media (prefers-reduced-motion:reduce){.palette-creator__handle{transition:none;}}.palette-creator__chips{display:flex;flex-wrap:wrap;gap:0.45rem;}.palette-creator__chip{min-height:2.5rem;padding:0.4rem 0.75rem;border:1px solid var(--border-subtle);background:var(--surface);color:inherit;font:inherit;font-size:0.875rem;font-weight:650;cursor:pointer;}.palette-creator__chip[aria-checked="true"],.palette-creator__chip.is-active{border-color:var(--primary-color,#4a7a22);background:var(--primary-color,#4a7a22);color:#fff;}.palette-creator__harmony-select{display:none;}.palette-creator__meta-row{display:grid;gap:1rem;}.palette-creator__field-label{font-size:0.8125rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}.palette-creator__count{display:grid;gap:0.35rem;}.palette-creator__count-row{display:flex;flex-wrap:wrap;gap:0.4rem;}.palette-creator__count-btn{min-width:2.65rem;min-height:2.65rem;border:1px solid var(--border-subtle);background:var(--surface);color:inherit;font:inherit;font-weight:700;cursor:pointer;}.palette-creator__count-btn.is-active,.palette-creator__count-btn[aria-pressed="true"]{border-color:var(--primary-color,#4a7a22);background:var(--primary-color,#4a7a22);color:#fff;}.palette-creator__linked{display:grid;gap:0.25rem;align-content:start;}.palette-creator__linked-toggle{display:inline-flex;align-items:center;gap:0.55rem;font-weight:650;cursor:pointer;}.palette-creator__linked-toggle input{width:1.15rem;height:1.15rem;accent-color:var(--primary-color,#4a7a22);}.palette-creator__linked.is-forced .palette-creator__linked-toggle{opacity:0.72;cursor:default;}.palette-creator__hint{margin:0;font-size:0.8125rem;color:var(--font-color-light);}.palette-creator__selected{display:grid;gap:0.85rem;}.palette-creator__selected-head{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:0.75rem;align-items:start;}.palette-creator__selected-swatch{aspect-ratio:1;border:1px solid var(--border-subtle);background:#3a6ff7;}.palette-creator__selected-meta{display:grid;gap:0.4rem;min-width:0;}.palette-creator__selected-label{margin:0;font-weight:700;}.palette-creator__hex-field{display:grid;gap:0.25rem;}.palette-creator__picker-panel,.palette-creator__values,.palette-creator__contrast,.palette-creator__export{border:1px solid var(--border-subtle);background:var(--surface);}.palette-creator__picker-panel > summary,.palette-creator__values > summary,.palette-creator__contrast > summary{cursor:pointer;padding:0.7rem 0.85rem;font-weight:700;list-style:none;}.palette-creator__picker-panel > summary::-webkit-details-marker,.palette-creator__values > summary::-webkit-details-marker,.palette-creator__contrast > summary::-webkit-details-marker{display:none;}.palette-creator__picker-panel[open] > summary,.palette-creator__values[open] > summary,.palette-creator__contrast[open] > summary{border-bottom:1px solid var(--border-subtle);}.palette-creator__panel-body{display:grid;gap:0.85rem;padding:0.85rem;min-width:0;overflow:hidden;}.palette-creator__sv{position:relative;width:100%;max-width:100%;aspect-ratio:3 / 2;touch-action:none;user-select:none;border:1px solid var(--border-subtle);overflow:hidden;min-width:0;border-radius:var(--radius-sm,4px);outline:none;}.palette-creator__sv:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring);}.palette-creator__sv-canvas{display:block;width:100%;height:100%;pointer-events:none;}.palette-creator__sv-cursor{position:absolute;width:0.95rem;height:0.95rem;margin:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(16,20,12,0.55),0 1px 4px rgba(0,0,0,0.35);pointer-events:none;transform:translate(-50%,-50%);z-index:1;}.palette-creator__slider{display:grid;gap:0.4rem;min-width:0;max-width:100%;}.palette-creator__slider input[type="range"]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;height:0.75rem;margin:0;padding:0;border:0;border-radius:999px;background:var(--border-subtle);box-sizing:border-box;cursor:pointer;accent-color:var(--primary-color,#4a7a22);}.palette-creator__slider input[type="range"]::-webkit-slider-runnable-track{height:0.75rem;border-radius:999px;background:transparent;}.palette-creator__slider input[type="range"]::-moz-range-track{height:0.75rem;border-radius:999px;background:transparent;border:0;}.palette-creator__slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.15rem;height:1.15rem;margin-top:-0.2rem;border:2px solid #fff;border-radius:50%;background:var(--primary-color,#4a7a22);box-shadow:0 0 0 1px rgba(16,20,12,0.35);box-sizing:border-box;}.palette-creator__slider input[type="range"]::-moz-range-thumb{width:1.15rem;height:1.15rem;border:2px solid #fff;border-radius:50%;background:var(--primary-color,#4a7a22);box-shadow:0 0 0 1px rgba(16,20,12,0.35);box-sizing:border-box;}.palette-creator__slider--hue input[type="range"]{background:linear-gradient( to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100% );}.palette-creator__slider--brightness input[type="range"]{background:linear-gradient( to right,#000 0%,var(--slider-color,#888) 100% );}.palette-creator__slider--hue input[type="range"]::-webkit-slider-thumb,.palette-creator__slider--brightness input[type="range"]::-webkit-slider-thumb,.palette-creator__slider--hue input[type="range"]::-moz-range-thumb,.palette-creator__slider--brightness input[type="range"]::-moz-range-thumb{background:#fff;border-color:rgba(16,20,12,0.75);}.palette-creator__channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem;min-width:0;}.palette-creator__channels + .palette-creator__channels{margin-top:0.15rem;padding-top:0.75rem;border-top:1px solid var(--border-subtle);}.palette-creator__channels label{display:grid;grid-template-columns:1.1rem minmax(0,1fr);align-items:center;gap:0.4rem;min-width:0;font-size:0.75rem;font-weight:700;letter-spacing:0.02em;}.palette-creator__channels label span{line-height:1;color:var(--font-color-light);}.palette-creator__channels input{width:100%;min-width:0;min-height:2.35rem;padding:0.35rem 0.45rem;border:1px solid var(--border-subtle);background:var(--bg,var(--surface));color:inherit;font:inherit;font-variant-numeric:tabular-nums;box-sizing:border-box;}.palette-creator__toolbar{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;}.palette-creator__text-btn,.palette-creator__mini,.palette-creator__lock{min-height:2.5rem;padding:0.4rem 0.7rem;border:1px solid var(--border-subtle);background:var(--surface);color:inherit;font:inherit;font-size:0.8125rem;font-weight:700;cursor:pointer;}.palette-creator__lock.is-on{border-color:var(--primary-color,#4a7a22);}.palette-creator__strip{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));min-height:3.5rem;overflow:hidden;}.palette-creator__strip-swatch{display:block;min-height:3.5rem;}.palette-creator__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:0.75rem;align-items:stretch;}.palette-creator__card{display:grid;grid-template-rows:auto 1fr;min-width:0;border:1px solid var(--border-subtle);background:var(--surface);}.palette-creator__card--add{align-content:center;justify-items:center;min-height:100%;border-style:dashed;cursor:pointer;font:inherit;font-weight:700;color:var(--font-color-light);}.palette-creator__card.is-selected{border-color:var(--primary-color,#4a7a22);box-shadow:0 0 0 1px var(--primary-color,#4a7a22);}.palette-creator__card.is-locked{box-shadow:inset 3px 0 0 var(--primary-color,#4a7a22);}.palette-creator__card.is-selected.is-locked{box-shadow:inset 3px 0 0 var(--primary-color,#4a7a22),0 0 0 1px var(--primary-color,#4a7a22);}.palette-creator__card-swatch{display:flex;align-items:flex-end;min-height:5.5rem;width:100%;padding:0.75rem;border:0;background:var(--swatch,#888);color:var(--ink,#fff);font:inherit;font-weight:700;letter-spacing:0.02em;text-align:left;cursor:grab;touch-action:none;}.palette-creator__card-swatch:active{cursor:grabbing;}.palette-creator__card-body{display:grid;grid-template-rows:auto auto 1fr auto;gap:0.4rem;padding:0.7rem 0.75rem 0.75rem;align-content:start;}.palette-creator__card-meta{margin:0;font-size:0.75rem;line-height:1.35;color:var(--font-color-light);overflow-wrap:anywhere;}.palette-creator__card-actions,.palette-creator__card-move{display:flex;flex-wrap:wrap;gap:0.35rem;}.palette-creator__card-move{padding-top:0.15rem;border-top:1px solid var(--border-subtle);}.palette-creator__palette-actions{display:grid;gap:0.75rem;}.palette-creator__export{position:relative;display:inline-block;}.palette-creator__export-summary{list-style:none;min-height:2.75rem;padding:0.55rem 0.9rem;border:1px solid var(--border-subtle);background:var(--surface);font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;}.palette-creator__export-summary::-webkit-details-marker{display:none;}.palette-creator__export-menu{position:absolute;z-index:5;top:calc(100% + 0.25rem);left:0;min-width:12rem;display:grid;gap:0.25rem;padding:0.45rem;border:1px solid var(--border-subtle);background:var(--surface);box-shadow:0 8px 24px rgba(16,20,12,0.12);}.palette-creator__contrast-list{display:grid;gap:0.55rem;padding:0.85rem;}.palette-creator__contrast-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:0.65rem;align-items:center;}.palette-creator__contrast-swatch{aspect-ratio:1;border:1px solid var(--border-subtle);}.palette-creator__contrast-meta{margin:0;font-size:0.875rem;color:var(--font-color-light);}.palette-creator__contrast-meta strong{color:var(--font-color-dark);font-weight:700;}.palette-creator__recent{display:grid;gap:0.65rem;padding-top:0.35rem;}.palette-creator__recent-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;}.palette-creator__recent-list{display:flex;flex-wrap:wrap;gap:0.55rem;}.palette-creator__recent-item{display:grid;grid-auto-flow:column;grid-auto-columns:1.35rem;min-height:2.75rem;padding:0.35rem;border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;}.palette-creator__recent-item span{display:block;min-height:2rem;}.palette-creator__handoff{margin:0;font-size:0.95rem;color:var(--font-color-light);}.palette-creator__handoff a{font-weight:700;text-decoration:underline;text-underline-offset:0.15em;color:inherit;}html[data-theme="dark"] .palette-creator__handle{border-color:#f2f4f1;box-shadow:0 0 0 1px rgba(0,0,0,0.65),0 1px 4px rgba(0,0,0,0.45);}html[data-theme="dark"] .palette-creator__handle.is-selected{box-shadow:0 0 0 2px var(--primary-color,#7cbc3d),0 0 0 1px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.45);}html[data-theme="dark"] .palette-creator__links line{stroke:rgba(255,255,255,0.28);}html[data-theme="dark"] .palette-creator__tip{border-color:rgba(255,255,255,0.12);}html[data-theme="dark"] .palette-creator__chip,html[data-theme="dark"] .palette-creator__count-btn,html[data-theme="dark"] .palette-creator__card,html[data-theme="dark"] .palette-creator__selected-swatch,html[data-theme="dark"] .palette-creator__mini,html[data-theme="dark"] .palette-creator__lock,html[data-theme="dark"] .palette-creator__text-btn,html[data-theme="dark"] .palette-creator__channels input,html[data-theme="dark"] .palette-creator__picker-panel,html[data-theme="dark"] .palette-creator__values,html[data-theme="dark"] .palette-creator__contrast,html[data-theme="dark"] .palette-creator__export-summary,html[data-theme="dark"] .palette-creator__export-menu{border-color:rgba(255,255,255,0.12);}html[data-theme="dark"] .palette-creator__export-menu{box-shadow:0 10px 28px rgba(0,0,0,0.45);}@media (min-width:640px){.palette-creator__meta-row{grid-template-columns:minmax(0,1.2fr) minmax(10rem,0.8fr);align-items:start;}}@media (min-width:1024px){.palette-creator__stage{grid-template-columns:minmax(0,1.15fr) minmax(18rem,0.9fr);align-items:start;gap:2rem;}.palette-creator__wheel-frame{justify-content:flex-start;}.palette-creator__wheel{width:min(100%,min(36rem,58vmin));max-width:560px;margin-inline:0;}.palette-creator__cards{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));}}@media (max-width:480px){.palette-creator__selected-head{grid-template-columns:3.75rem minmax(0,1fr);}.palette-creator__selected-head .palette-creator__lock{grid-column:1 / -1;justify-self:start;}.palette-creator__chips{display:none;}.palette-creator__harmony-select{display:block;}}.palette-creator__harmony-blurb{margin:-0.15rem 0 0.35rem;font-size:0.9375rem;line-height:1.45;color:var(--font-color-light);}.palette-creator__card--add{border:1px dashed color-mix(in srgb,var(--border-subtle) 80%,transparent)!important;background:transparent!important;border-radius:var(--radius-md)!important;}.palette-creator .palette-tool__section-head{gap:0.25rem;margin-bottom:0.35rem;}.palette-creator .palette-tool__section-label{font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--font-color-light);}.palette-creator .palette-tool__section-title{font-family:var(--primary-font);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-0.01em;text-transform:none;}.palette-creator__stage{gap:clamp(1.75rem,4vw,2.5rem);}.palette-creator__wheel-frame{overflow:visible;}.palette-creator__chip,.palette-creator__count-btn,.palette-creator__mini,.palette-creator__lock,.palette-creator__text-btn,.palette-creator__export-summary{border:0!important;border-radius:var(--radius-pill)!important;background:var(--filter-chip-bg)!important;color:var(--font-color-dark);box-shadow:none!important;}.palette-creator__chip[aria-checked="true"],.palette-creator__chip.is-active,.palette-creator__count-btn.is-active,.palette-creator__count-btn[aria-pressed="true"],.palette-creator__lock.is-on{background:var(--primary-color)!important;color:var(--on-primary)!important;}.palette-creator__card{border:0!important;background:transparent!important;box-shadow:none!important;}.palette-creator__card.is-selected{border:0!important;box-shadow:none!important;}.palette-creator__card.is-selected .palette-creator__card-swatch{outline:2px solid var(--primary-color);outline-offset:3px;}.palette-creator__card.is-locked{box-shadow:none!important;}.palette-creator__card-swatch{border-radius:var(--radius-md);min-height:7rem;}.palette-creator__card-body{padding:0.65rem 0.15rem 0.25rem;}.palette-creator__card-move{border-top:0!important;padding-top:0.35rem;}.palette-creator__card-extra{display:none;gap:0.35rem;padding-top:0.5rem;border-top:0;font-size:0.75rem;color:var(--font-color-light);}.palette-creator__card.is-selected .palette-creator__card-extra{display:grid;}.palette-creator__card-meta{display:none;}.palette-creator__picker-panel,.palette-creator__values,.palette-creator__contrast,.palette-creator__export{border:0!important;background:var(--surface-muted)!important;border-radius:var(--radius-md);}.palette-creator__picker-panel[open] > summary,.palette-creator__values[open] > summary,.palette-creator__contrast[open] > summary{border-bottom:0!important;}.palette-creator__selected-swatch{border:0!important;border-radius:var(--radius-md);}.palette-creator__channels input,.palette-creator .palette-tool__hex-input{border-radius:var(--field-radius,var(--radius-sm));border-color:transparent;background:var(--input-bg);box-shadow:inset 0 0 0 1px var(--border-subtle);}.palette-creator__channels + .palette-creator__channels{border-top:0!important;padding-top:0.5rem;}.palette-creator__tip{border:0!important;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 10px 28px color-mix(in srgb,var(--font-color-dark) 18%,transparent);}.palette-creator__links line{stroke:color-mix(in srgb,var(--font-color-dark) 28%,transparent);}html[data-theme="dark"] .palette-creator__links line{stroke:color-mix(in srgb,#fff 28%,transparent);}.palette-creator__handoff{margin-top:0.5rem;padding-top:0;border-top:0;font-size:1rem;}.palette-creator__strip{border-radius:var(--radius-md);overflow:hidden;}.palette-creator__cards{display:flex;gap:0.75rem;overflow-x:auto;padding-bottom:0.35rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-template-columns:none;}.palette-creator__card{flex:0 0 min(11rem,72vw);scroll-snap-align:start;min-width:0;}@media (min-width:1024px){.palette-creator__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));overflow:visible;}.palette-creator__card{flex:none;}}.palette-creator__mini.is-copied,.palette-creator__text-btn.is-copied{background:var(--primary-color)!important;color:var(--on-primary)!important;}.palette-page--refiner .palette-refiner{display:grid;gap:clamp(1.5rem,4vw,2.5rem);}.palette-refiner__empty[hidden],.palette-refiner__bulk[hidden],.palette-refiner__workspace[hidden],.palette-refiner__recent[hidden],.palette-refiner [hidden]{display:none!important;}.palette-refiner__empty-lede,.palette-refiner__hint,.palette-refiner__mode-blurb,.palette-refiner__analysis-text,.palette-refiner__example-label{margin:0 0 0.85rem;color:var(--font-color-light);max-width:var(--content-max);}.palette-refiner__intake.is-compact .palette-tool__section-title{font-size:1.05rem;}.palette-refiner__input-row{display:flex;flex-wrap:wrap;gap:0.65rem;align-items:end;margin-bottom:1rem;}.palette-refiner__field{display:grid;gap:0.35rem;font-size:0.9rem;}.palette-refiner__field input[type="text"],.palette-refiner__paste textarea,.palette-refiner__hex{min-width:min(100%,12rem);padding:0.55rem 0.7rem;border:1px solid color-mix(in srgb,var(--font-color) 18%,transparent);border-radius:2px;background:var(--bg-color,#fff);color:var(--font-color);font:inherit;}.palette-refiner__paste{display:grid;gap:0.4rem;margin:1rem 0 0.75rem;max-width:36rem;}.palette-refiner__paste textarea{width:100%;min-height:5.5rem;resize:vertical;}.palette-refiner__picker-add input[type="color"]{width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;cursor:pointer;}.palette-refiner__text-btn,.palette-refiner__icon-btn,.palette-refiner__card-copies button{appearance:none;border:0;background:transparent;color:var(--primary-ink,var(--primary-color));font:inherit;font-size:0.92rem;cursor:pointer;padding:0.35rem 0;min-height:2.5rem;text-decoration:underline;text-underline-offset:0.15em;}.palette-refiner__handoff{margin:0.5rem 0 0;color:var(--font-color-light);}.palette-refiner__handoff a{color:inherit;}.palette-refiner__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:0.75rem;margin:0 0 0.75rem;}.palette-refiner__swatch{display:grid;gap:0.45rem;}.palette-refiner__swatch-preview{aspect-ratio:1 / 1.05;border-radius:2px;min-height:5.5rem;}.palette-refiner__swatch.is-locked .palette-refiner__swatch-preview{outline:2px solid var(--primary-color);outline-offset:2px;}.palette-refiner__swatch-actions{display:flex;flex-wrap:wrap;gap:0.65rem;}.palette-refiner__chips{display:flex;flex-wrap:nowrap;gap:0.45rem;margin:0 0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.25rem;scrollbar-width:thin;}@media (min-width:768px){.palette-refiner__chips{flex-wrap:wrap;overflow:visible;}}.palette-refiner__chip{appearance:none;border:0;background:color-mix(in srgb,var(--font-color) 8%,transparent);color:var(--font-color);font:inherit;font-size:0.9rem;padding:0.5rem 0.85rem;border-radius:999px;cursor:pointer;flex:0 0 auto;min-height:2.5rem;}.palette-refiner__chip.is-active,.palette-refiner__chip[aria-checked="true"]{background:var(--primary-color);color:var(--on-primary,#fff);}.palette-refiner__strength{display:grid;gap:0.35rem;max-width:28rem;margin-bottom:0.75rem;}.palette-refiner__strength input[type="range"],.palette-refiner__fine input[type="range"],.palette-refiner__global input[type="range"]{width:100%;height:2rem;accent-color:var(--primary-color);}.palette-refiner__strength-ends{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--font-color-light);}.palette-refiner__toolbar{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;align-items:center;}.palette-refiner__compare{padding-block:0.25rem;}.palette-refiner__compare-grid{display:grid;gap:1rem;}@media (min-width:768px){.palette-refiner__compare-grid{grid-template-columns:1fr 1fr;gap:1.25rem;}}.palette-refiner__compare-label{margin:0 0 0.45rem;font-size:0.85rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--font-color-light);}.palette-refiner__strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:clamp(5.5rem,18vw,8rem);border-radius:2px;overflow:hidden;}.palette-refiner__strip--refined{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary-color) 55%,transparent);}.palette-refiner__strip-swatch{display:flex;align-items:flex-end;justify-content:flex-start;margin:0;padding:0.55rem 0.35rem;font:inherit;font-size:clamp(0.65rem,1.6vw,0.8rem);min-width:0;word-break:break-all;}.palette-refiner__delta,.palette-refiner__advanced,.palette-refiner__export,.palette-refiner__contrast,.palette-refiner__fine-more{margin-top:0.85rem;}.palette-refiner__delta summary,.palette-refiner__advanced summary,.palette-refiner__export summary,.palette-refiner__card-details summary,.palette-refiner__contrast summary,.palette-refiner__fine-more summary{cursor:pointer;font-weight:600;min-height:2.5rem;display:flex;align-items:center;}.palette-refiner__delta-list{list-style:none;margin:0.75rem 0 0;padding:0;display:grid;gap:0.75rem;}.palette-refiner__delta-item{display:grid;grid-template-columns:1.75rem 1fr;gap:0.65rem;align-items:start;font-size:0.9rem;color:var(--font-color-light);}.palette-refiner__delta-item p{margin:0.25rem 0 0;}.palette-refiner__delta-item code{font-size:0.85em;}.palette-refiner__delta-swatch{width:1.75rem;height:1.75rem;border-radius:2px;}.palette-refiner__fine,.palette-refiner__global{display:grid;gap:0.85rem;margin-top:0.85rem;max-width:28rem;}.palette-refiner__fine label,.palette-refiner__global label,.palette-refiner__contrast-body label{display:grid;gap:0.3rem;}.palette-refiner__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:0.85rem;margin-bottom:1rem;}.palette-refiner__card{display:grid;gap:0.5rem;}.palette-refiner__card.is-selected .palette-refiner__card-swatch,.palette-refiner__card.is-locked .palette-refiner__card-swatch{outline:2px solid var(--primary-color);outline-offset:2px;}.palette-refiner__card-swatch{appearance:none;border:0;min-height:6.5rem;padding:0.65rem;font:inherit;font-size:0.85rem;text-align:left;cursor:pointer;border-radius:2px;}.palette-refiner__card-hex{margin:0;font-size:0.9rem;}.palette-refiner__card-body{display:grid;gap:0.4rem;font-size:0.88rem;color:var(--font-color-light);}.palette-refiner__manual{display:flex;align-items:center;gap:0.5rem;min-height:2.5rem;}.palette-refiner__contrast-body{display:grid;gap:0.75rem;margin-top:0.75rem;max-width:28rem;}.palette-refiner__contrast-body select{font:inherit;padding:0.45rem 0.55rem;border:1px solid color-mix(in srgb,var(--font-color) 18%,transparent);border-radius:2px;background:var(--bg-color,#fff);color:var(--font-color);min-height:2.5rem;}.palette-refiner__contrast-result{margin:0;font-size:0.95rem;color:var(--font-color);}.palette-refiner__export-bar{display:flex;flex-wrap:wrap;gap:0.65rem 0.85rem;align-items:center;}.palette-refiner__export{position:relative;}.palette-refiner__export-menu{position:absolute;z-index:2;display:grid;gap:0.35rem;min-width:11rem;padding:0.55rem 0.65rem;background:var(--bg-color,#fff);border:1px solid color-mix(in srgb,var(--font-color) 14%,transparent);border-radius:2px;}.palette-refiner details:not([open]) >:not(summary){visibility:hidden;}.palette-refiner details[open] >:not(summary){visibility:visible;}.palette-refiner__export-bar select{font:inherit;padding:0.4rem 0.5rem;border:1px solid color-mix(in srgb,var(--font-color) 18%,transparent);border-radius:2px;background:var(--bg-color,#fff);color:var(--font-color);min-height:2.5rem;}.palette-refiner__dialog{border:1px solid color-mix(in srgb,var(--font-color) 16%,transparent);border-radius:2px;padding:0;max-width:min(24rem,calc(100vw - 2rem));background:var(--bg-color,#fff);color:var(--font-color);box-shadow:0 0.75rem 2rem color-mix(in srgb,#000 18%,transparent);}.palette-refiner__dialog::backdrop{background:color-mix(in srgb,#000 45%,transparent);}.palette-refiner__dialog-body{display:grid;gap:0.85rem;padding:1.15rem 1.25rem 1.25rem;margin:0;}.palette-refiner__dialog-body .palette-tool__section-title{margin:0;font-size:1.15rem;}.palette-refiner__dialog-actions{display:flex;flex-wrap:wrap;gap:0.55rem;justify-content:flex-end;}html[data-theme="dark"] .palette-refiner__dialog{background:var(--surface,#1a1f1b);border-color:color-mix(in srgb,#fff 14%,transparent);}.palette-refiner__steps{margin:0;padding-left:1.2rem;color:var(--font-color-light);max-width:var(--content-max);}.palette-refiner__steps li + li{margin-top:0.35rem;}.palette-refiner__recent{display:grid;gap:0.85rem;padding-top:0.25rem;}.palette-refiner__recent-list{list-style:none;margin:0;padding:0;display:grid;gap:0.75rem;}.palette-refiner__recent-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"swatches actions" "meta actions";gap:0.35rem 0.85rem;align-items:center;padding:0.65rem 0;border-top:1px solid color-mix(in srgb,var(--font-color) 10%,transparent);}.palette-refiner__recent-item:first-child{border-top:0;padding-top:0;}.palette-refiner__recent-swatches{grid-area:swatches;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(1.1rem,1.75rem);min-height:2.5rem;max-width:100%;overflow:hidden;border-radius:2px;border:1px solid color-mix(in srgb,var(--font-color) 12%,transparent);}.palette-refiner__recent-swatches span{display:block;min-height:2.5rem;}.palette-refiner__recent-meta{grid-area:meta;margin:0;font-size:0.88rem;color:var(--font-color-light);}.palette-refiner__recent-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:0.35rem 0.65rem;align-items:center;justify-content:flex-end;}.palette-refiner__recent-open{min-height:2.5rem;padding-inline:0.9rem;}html[data-theme="dark"] .palette-refiner__field input[type="text"],html[data-theme="dark"] .palette-refiner__paste textarea,html[data-theme="dark"] .palette-refiner__hex,html[data-theme="dark"] .palette-refiner__contrast-body select,html[data-theme="dark"] .palette-refiner__export-bar select,html[data-theme="dark"] .palette-refiner__export-menu{background:var(--surface,#1a1f1b);border-color:color-mix(in srgb,#fff 14%,transparent);color:var(--font-color);}html[data-theme="dark"] .palette-refiner__chip{border-color:color-mix(in srgb,#fff 16%,transparent);background:color-mix(in srgb,var(--surface,#1a1f1b) 88%,#000);}html[data-theme="dark"] .palette-refiner__chip.is-active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 22%,transparent);}html[data-theme="dark"] .palette-refiner__strip--refined{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 55%,transparent);}html[data-theme="dark"] .palette-refiner__recent-swatches{border-color:color-mix(in srgb,#fff 14%,transparent);}html[data-theme="dark"] .palette-refiner__recent-item{border-top-color:color-mix(in srgb,#fff 10%,transparent);}html[data-theme="dark"] .palette-refiner__text-btn{color:color-mix(in srgb,var(--primary-color) 70%,#fff);}@media (max-width:767px){.palette-refiner__compare-grid > div + div{margin-top:0.25rem;}.palette-refiner__compare-grid > div + div::before{content:"↓";display:block;text-align:center;color:var(--font-color-light);margin-bottom:0.35rem;font-size:1.1rem;}.palette-refiner__recent-item{grid-template-columns:1fr;grid-template-areas:"swatches" "meta" "actions";}.palette-refiner__recent-actions{justify-content:flex-start;}}@media (prefers-reduced-motion:reduce){.palette-refiner__strip-swatch,.palette-refiner__card-swatch,.palette-refiner__swatch-preview{transition:none!important;}}