.HeroArt-module__b76VUq__showcase{width:min(100%,500px);margin:0 auto;padding:28px 8px}.HeroArt-module__b76VUq__heading{justify-content:center;align-items:center;gap:10px;margin-bottom:29px;display:flex}.HeroArt-module__b76VUq__heading span{letter-spacing:1.6px;color:#a28566;font-size:9px;font-weight:900}.HeroArt-module__b76VUq__heading>svg{color:#e9b24e}.HeroArt-module__b76VUq__book{background:#e7c697;border:1px solid #d8b680;border-radius:9px 17px 17px 9px;grid-template-columns:1fr 1fr;padding:8px 7px 11px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 24px 36px -20px #77533746,0 5px #d5b385}.HeroArt-module__b76VUq__page{background:#fffefa;border-radius:3px 0 0 5px;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:19px 15px 15px;display:flex;box-shadow:inset -12px 0 15px -14px #7c563c80}.HeroArt-module__b76VUq__finishedPage{border-left:1px solid #d6c7b5;border-radius:0 8px 8px 0;box-shadow:inset 12px 0 15px -14px #7c563c80}.HeroArt-module__b76VUq__pageLabel{letter-spacing:1.1px;color:#b3997d;text-align:center;font-size:7px;font-weight:900}.HeroArt-module__b76VUq__page>img,.HeroArt-module__b76VUq__reveal{aspect-ratio:3/4;border-radius:2px;width:100%;height:auto}.HeroArt-module__b76VUq__page>img{object-fit:contain;display:block}.HeroArt-module__b76VUq__reveal{position:relative;overflow:hidden}.HeroArt-module__b76VUq__reveal img{width:100%;height:auto;display:block}.HeroArt-module__b76VUq__reveal .HeroArt-module__b76VUq__colored{object-fit:contain;height:100%;position:absolute;inset:0}.HeroArt-module__b76VUq__revealLine{pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 3px #51453855}.HeroArt-module__b76VUq__pageNumber{color:#a28c75;font-size:9px}.HeroArt-module__b76VUq__colorControl{width:78%;margin:32px auto 0}.HeroArt-module__b76VUq__colorControl label{color:#98785c;justify-content:center;align-items:center;gap:7px;margin-bottom:15px;font-size:12px;font-weight:800;display:flex}.HeroArt-module__b76VUq__colorControl input{appearance:none;cursor:ew-resize;background:linear-gradient(90deg,#ffe2bf,#f9aa66,#ed7895,#a98cd6,#69afd3,#7cbd98);border-radius:20px;width:100%;height:7px;display:block}.HeroArt-module__b76VUq__colorControl input::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #e9a261;border-radius:50%;width:25px;height:25px;box-shadow:0 3px 6px #75503222}.HeroArt-module__b76VUq__colorControl input::-moz-range-thumb{background:#fff;border:3px solid #e9a261;border-radius:50%;width:19px;height:19px;box-shadow:0 3px 6px #75503222}.HeroArt-module__b76VUq__rangeEnds{color:#b4a089;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.HeroArt-module__b76VUq__footer{justify-content:space-between;align-items:center;gap:12px;margin:25px 12px 0;display:flex}.HeroArt-module__b76VUq__tabs{background:#fffdf8;border:1px solid #ebdfce;border-radius:30px;gap:4px;padding:4px;display:flex}.HeroArt-module__b76VUq__tabs button{color:#aa9076;background:0 0;border:0;border-radius:25px;padding:8px 12px;font-size:11px;font-weight:800}.HeroArt-module__b76VUq__tabs button[aria-pressed=true]{color:#c47c37;background:#fff0da}.HeroArt-module__b76VUq__footer a{color:#d17f3f;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:900;display:flex}.HeroArt-module__b76VUq__tabs button:focus-visible,.HeroArt-module__b76VUq__colorControl input:focus-visible,.HeroArt-module__b76VUq__footer a:focus-visible{outline-offset:5px;outline:3px solid #ed9f59}@media (max-width:760px){.HeroArt-module__b76VUq__showcase{padding:20px 7px}.HeroArt-module__b76VUq__heading{gap:7px;margin-bottom:24px}.HeroArt-module__b76VUq__heading span{letter-spacing:1px;font-size:8px}.HeroArt-module__b76VUq__page{gap:12px;padding:14px 10px 11px}.HeroArt-module__b76VUq__pageLabel{letter-spacing:.7px;font-size:6px}.HeroArt-module__b76VUq__pageNumber{font-size:7px}.HeroArt-module__b76VUq__colorControl{width:86%;margin-top:26px}.HeroArt-module__b76VUq__colorControl label{font-size:10px}.HeroArt-module__b76VUq__footer{gap:7px;margin-inline:0}.HeroArt-module__b76VUq__tabs button{padding:8px 10px;font-size:10px}.HeroArt-module__b76VUq__footer a{gap:3px;font-size:10px}}@media (max-width:360px){.HeroArt-module__b76VUq__heading span{font-size:7px}.HeroArt-module__b76VUq__pageLabel{font-size:5px}.HeroArt-module__b76VUq__page{padding-inline:7px}.HeroArt-module__b76VUq__tabs button{padding:8px;font-size:9px}}@media (prefers-reduced-motion:reduce){.HeroArt-module__b76VUq__book{transform:none}}
.ColorDemo-module__EcbKUW__studio{background:#fff;border:1px solid #f6e3d7;border-radius:25px;width:100%;min-width:0;overflow:hidden;box-shadow:0 20px 65px -30px #7f685a35,0 3px #f9ebe2}.ColorDemo-module__EcbKUW__header{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;display:flex}.ColorDemo-module__EcbKUW__identity{align-items:center;gap:11px;display:flex}.ColorDemo-module__EcbKUW__icon{color:#a58e80;background:#faf0ea;border-radius:13px;place-items:center;width:41px;height:41px;display:grid}.ColorDemo-module__EcbKUW__eyebrow{letter-spacing:1.6px;color:#b9957e;margin-bottom:4px;font-size:8px;font-weight:900;display:block}.ColorDemo-module__EcbKUW__identity h3{letter-spacing:-.4px;color:#483f39;font-size:16px;font-weight:900;line-height:1.3}.ColorDemo-module__EcbKUW__preview{color:#9d8575;white-space:nowrap;border:1px solid #f7e5d9;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;display:inline-flex}.ColorDemo-module__EcbKUW__preview>span,.ColorDemo-module__EcbKUW__smallDot{background:#91b69c;border-radius:50%;width:5px;height:5px;display:inline-block}.ColorDemo-module__EcbKUW__canvasArea{background:#fcf5f1;border-block:1px solid #f9eae1;padding:16px 24px 12px}.ColorDemo-module__EcbKUW__canvasCaption{color:#b8927a;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:8px;display:flex}.ColorDemo-module__EcbKUW__canvasCaption>span:first-child{font-weight:900}.ColorDemo-module__EcbKUW__canvasCaption>span:last-child{letter-spacing:0;align-items:center;gap:5px;display:flex}.ColorDemo-module__EcbKUW__paper{background:#fff;border:1px solid #f5ded0;border-radius:7px;width:min(100%,315px);margin-inline:auto;padding:8px;box-shadow:0 7px 18px #4c423c13}.ColorDemo-module__EcbKUW__art{aspect-ratio:3/4;border-radius:2px;width:100%;height:auto;display:block;overflow:hidden}.ColorDemo-module__EcbKUW__region{cursor:pointer;transition:fill .25s}.ColorDemo-module__EcbKUW__region[aria-disabled=true]{cursor:default}.ColorDemo-module__EcbKUW__region:not([aria-disabled=true]):hover{stroke:#ed692f;stroke-width:1.7px}.ColorDemo-module__EcbKUW__region:focus-visible{stroke:#ed692f;stroke-width:2.4px;outline:none}.ColorDemo-module__EcbKUW__hinted{stroke:#ed692f;stroke-width:3px;stroke-dasharray:4 2}.ColorDemo-module__EcbKUW__number{fill:#856e5f;paint-order:stroke;stroke:#fffefb;stroke-width:1.6px;stroke-linejoin:round;font-family:inherit;font-size:7px;font-weight:700}.ColorDemo-module__EcbKUW__activeNumber{fill:#947a69;stroke:#faeee7;font-weight:900}.ColorDemo-module__EcbKUW__canvasTools{justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.ColorDemo-module__EcbKUW__canvasNote{color:#a48d7f;align-items:center;gap:6px;font-size:9px;display:inline-flex}.ColorDemo-module__EcbKUW__tools{gap:6px;display:flex}.ColorDemo-module__EcbKUW__tools button{color:#9e8677;background:#fff;border:1px solid #f5dfd1;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.ColorDemo-module__EcbKUW__tools button:disabled{opacity:.35;cursor:default}.ColorDemo-module__EcbKUW__tools button:not(:disabled):hover{background:#f8e7dc}.ColorDemo-module__EcbKUW__controls{padding:22px 24px 16px}.ColorDemo-module__EcbKUW__progressHeading{color:#a28b7c;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.ColorDemo-module__EcbKUW__progressHeading strong{color:#9b8171;font-size:18px;font-weight:900}.ColorDemo-module__EcbKUW__progressHeading strong>span{margin-left:2px;font-size:10px}.ColorDemo-module__EcbKUW__progress{background:#faeee6;border-radius:10px;height:5px;margin-top:8px;overflow:hidden}.ColorDemo-module__EcbKUW__progress>span{border-radius:inherit;background:#c2a28d;height:100%;transition:width .3s;display:block}.ColorDemo-module__EcbKUW__paletteHeading{justify-content:space-between;align-items:center;gap:10px;margin-top:21px;display:flex}.ColorDemo-module__EcbKUW__paletteHeading>div{color:#5e4d43;align-items:center;gap:9px;font-size:12px;font-weight:900;display:flex}.ColorDemo-module__EcbKUW__selectedDot{border:4px solid #fff;border-radius:50%;outline:1px solid #f6e1d4;width:25px;height:25px;display:block}.ColorDemo-module__EcbKUW__paletteHeading small{color:#b69078;margin-top:2px;font-size:9px;font-weight:600;display:block}.ColorDemo-module__EcbKUW__hint{color:#b48d74;background:#fcf6f3;border:1px solid #f7e5da;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.ColorDemo-module__EcbKUW__hint:hover{background:#f8e8de}.ColorDemo-module__EcbKUW__hint:disabled{opacity:.4;cursor:default}.ColorDemo-module__EcbKUW__palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding-top:16px;display:grid}.ColorDemo-module__EcbKUW__swatch{background:#fff;border:1px solid #f7e5d9;border-radius:12px;place-items:center;height:44px;padding:3px;transition:background .2s,border-color .2s;display:grid}.ColorDemo-module__EcbKUW__swatch>span{border-radius:50%;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 0 0 1px #483e3810}.ColorDemo-module__EcbKUW__swatch>span>span{color:#514740;background:#ffffffed;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.ColorDemo-module__EcbKUW__swatch[aria-pressed=true]{background:#faf0ea;border:2px solid #b69077;padding:2px;box-shadow:0 2px 7px #ed692f15}.ColorDemo-module__EcbKUW__swatch:not(:disabled):hover{background:#fbf1eb;border-color:#caaf9d}.ColorDemo-module__EcbKUW__swatch:disabled{opacity:.5;cursor:default;background:#fdf7f3}.ColorDemo-module__EcbKUW__status{text-align:center;color:#b69077;justify-content:center;align-items:center;gap:7px;min-height:38px;margin:15px 0 0;font-size:10px;line-height:1.6;display:flex}.ColorDemo-module__EcbKUW__status svg{flex-shrink:0}.ColorDemo-module__EcbKUW__again{color:#fff;background:#ed692f;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:12px auto 4px;padding:12px 20px;font-size:12px;font-weight:800;display:flex}@media (min-width:761px) and (max-width:1000px){.ColorDemo-module__EcbKUW__header,.ColorDemo-module__EcbKUW__controls,.ColorDemo-module__EcbKUW__canvasArea{padding-inline:16px}.ColorDemo-module__EcbKUW__preview{display:none}.ColorDemo-module__EcbKUW__palette{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.ColorDemo-module__EcbKUW__studio{border-radius:20px;max-width:480px;margin-inline:auto}.ColorDemo-module__EcbKUW__header{padding:18px}.ColorDemo-module__EcbKUW__identity h3{font-size:15px}.ColorDemo-module__EcbKUW__canvasArea{padding:14px 18px 10px}.ColorDemo-module__EcbKUW__controls{padding:18px}.ColorDemo-module__EcbKUW__canvasNote{font-size:8px}.ColorDemo-module__EcbKUW__palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ColorDemo-module__EcbKUW__swatch{height:44px}.ColorDemo-module__EcbKUW__tools button{width:40px;height:40px}}@media (max-width:380px){.ColorDemo-module__EcbKUW__preview{display:none}.ColorDemo-module__EcbKUW__canvasCaption{font-size:7px}.ColorDemo-module__EcbKUW__progressHeading{font-size:9px}}@media (prefers-reduced-motion:reduce){.ColorDemo-module__EcbKUW__region,.ColorDemo-module__EcbKUW__swatch,.ColorDemo-module__EcbKUW__progress>span{transition:none}}.ColorDemo-module__EcbKUW__region:focus-visible,.ColorDemo-module__EcbKUW__hinted{stroke:#e18a3b}.ColorDemo-module__EcbKUW__activeNumber{fill:#b66b2b;stroke:#fff0dc}.ColorDemo-module__EcbKUW__swatch[aria-pressed=true]{background:#fff3e3;border-color:#e6954e}