.wtcw{--ink:#111;--ink-2:#555;--ink-3:#8a8a8a;--line:#e6e6e3;--line-2:#d4d4d0;--bg:#fff;--soft:#f7f7f5;--radius:10px;--radius-s:7px;margin:8px 0 22px;color:var(--ink);font-family:inherit;line-height:1.4}.wtcw *,.wtcw *::before,.wtcw *::after{box-sizing:border-box}.wtcw p{margin:0}.wtcw-hidden,.wtcw [hidden]{display:none!important}.wtcw__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wtcw__eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.wtcw__eyebrow strong{color:var(--ink);font-weight:700;letter-spacing:.06em}.wtcw__hint{font-size:12.5px;color:var(--ink-3);margin-top:12px}.wtcw__textbtn{background:none!important;border:0!important;padding:0!important;margin:0 0 0 4px!important;color:var(--ink)!important;text-decoration:underline;font:inherit!important;font-size:12.5px!important;cursor:pointer;min-height:0!important;line-height:inherit!important;box-shadow:none!important}.wtcw__toggle{display:flex!important;align-items:center;gap:12px;width:100%;margin:0 0 10px!important;background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:14px 18px!important;min-height:0!important;line-height:1.2!important;text-align:left;cursor:pointer;font-weight:700!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}.wtcw__toggle:hover{border-color:var(--line-2)!important}.wtcw__toggle-dot{width:20px;height:20px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#f43f5e,#f59e0b,#facc15,#22c55e,#06b6d4,#3b82f6,#a855f7,#f43f5e)}.wtcw__toggle-hint{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.wtcw__toggle-caret{flex:0 0 auto;color:var(--ink-3);transition:transform .2s}.wtcw__toggle[aria-expanded="true"] .wtcw__toggle-caret{transform:rotate(180deg)}.wtcw__panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden}.wtcw__panel.is-drop{outline:2px dashed var(--ink);outline-offset:-8px}.wtcw__left{padding:22px 20px 20px;background:var(--soft);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.wtcw__wheel{min-height:236px;width:100%;display:flex;flex-direction:column;align-items:center}.wtcw__disk{position:relative;border-radius:50%;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle closest-side,#fff 0%,#fff0 100%),conic-gradient(from 0deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);box-shadow:0 0 0 1px rgb(0 0 0 / .08),0 8px 24px rgb(0 0 0 / .08)}.wtcw__disk:focus{outline:none;box-shadow:0 0 0 2px var(--ink),0 8px 24px rgb(0 0 0 / .08)}.wtcw__handle{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .35),0 2px 8px rgb(0 0 0 / .3);pointer-events:none}.wtcw__vlabel{display:block;width:100%;max-width:236px;margin:16px auto 0}.wtcw__vslider{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;border:1px solid rgb(0 0 0 / .1);margin:0;cursor:pointer}.wtcw__vslider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgb(0 0 0 / .25);box-shadow:0 1px 4px rgb(0 0 0 / .25)}.wtcw__vslider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgb(0 0 0 / .25);box-shadow:0 1px 4px rgb(0 0 0 / .25)}.wtcw__preview{display:flex;align-items:center;gap:10px;margin:14px 0 18px;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}.wtcw__swatch{width:30px;height:30px;border-radius:50%;border:1px solid rgb(0 0 0 / .12);display:inline-block;box-shadow:inset 0 0 0 2px #fff}.wtcw__swatch-name{letter-spacing:.02em}.wtcw__chips{display:grid;grid-template-columns:repeat(8,24px);gap:8px;justify-content:center}.wtcw__chip,.wtcw__pc{width:24px!important;height:24px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgb(0 0 0 / .18)!important;background:var(--c)!important;cursor:pointer;line-height:0!important;display:block;transition:transform .12s,box-shadow .12s}.wtcw__chip:hover,.wtcw__pc:hover{transform:scale(1.18);box-shadow:0 0 0 1px rgb(0 0 0 / .35)!important}.wtcw__chip.is-active{box-shadow:0 0 0 2px var(--ink)!important}.wtcw__controls{padding:22px 24px 20px;min-width:0}.wtcw__field{margin-bottom:18px}.wtcw__select{position:relative;max-width:420px}.wtcw__select::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}.wtcw__select select{width:100%;appearance:none;-webkit-appearance:none;height:44px!important;padding:0 40px 0 14px!important;border:1px solid var(--line-2)!important;border-radius:var(--radius-s)!important;background:#fff!important;color:var(--ink)!important;font:inherit!important;font-size:14px!important;box-shadow:none!important;margin:0!important;cursor:pointer}.wtcw__select select:focus{outline:none;border-color:var(--ink)!important}.wtcw__tabs{display:flex;gap:6px;margin-bottom:10px}.wtcw__tab{background:#fff!important;color:var(--ink-2)!important;border:1px solid var(--line-2)!important;border-radius:999px!important;padding:7px 14px!important;min-height:0!important;line-height:1.2!important;font:inherit!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;margin:0!important;cursor:pointer}.wtcw__tab:hover{border-color:var(--ink)!important;color:var(--ink)!important}.wtcw__tab[aria-selected="true"]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}.wtcw__tabpanel{border:1px solid var(--line);border-radius:var(--radius-s);padding:14px;background:#fff}.wtcw__codes{display:grid;gap:8px}.wtcw__code{display:grid;grid-template-columns:52px repeat(4,64px);gap:6px;align-items:center}.wtcw__code-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--ink-3)}.wtcw__code input{width:64px!important;height:38px!important;padding:0 8px!important;margin:0!important;text-align:center;border:1px solid var(--line-2)!important;border-radius:var(--radius-s)!important;background:#fff!important;color:var(--ink)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;box-shadow:none!important;outline:0}.wtcw__code input:focus{border-color:var(--ink)!important}.wtcw__code input#wtcw-hex{width:134px!important;grid-column:span 2;text-transform:uppercase}.wtcw__code input::-webkit-outer-spin-button,.wtcw__code input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wtcw__code input[type=number]{-moz-appearance:textfield;appearance:textfield}.wtcw__drop{display:flex!important;align-items:center;gap:14px;width:100%;text-align:left;background:var(--soft)!important;color:var(--ink)!important;border:1.5px dashed var(--line-2)!important;border-radius:var(--radius-s)!important;padding:14px 16px!important;min-height:0!important;line-height:1.35!important;font:inherit!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;margin:0!important;cursor:pointer}.wtcw__drop:hover{border-color:var(--ink)!important;background:#fff!important}.wtcw__drop svg{flex:0 0 auto;color:var(--ink-2)}.wtcw__drop small{color:var(--ink-3);font-size:12px}.wtcw__photo-wrap{margin-top:12px}.wtcw__photo-stage{position:relative;display:inline-block;max-width:100%}.wtcw__photo-canvas{max-width:100%;max-height:320px;border-radius:var(--radius-s);cursor:crosshair;display:block;touch-action:none}.wtcw__loupe{position:absolute;pointer-events:none;transform:translate(14px,-50%);display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;background:#fff;border-radius:999px;box-shadow:0 4px 16px rgb(0 0 0 / .18);font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink);white-space:nowrap;z-index:2}.wtcw__loupe-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgb(0 0 0 / .15)}.wtcw__photo-colors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.wtcw__pc{width:30px!important;height:30px!important}.wtcw__tol label{margin-bottom:10px}#wtcw-tol{width:100%;max-width:420px;display:block;margin:0;accent-color:var(--ink);height:22px}.wtcw__tol-scale{display:flex;justify-content:space-between;max-width:420px;font-size:11.5px;color:var(--ink-3);margin-top:2px}.wtcw__buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.wtcw-btn{display:inline-flex!important;align-items:center;justify-content:center;height:44px!important;padding:0 22px!important;margin:0!important;border-radius:999px!important;border:1px solid var(--line-2)!important;background:#fff!important;color:var(--ink)!important;font:inherit!important;font-size:13.5px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important;line-height:1!important;box-shadow:none!important;cursor:pointer;transition:background .15s,border-color .15s}.wtcw-btn:hover{border-color:var(--ink)!important}.wtcw-btn--primary{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}.wtcw-btn--primary:hover{background:#2a2a2a!important}.wtcw-btn--ghost{background:var(--soft)!important;border-color:var(--soft)!important}.wtcw__status{margin-top:12px;font-size:13px;color:var(--ink-3);min-height:1.2em}.wtcw__status.is-loading{color:var(--ink-2)}.wtcw__status.is-success{color:var(--ink)}.wtcw__status.is-error{color:#b00020}.wtcw__results{margin-top:16px}.wtcw__loading,.wtcw__empty{padding:18px;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--ink-2);background:var(--soft);font-size:14px}.wtcw__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 14px;contain:content}.wtcw__card{display:block;text-decoration:none!important;color:inherit!important}.wtcw__thumb{position:relative;aspect-ratio:1 / 1;background:var(--soft);border-radius:var(--radius-s);overflow:hidden}.wtcw__thumb img{width:100%;height:100%;object-fit:cover;display:block;content-visibility:auto;transition:transform .35s}.wtcw__card:hover .wtcw__thumb img{transform:scale(1.04)}.wtcw__dot{position:absolute;right:10px;bottom:10px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .15)}.wtcw__meta{padding:10px 2px 0}.wtcw__brand{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}.wtcw__title{font-weight:600;font-size:14px;line-height:1.3}.wtcw__sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.wtcw__price{color:var(--ink-2);font-size:13.5px;margin-top:4px}.wtcw__more{margin-top:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:center}.wtcw__sentinel{height:1px}.wtcw-color-links{columns:3;list-style:none;padding:0;margin:0 0 24px}.wtcw-color-links li{break-inside:avoid;margin:4px 0}.wtcw-archive-link{margin:8px 0 14px;font-size:14px}@media (max-width:900px){.wtcw__panel{grid-template-columns:1fr}.wtcw__left{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:768px){.wtcw__toggle-hint{display:none}.wtcw__controls{padding:18px 16px}.wtcw__code{grid-template-columns:46px repeat(4,minmax(0,1fr))}.wtcw__code input{width:100%!important}.wtcw__code input#wtcw-hex{width:100%!important}.wtcw-color-links{columns:2}}@media (max-width:480px){.wtcw__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.wtcw__title{font-size:13px}.wtcw__buttons .wtcw-btn{flex:1 1 auto}}