.page-module__E0kJGG__root{background:#f4f4f4;flex-direction:column;min-height:100vh;display:flex}.page-module__E0kJGG__topbar{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:28px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.page-module__E0kJGG__brand{color:#1a1a1a;flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:400;display:flex}.page-module__E0kJGG__brandIcon{color:#1473e6;font-size:20px}.page-module__E0kJGG__brandName strong{font-weight:700}.page-module__E0kJGG__dropdownWrap{flex-shrink:0;position:relative}.page-module__E0kJGG__dropdownGroup{flex-direction:column;gap:1px;display:flex}.page-module__E0kJGG__dropdownMeta{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.page-module__E0kJGG__dropdownTrigger{cursor:pointer;color:#1a1a1a;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:flex}.page-module__E0kJGG__dropdownTrigger:hover{color:#1473e6}.page-module__E0kJGG__dropdown{z-index:200;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:220px;padding:6px 0;animation:.12s page-module__E0kJGG__fadeIn;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 8px 32px #00000024}@keyframes page-module__E0kJGG__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-module__E0kJGG__dropdownItem{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:9px 16px;font-family:inherit;font-size:14px;transition:background .1s;display:flex}.page-module__E0kJGG__dropdownItem:hover{background:#f0f0f0}.page-module__E0kJGG__dropdownItemActive{color:#1473e6;font-weight:600}.page-module__E0kJGG__checkmark{color:#1473e6;font-size:12px}.page-module__E0kJGG__topHexWrap{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;height:34px;margin-left:auto;padding:4px 10px;display:flex;position:relative}.page-module__E0kJGG__topHexSwatch{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:18px;height:18px;transition:background .2s}.page-module__E0kJGG__hashSign{color:#888;font-family:Courier New,monospace;font-size:13px}.page-module__E0kJGG__topHexInput{color:#1a1a1a;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;outline:none;width:72px;font-family:Courier New,monospace;font-size:13px}.page-module__E0kJGG__topNativePicker{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.page-module__E0kJGG__main{flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:64px;display:flex}.page-module__E0kJGG__wheelSection{background:#fff;border-bottom:1px solid #e8e8e8;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:44px 24px 36px;display:flex}.page-module__E0kJGG__sliderRow{justify-content:center;align-items:center;width:320px;display:flex}.page-module__E0kJGG__hueSlider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f42525,#f48c25,#f4f425,#8cf425,#25f425,#25f48c,#25f4f4,#258cf4,#2525f4,#8c25f4,#f425f4,#f4258c,#f42525);border:1px solid #00000014;border-radius:7px;outline:none;width:100%;height:14px}.page-module__E0kJGG__hueSlider::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:2.5px solid #00000047;border-radius:50%;width:22px;height:22px;transition:box-shadow .15s;box-shadow:0 2px 8px #0003}.page-module__E0kJGG__hueSlider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 2px 14px #00000052}.page-module__E0kJGG__paletteStrip{background:#fff;border-bottom:1px solid #e0e0e0;width:100%;height:90px;display:flex}.page-module__E0kJGG__swatch{cursor:pointer;border:none;flex:1;justify-content:center;align-items:flex-end;padding-bottom:8px;transition:flex .25s;display:flex;position:relative;overflow:hidden}.page-module__E0kJGG__swatch:hover{flex:1.6}.page-module__E0kJGG__swatchHex{opacity:0;white-space:nowrap;letter-spacing:.04em;background:#0000002e;border-radius:3px;padding:3px 7px;font-family:Courier New,monospace;font-size:11px;transition:opacity .2s}.page-module__E0kJGG__swatch:hover .page-module__E0kJGG__swatchHex{opacity:1}.page-module__E0kJGG__contrastCard{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:20px;width:100%;max-width:800px;margin-top:32px;padding:24px 28px;display:flex}.page-module__E0kJGG__contrastHeader{justify-content:space-between;align-items:center;display:flex}.page-module__E0kJGG__contrastTitle{color:#555;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.page-module__E0kJGG__contrastRatio{align-items:baseline;gap:8px;font-size:32px;font-weight:700;line-height:1;display:flex}.page-module__E0kJGG__contrastLevel{color:#fff;opacity:.85;background:currentColor;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.page-module__E0kJGG__contrastRow{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.page-module__E0kJGG__contrastLabel{color:#666;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.page-module__E0kJGG__contrastInputWrap{background:#f5f5f5;border:1px solid #d0d0d0;border-radius:4px;align-items:center;gap:8px;height:40px;padding:6px 10px;display:flex;position:relative}.page-module__E0kJGG__contrastColorBox{border:1px solid #00000026;border-radius:3px;flex-shrink:0;width:22px;height:22px}.page-module__E0kJGG__contrastInput{color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;outline:none;width:80px;font-family:Courier New,monospace;font-size:14px}.page-module__E0kJGG__contrastNative{opacity:0;cursor:pointer;width:36px;height:100%;position:absolute;top:0;right:0}.page-module__E0kJGG__contrastPreviews{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:640px){.page-module__E0kJGG__contrastPreviews{grid-template-columns:1fr}}.page-module__E0kJGG__contrastPreview{border-radius:6px;flex-direction:column;justify-content:center;gap:6px;min-height:90px;padding:14px;display:flex}.page-module__E0kJGG__contrastPreviewLabel{opacity:.7;font-size:11px;font-weight:500}.page-module__E0kJGG__contrastPreviewText{font-weight:500;line-height:1.4}.page-module__E0kJGG__allPalettes{width:100%;max-width:960px;padding:32px 24px 0}.page-module__E0kJGG__sectionTitle{color:#333;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px;font-size:13px;font-weight:700}.page-module__E0kJGG__palettesGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.page-module__E0kJGG__paletteCard{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .2s,border-color .2s,transform .18s;overflow:hidden}.page-module__E0kJGG__paletteCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.page-module__E0kJGG__paletteCardActive{border-color:#1473e6;box-shadow:0 0 0 2px #1473e633}.page-module__E0kJGG__paletteCardStrip{height:64px;display:flex}.page-module__E0kJGG__paletteCardChip{flex:1}.page-module__E0kJGG__paletteCardMeta{justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.page-module__E0kJGG__paletteCardTitle{color:#1a1a1a;font-size:13px;font-weight:500}.page-module__E0kJGG__paletteCardCount{color:#aaa;font-size:11px}.page-module__E0kJGG__footer{text-align:center;color:#aaa;background:#fff;border-top:1px solid #e8e8e8;width:100%;margin-top:40px;padding:20px;font-size:12px}