.cv{--cv-ink: #14182b;--cv-ink-2: #3b4254;--cv-muted: #6b7385;--cv-line: rgba(20, 24, 43, .1);--cv-panel: #f4f3ef;--cv-brand: #c40000;--cv-brand-dark: #a30000;--cv-brand-soft: rgba(196, 0, 0, .08);--cv-ring: rgba(196, 0, 0, .28);--cv-ratio: 1 / 1;padding:64px 0 72px;background:linear-gradient(180deg,#fff,#f8f7f4);font-family:"Poppins",var(--ss-font-primary, sans-serif);color:var(--cv-ink)}.cv__inner{max-width:calc(var(--ss-container) + 2 * var(--ss-gutter));margin:0 auto;padding:0 var(--ss-gutter)}.cv__header{text-align:center;max-width:660px;margin:0 auto 36px}.cv__eyebrow{display:inline-block;margin:0 0 14px;padding:5px 14px;border-radius:999px;background:var(--cv-brand-soft);color:var(--cv-brand);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.cv__heading{margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.15;letter-spacing:-.02em}.cv__sub{margin:0;color:var(--cv-muted);font-size:15.5px;line-height:1.65}.cv__grid{display:grid;grid-template-columns:minmax(340px,5fr) minmax(0,7fr);gap:28px;align-items:stretch}.cv__list{display:flex;flex-direction:column;height:0;min-height:100%;padding:18px;border:1px solid var(--cv-line);border-radius:22px;background:var(--cv-panel)}.cv__filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.cv__filter{padding:7px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--cv-ink-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.cv__filter:hover{background:#14182b0f}.cv__filter.is-active{background:var(--cv-ink);color:#fff}.cv__filter-count{display:none}.cv__search-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cv__search-box{position:relative;flex:1;display:flex;align-items:center}.cv__search-icon{position:absolute;left:13px;color:var(--cv-muted);pointer-events:none}.cv__search-input{width:100%;height:42px;padding:0 36px 0 38px;border:1px solid var(--cv-line);border-radius:12px;background:#fff;font:inherit;font-size:13px;color:var(--cv-ink);transition:border-color .15s,box-shadow .15s}.cv__search-input::placeholder{color:#98a0b0}.cv__search-input:focus{outline:none;border-color:var(--cv-brand);box-shadow:0 0 0 3px var(--cv-brand-soft)}.cv__search-clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:50%;background:#e5e7ec;color:var(--cv-ink-2);font-size:14px;line-height:1;cursor:pointer}.cv__search-clear:hover{background:#d3d7df;color:var(--cv-ink)}.cv__count-badge{color:var(--cv-muted);font-size:12px;font-weight:600;white-space:nowrap}.cv__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;align-content:start;flex:1;min-height:0;margin:0;padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--cv-line);list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(20,24,43,.28) transparent}.cv__swatches::-webkit-scrollbar{width:6px}.cv__swatches::-webkit-scrollbar-track{background:transparent}.cv__swatches::-webkit-scrollbar-thumb{background:#14182b38;border-radius:8px}.cv__swatches::-webkit-scrollbar-thumb:hover{background:var(--cv-brand)}.cv__swatch-item[hidden]{display:none}.cv__swatch-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #14182b1a,0 3px 10px #14182b29;transition:transform .15s ease,box-shadow .15s ease}.cv__swatch-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #14182b2e,0 10px 22px #14182b38}.cv__swatch-card.is-selected{box-shadow:0 0 0 2px var(--cv-brand),0 8px 20px #c4000038}.cv__swatch-card.is-selected:after{content:"";position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--cv-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat;box-shadow:0 2px 6px #00000040;pointer-events:none}.cv__swatch{display:flex;flex-direction:column;width:100%;padding:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.cv__swatch:focus-visible{outline:2px solid var(--cv-brand);outline-offset:-2px}.cv__chip{display:block;height:84px;border-radius:0;box-shadow:inset 0 0 0 1px #14182b24,inset 0 -1px #0000001a}.cv__swatch-info{display:flex;flex-direction:column;gap:5px;min-width:0;padding:9px 10px 11px}.cv__swatch-name{overflow:hidden;color:var(--cv-ink);font-size:12.5px;font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.cv__swatch-codes{display:flex;align-items:center;justify-content:space-between;gap:4px}.cv__swatch-shade{padding:1px 6px;border-radius:5px;background:var(--cv-brand-soft);color:var(--cv-brand);font-size:10px;font-weight:700;letter-spacing:.02em}.cv__swatch-hex{color:var(--cv-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}.cv__copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:9px;background:#fffffff0;color:var(--cv-ink-2);box-shadow:0 1px 4px #00000038;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s,background .15s,color .15s}.cv__swatch-card:hover .cv__copy-btn,.cv__swatch-card:focus-within .cv__copy-btn,.cv__copy-btn:focus-visible{opacity:1;transform:none}.cv__copy-btn:hover{background:#fff;color:var(--cv-brand)}.cv__copy-btn.is-copied{opacity:1;transform:none;background:#16a34a!important;color:#fff!important}.cv__copy-text{display:none}.cv__copy-icon{width:14px;height:14px;flex-shrink:0}@media (hover: none){.cv__copy-btn{opacity:1;transform:none}}.cv__empty{margin:0;padding:24px 8px;color:var(--cv-muted);font-size:13.5px;text-align:center}.cv__stage{align-self:start;padding:16px;border:1px solid var(--cv-line);border-radius:22px;background:#fff;box-shadow:0 18px 50px #14182b14}@media (min-width: 901px) and (min-height: 900px){.cv__stage{position:sticky;top:92px}}.cv__scenes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:12px;border-radius:14px;background:var(--cv-panel)}.cv__scene-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:var(--cv-ink-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.cv__scene-btn svg{width:17px;height:17px;flex:none}.cv__scene-btn:hover{color:var(--cv-ink)}.cv__scene-btn.is-active{background:var(--cv-ink);color:#fff;box-shadow:0 4px 12px #14182b38}.cv__scene-btn:focus-visible,.cv__tab:focus-visible{outline:2px solid var(--cv-brand);outline-offset:2px}.cv__scene[hidden]{display:none}.cv__scene:not([hidden]){animation:cvFade .3s ease}@keyframes cvFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cv__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.cv__tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1.5px solid var(--cv-line);border-radius:12px;background:#fff;color:var(--cv-ink-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.cv__tab:hover{border-color:#14182b4d;color:var(--cv-ink)}.cv__tab.is-active{border-color:var(--cv-brand);background:var(--cv-brand-soft);color:var(--cv-brand)}.cv__tab-text{display:inline-flex;flex-direction:column;min-width:0;text-align:left}.cv__tab-name,.cv__foot{display:none}.cv__tab-dot{width:16px;height:16px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px #fff}.cv__house-wrap{overflow:hidden;border-radius:16px;background:#eef0f3}.cv__photo{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--cv-ratio)}.cv__photo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cv__photo .cv__paint{display:block;position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .35s ease;pointer-events:none}.cv__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.cv__summary div{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:var(--cv-panel)}.cv__summary div:before{content:"";grid-row:1 / span 2;width:34px;height:34px;border-radius:10px;background:var(--cv-chip, #ddd);box-shadow:inset 0 0 0 1px #00000024;transition:background-color .35s ease}.cv__summary div:has([data-cv-label=wall]){--cv-chip: var(--cv-wall)}.cv__summary div:has([data-cv-label=accent]){--cv-chip: var(--cv-accent)}.cv__summary div:has([data-cv-label=door]){--cv-chip: var(--cv-door)}.cv__summary div:has([data-cv-label=ceiling]){--cv-chip: var(--cv-ceiling)}.cv__summary dt{grid-column:2;margin:0;color:var(--cv-muted);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cv__summary dd{grid-column:2;overflow:hidden;margin:0;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.cv__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.cv__reset{padding:11px 18px;border:1.5px solid var(--cv-line);border-radius:12px;background:#fff;color:var(--cv-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.cv__reset:hover{border-color:var(--cv-brand);color:var(--cv-brand)}.cv__cta{padding:12px 20px;border-radius:12px;background:var(--cv-brand);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:0 6px 16px #c4000040;transition:background .15s,transform .15s}.cv__cta:hover{background:var(--cv-brand-dark);transform:translateY(-1px)}.cv__note{margin:12px 2px 0;color:var(--cv-muted);font-size:11.5px;line-height:1.5}.cv__toast{position:fixed;bottom:28px;left:50%;z-index:999999;display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:#111827;color:#fff;font-size:13px;font-weight:500;box-shadow:0 12px 36px #00000047;opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.cv__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.cv__toast-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#22c55e;color:#fff;font-size:11px;font-weight:700}@media (max-width: 900px){.cv{--cv-ratio: 4 / 3;padding:44px 0 52px}.cv__grid{grid-template-columns:minmax(0,1fr);gap:18px}.cv__list,.cv__stage{min-width:0}.cv__stage{order:-1;padding:12px}.cv__list{height:auto;min-height:0;padding:14px}.cv__swatches{flex:none;max-height:480px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.cv__chip{height:58px}.cv__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-4px}.cv__filters::-webkit-scrollbar{display:none}.cv__filter{flex:none}}@media (max-width: 480px){.cv__tab{padding:9px 4px;gap:5px;font-size:12.5px}.cv__tab-dot{width:12px;height:12px}.cv__swatches{grid-template-columns:repeat(2,1fr)}.cv__summary{grid-template-columns:1fr}.cv__summary div{padding:7px 10px}.cv__actions{flex-direction:column;align-items:stretch}.cv__cta{text-align:center}.cv__count-badge{display:none}}@media (max-width: 600px){.cv{--cv-ratio: 3 / 2;padding:36px 0 44px}.cv__header{margin-bottom:22px}.cv__grid{gap:12px}.cv__stage{padding:8px;border-radius:18px}.cv__scenes{margin-bottom:6px;padding:3px}.cv__scene-btn{padding:10px;font-size:13px}.cv__tabs{gap:6px;margin-bottom:6px}.cv__tab{justify-content:flex-start;gap:7px;padding:7px 8px;text-align:left}.cv__tab-dot{width:18px;height:18px}.cv__tab-label{font-size:12px;line-height:1.2}.cv__tab-name{display:block;max-width:100%;overflow:hidden;color:var(--cv-muted);font-size:10.5px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cv__house-wrap{border-radius:12px}.cv__stage .cv__summary,.cv__stage .cv__actions,.cv__stage .cv__note{display:none}.cv__list{height:clamp(300px,46svh,420px);padding:12px;overflow:hidden}.cv__swatches{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.cv__filter{padding:9px 14px}.cv__search-input{height:44px;font-size:16px}.cv__chip{height:50px}.cv__copy-btn{width:32px;height:32px}.cv__foot{display:flex;flex-direction:column;gap:10px}.cv__foot .cv__reset{width:100%;padding:13px 16px}.cv__foot .cv__cta{padding:14px 18px;text-align:center}.cv__foot .cv__note{margin:2px 2px 0}}@media (max-width: 600px) and (max-height: 700px){.cv{--cv-ratio: 16 / 9}}@media (prefers-reduced-motion: reduce){.cv *,.cv *:before,.cv *:after{animation:none!important;transition:none!important}}