@layer page{html,body{min-height:100vh;height:auto!important;overflow:hidden auto!important}html.thread-chart-print,html.thread-chart-print body{overflow:clip visible!important}[id$=-root],#conversion-root{height:auto!important;display:block!important;overflow:visible!important}.tool-container{background:var(--bg-page);width:100vw;min-height:400px;margin-top:2rem;margin-bottom:40px;margin-left:calc(50% - 50vw);position:relative}.tool-container.tool-container--placeholder{min-height:0}.tool-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.tool-loading.hidden{display:none}.tool-container--placeholder{isolation:isolate}.tool-island-stack{width:100%;position:relative}.tool-island-stack--has-placeholder{box-sizing:border-box;width:100%;max-width:56rem;margin-left:auto;margin-right:auto}@media (width>=1024px){.tool-island-stack--has-placeholder{max-width:64rem}}.tool-island-stack-inner{width:100%;position:relative}.tool-container--placeholder .tool-island-stack-inner{background:var(--bg-page)}.tool-island-root--placeholder{z-index:1;box-sizing:border-box;background:var(--bg-page);width:100%;position:relative}.tool-island-root--placeholder.tool-island-root--awaiting{aspect-ratio:1200/671}.tool-placeholder-image{z-index:0;pointer-events:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;inset:0}.tool-placeholder-image.tool-placeholder-image--hydrated{visibility:hidden;opacity:0}.tool-placeholder-image__img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:.5;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.tool-loading--overlay{z-index:2;position:absolute;inset:0}.tool-loading--over-prerendered{display:none}.tool-island-root--placeholder:not(.tool-island-root--awaiting){aspect-ratio:auto;min-height:0}.dmc-chart-static-wrapper{width:100%;padding:16px;display:none;overflow-x:auto}.dmc-chart-static-wrapper--visible{display:block}.dmc-chart-static-table{border-collapse:collapse;width:100%;max-width:640px;color:var(--text-primary,#1a1a1a);margin:0 auto;font-size:.9rem}.dmc-chart-static-table th,.dmc-chart-static-table td{text-align:left;border-bottom:1px solid var(--border-light,#e5e7eb);padding:8px 12px}.dmc-chart-static-table thead th{color:var(--text-secondary,#4b5563);font-weight:600}.dmc-chart-static-swatch{vertical-align:middle;border:1px solid #0000001a;border-radius:4px;width:24px;height:24px;display:inline-block}.dmc-chart-static-code{font-family:ui-monospace,monospace;font-weight:600}.dmc-chart-static-hex{color:var(--text-secondary,#6b7280);font-family:ui-monospace,monospace;font-size:.85em}.tools-eyebrow{width:fit-content;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:9999px;margin:0 auto 1.15rem;padding:.45rem .9rem;font-size:.875rem;font-weight:650;display:inline-flex}.related-tools-links a{color:var(--text-primary)}.faq-section{background:var(--bg-page);padding:3rem 0}.faq-list{list-style:none}@media print{@page{margin:10mm}html.thread-chart-print *{print-color-adjust:exact;box-shadow:none!important;text-shadow:none!important}html.thread-chart-print,html.thread-chart-print body{color:#111!important;color-scheme:light!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}html.thread-chart-print{--bg-page:#fff;--bg-surface:#fff;--text-primary:#111;--text-secondary:#333;--text-muted:#555;--border-light:#e5e7eb}html.thread-chart-print main{margin:0!important;padding:0!important}html.thread-chart-print nav,html.thread-chart-print footer,html.thread-chart-print .hero,html.thread-chart-print .tool-hero,html.thread-chart-print .content-section,html.thread-chart-print .faq-section,html.thread-chart-print #tool-loading,html.thread-chart-print .tool-loading{display:none!important}html.thread-chart-print .tool-container{background:0 0!important;width:auto!important;min-height:0!important;margin:0!important}html.thread-chart-print astro-island{display:none!important}html.thread-chart-print .dmc-chart-static-wrapper,html.thread-chart-print .dmc-chart-static-wrapper.hidden,html.thread-chart-print #dmc-chart-static,html.thread-chart-print #anchor-chart-static,html.thread-chart-print #cosmo-chart-static,html.thread-chart-print #madeira-chart-static,html.thread-chart-print #sullivans-chart-static,html.thread-chart-print #cxc-chart-static,html.thread-chart-print #classic-colorworks-chart-static,html.thread-chart-print #weeks-dye-works-chart-static,html.thread-chart-print #jp-coats-chart-static,html.thread-chart-print #kreinik-chart-static,html.thread-chart-print #presencia-chart-static,html.thread-chart-print #gentle-art-chart-static{display:block!important}html.thread-chart-print .dmc-chart-static-wrapper{-moz-column-count:2;column-count:2;-moz-column-gap:12px;-moz-column-fill:auto;column-fill:auto;column-gap:12px;padding:0!important;overflow:visible!important}html.thread-chart-print .dmc-chart-static-table{display:contents;color:#111!important;font-size:9pt!important;line-height:1.25!important}html.thread-chart-print .dmc-chart-static-table thead,html.thread-chart-print .dmc-chart-static-table tbody{display:contents}html.thread-chart-print .dmc-chart-static-table thead tr{-moz-column-span:all;column-span:all;box-sizing:border-box;grid-template-columns:40px 5.5rem minmax(0,1fr);align-items:end;width:100%;display:grid;border-bottom:2px solid #111!important}html.thread-chart-print .dmc-chart-static-table thead th:first-child,html.thread-chart-print .dmc-chart-static-table thead th:nth-child(4){display:none!important}html.thread-chart-print .dmc-chart-static-table thead th:nth-child(2){grid-column:2}html.thread-chart-print .dmc-chart-static-table thead th:nth-child(3){grid-column:3}html.thread-chart-print .dmc-chart-static-table tbody tr{box-sizing:border-box;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;grid-template-columns:40px 5.5rem minmax(0,1fr);align-items:center;width:100%;display:grid;border-bottom:1px solid #e5e7eb!important}html.thread-chart-print .dmc-chart-static-table th,html.thread-chart-print .dmc-chart-static-table td{min-width:0;display:block;vertical-align:middle!important;border-bottom:none!important;padding:3px 6px!important}html.thread-chart-print .dmc-chart-static-table thead th{color:#111!important;background:#fff!important;font-weight:700!important}html.thread-chart-print .dmc-chart-static-table th:nth-child(4),html.thread-chart-print .dmc-chart-static-table td:nth-child(4){display:none!important}html.thread-chart-print .dmc-chart-static-code{white-space:nowrap!important;font-size:9pt!important}html.thread-chart-print .dmc-chart-static-table a{color:#000!important;text-decoration:none!important}html.thread-chart-print .dmc-chart-static-swatch{print-color-adjust:exact;box-sizing:border-box!important;border:1px solid #00000040!important;border-radius:2px!important;width:36px!important;height:24px!important}}}@theme{ --radius: .625rem;  --background: oklch(100% 0 0); --foreground: oklch(14.5% 0 0); --card: oklch(100% 0 0); --card-foreground: oklch(14.5% 0 0); --popover: oklch(100% 0 0); --popover-foreground: oklch(14.5% 0 0); --primary: var(--color-accent-500); --primary-foreground: oklch(98.5% 0 0); --secondary: oklch(97% 0 0); --secondary-foreground: oklch(20.5% 0 0); --muted: oklch(97% 0 0); --muted-foreground: oklch(55.6% 0 0); --accent: var(--color-accent-500); --accent-foreground: oklch(20.5% 0 0); --destructive: oklch(57.7% .245 27.325); --destructive-foreground: 0 0% 98%; --border: oklch(92.2% 0 0); --input: oklch(92.2% 0 0); --ring: oklch(70.8% 0 0);}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:var(--color-accent-500);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0)}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-track{background:#eaeae8;border-radius:4px;height:8px}.dark input[type=range]::-webkit-slider-track{background:#4a4845}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d4594a;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000001a}.dark input[type=range]::-webkit-slider-thumb{border:2px solid #2a2826}html.import-embed-active{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.import-embed-fullscreen{z-index:50;background:var(--background,#fff);position:fixed;inset:0}