.cp-preview{--p-line:color-mix(in srgb,var(--p-text) 17%,transparent);color:var(--p-text);background:var(--p-background);border:1px solid var(--line);border-radius:6px;font:12px/1.6 Manrope,sans-serif;overflow:hidden;container-type:inline-size}.cp-preview [hidden]{display:none!important}.cp-preview *{box-sizing:border-box}.cp-preview button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cp-preview button:focus-visible,.cp-preview select:focus-visible,.cp-preview summary:focus-visible{outline:2px solid var(--p-text);outline-offset:3px}.cp-preview h2,.cp-preview h3,.cp-preview h4,.cp-preview p{margin:0}.cp-preview small{font-size:9px}.cp-preview img{max-width:100%;display:block}.cp-preview p{line-height:1.8}.cp-preview .cp-button{background:var(--p-primary);color:var(--p-on-primary);border-radius:3px;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:12px 16px;font-size:11px;display:inline-flex}.cp-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:var(--p-primary) var(--p-background);height:clamp(500px,69vh,760px);overflow:auto}.cp-scroll:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline-offset:-3px}.cp-store{position:relative}.cp-announcement{text-align:center;background:var(--p-accent);color:var(--p-on-accent);letter-spacing:.05em;padding:9px 16px;font-size:9px}.cp-shop-nav{background:var(--p-background);border-bottom:1px solid var(--p-line);z-index:4;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex;position:sticky;top:0}.cp-shop-nav nav{gap:16px;font-size:10px;display:flex}.cp-shop-nav>button:last-child{font-size:10px}.cp-preview .cp-wordmark{letter-spacing:-1.3px;white-space:nowrap;font:400 24px/1 Georgia,serif}.cp-wordmark span{color:var(--p-accent)}.cp-hero{grid-template-columns:1fr 1.1fr;min-height:280px;display:grid;overflow:hidden}.cp-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 16px 20px 28px;display:flex}.cp-hero-copy small{letter-spacing:.09em;font-size:8px}.cp-hero h2{letter-spacing:-.055em;margin:14px 0;font:400 clamp(40px,7.7cqw,56px)/.98 Georgia,serif}.cp-hero h2 em{text-decoration:underline;-webkit-text-decoration-color:var(--p-accent);text-decoration-color:var(--p-accent);text-underline-offset:.13em;text-decoration-thickness:3px}.cp-hero p{margin-bottom:14px;font-size:11px}.cp-hero-footnote{opacity:.75;margin-top:12px;font-size:9px;line-height:1.6;display:block}.cp-hero-image{min-width:0;position:relative}.cp-chair{isolation:isolate;aspect-ratio:800/731;width:118%;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.cp-chair>img{object-fit:contain;width:100%;height:100%}.cp-chair>span{background:var(--p-primary);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0;-webkit-mask:url(/colorpalette/photos/chair.webp) 50%/contain no-repeat;mask:url(/colorpalette/photos/chair.webp) 50%/contain no-repeat}.cp-service-strip{border-block:1px solid var(--p-line);text-align:center;justify-content:space-evenly;gap:12px;padding:15px;font-size:9px;display:flex}.cp-collection{padding:35px 24px 42px}.cp-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.cp-section-heading small,.cp-living small,.cp-story small,.cp-materials>small,.cp-faq small{letter-spacing:.08em;font-size:8px}.cp-section-heading h3,.cp-living h3,.cp-story h3,.cp-materials>h3,.cp-faq h3{letter-spacing:-.04em;margin-top:9px;font:400 30px/1.1 Georgia,serif}.cp-section-heading>span{opacity:.7;font-size:9px}.cp-filter{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.cp-filter button{border:1px solid var(--p-line);border-radius:3px;min-height:32px;padding:7px 13px;font-size:10px}.cp-preview .cp-filter button[aria-pressed=true]{background:var(--p-accent);color:var(--p-on-accent);border-color:var(--p-accent)}.cp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;display:grid}.cp-product-visual{background:var(--p-surface);position:relative}.cp-product-open{aspect-ratio:1.15;width:100%;display:block;overflow:hidden}.cp-product-open .cp-photo{object-fit:cover;width:100%;height:100%}.cp-product-open .cp-photo-still{object-position:55% 12%;scale:1.35}.cp-preview .cp-save{background:var(--p-background);width:32px;height:32px;color:var(--p-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.cp-preview .cp-save[aria-pressed=true]{background:var(--p-accent);color:var(--p-on-accent)}.cp-preview .cp-product-title{text-align:left;justify-content:space-between;gap:8px;width:100%;margin:12px 0 4px;font-size:11px;font-weight:600;display:flex}.cp-product-title span{font-weight:400}.cp-product>small{opacity:.7;font-size:9px}.cp-living{background:var(--p-surface);grid-template-columns:1.2fr 1fr;display:grid}.cp-living>img{object-fit:cover;width:100%;height:100%;min-height:290px}.cp-living>div{align-self:center;padding:34px 24px}.cp-living h3{font-size:34px}.cp-living p{margin:20px 0;font-size:11px}.cp-story{grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:42px 24px;display:grid}.cp-story p{margin-top:16px;font-size:11px}.cp-story img{aspect-ratio:4/5;object-fit:cover;width:100%}.cp-materials{background:var(--p-surface);padding:30px 24px 40px}.cp-materials>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.cp-materials article>i,.cp-materials article>img{object-fit:cover;object-position:center 75%;width:100%;height:100px;display:block}.cp-fabric{background-color:var(--p-primary);background-image:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff18 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#00000018 2px 3px)}.cp-clay{background:radial-gradient(ellipse at 25% 15%,#fff3,transparent 75%),var(--p-accent)}.cp-materials h4{margin-top:12px;font-size:11px}.cp-materials p{margin-top:5px;font-size:10px}.cp-faq{grid-template-columns:.8fr 1.2fr;gap:26px;padding:40px 24px;display:grid}.cp-faq details{border-bottom:1px solid var(--p-line)}.cp-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:11px;list-style:none;display:flex}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq details[open] summary span{transform:rotate(45deg)}.cp-faq details p{padding-bottom:15px;font-size:11px}.cp-shop-footer{background:var(--p-primary);color:var(--p-on-primary);grid-template-columns:1fr 1fr;gap:24px;padding:30px 24px 20px;display:grid}.cp-shop-footer strong{letter-spacing:-1px;font:26px Georgia,serif}.cp-shop-footer p{margin-top:6px;font-size:10px}.cp-shop-footer nav{flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;display:flex}.cp-shop-footer>small{opacity:.75;border-top:1px solid;grid-column:1/-1;padding-top:18px;font-size:8px}.cp-drawer-backdrop{z-index:8;background:#0005;justify-content:flex-end;display:flex;position:absolute;inset:0}.cp-drawer{background:var(--p-surface);color:var(--p-text);width:min(370px,100%);height:100%;padding:20px;position:relative;overflow:auto}.cp-preview .cp-close{width:36px;height:36px;margin-left:auto;font-size:28px;line-height:1;display:block}.cp-detail-photo{background:var(--p-background);margin:14px 0 20px}.cp-detail-photo>img{object-fit:cover;width:100%;max-height:240px}.cp-drawer h3{margin:10px 0 12px;font:28px Georgia,serif}.cp-drawer p{margin:12px 0;font-size:12px}.cp-drawer>.cp-button{width:100%;margin-top:20px}.cp-bag{margin:20px 0;padding:0;list-style:none}.cp-bag li{border-bottom:1px solid var(--p-line);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.cp-bag small{margin-top:4px;display:block}.cp-bag button{font-size:10px;text-decoration:underline}.cp-bag-total{justify-content:space-between;margin:20px 0;display:flex}.cp-drawer .cp-feedback{font-size:10px}.cp-dash-header{border-bottom:1px solid var(--p-line);background:var(--p-surface);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.cp-dash-header strong{letter-spacing:-1px;font-size:21px}.cp-dash-header strong span{letter-spacing:0;opacity:.7;font-size:13px;font-weight:400}.cp-avatar,.cp-owner{background:var(--p-primary);color:var(--p-on-primary);border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:inline-grid}.cp-dash-body{padding:30px 24px}.cp-dash-body h2{letter-spacing:-.04em;margin:8px 0;font:600 26px/1.2 Manrope,sans-serif}.cp-dash-body .cp-section-heading p{opacity:.7;font-size:11px}.cp-preview select{border:1px solid var(--p-line);background:var(--p-surface);max-width:100%;color:var(--p-text);font:inherit;border-radius:5px;padding:8px;font-size:10px}.cp-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cp-stats article{background:var(--p-surface);border:1px solid var(--p-line);border-radius:7px;padding:18px}.cp-stats span{font-size:11px}.cp-stats strong{margin:10px 0 4px;font-size:32px;font-weight:600;display:block}.cp-stats small{opacity:.65}.cp-chart{background:var(--p-surface);border:1px solid var(--p-line);border-radius:7px;margin-top:18px;padding:20px}.cp-chart>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-dash-body h3{margin:0;font:600 13px Manrope,sans-serif}.cp-chart>div>span{font-size:9px}.cp-chart>div>span i{background:var(--p-primary);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.cp-bars{border-bottom:1px solid var(--p-line);background:repeating-linear-gradient(to top,transparent 0 44px,var(--p-line) 44px 45px);align-items:flex-end;gap:18px;height:185px;padding:16px 4px 0;display:flex}.cp-bars>div{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cp-bars i{border-radius:3px 3px 0 0;width:75%;display:block}.cp-bars span{font-size:9px}.cp-bars small{background:var(--p-surface);width:100%;padding:2px 0}.cp-projects,.cp-tasks{margin-top:24px}.cp-table-wrap{overflow:auto}.cp-projects table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.cp-projects th{opacity:.7;font-size:10px;font-weight:400}.cp-projects td,.cp-projects th{border-bottom:1px solid var(--p-line);padding:12px 7px}.cp-owner{width:26px;height:26px;font-size:8px}.cp-status-tag{background:var(--p-status-background);color:var(--p-status-text);white-space:nowrap;border-radius:3px;padding:4px 6px;font-size:9px}.cp-progress{background:var(--p-line);border-radius:2px;width:60px;height:4px;margin-bottom:5px;overflow:hidden}.cp-progress i{background:var(--p-primary);height:100%;display:block}.cp-tasks{background:var(--p-surface);border:1px solid var(--p-line);border-radius:7px;padding:20px}.cp-tasks label{align-items:center;gap:10px;margin-top:14px;font-size:11px;display:flex}.cp-tasks input{accent-color:var(--p-primary);width:16px;height:16px}.cp-tasks input:checked+span{opacity:.6;text-decoration:line-through}.cp-demo-note{border-top:1px solid var(--p-line);opacity:.7;margin-top:28px;padding-block:14px;font-size:9px}.cp-document{background:var(--p-background);padding:24px}.cp-document-page{background:var(--p-surface);max-width:620px;min-height:800px;color:var(--p-text);border:1px solid var(--p-line);margin:0 auto;padding:36px 36px 24px;font:12px/1.75 Manrope,sans-serif}.cp-document-running-head{border-bottom:2px solid var(--p-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:16px;display:flex}.cp-document-running-head strong{letter-spacing:-.05em;font-size:15px}.cp-document-running-head>span{letter-spacing:.08em;font-size:8px}.cp-document-title{padding:30px 0 24px}.cp-document-title>span{color:var(--p-primary);letter-spacing:.12em;font-size:9px;font-weight:600}.cp-preview .cp-document-title h2{letter-spacing:-.045em;margin:12px 0 10px;font:500 34px/1.15 Manrope,sans-serif}.cp-document-title p{font-size:13px}.cp-document-meta{border-block:1px solid var(--p-line);justify-content:space-between;gap:16px;margin:0 0 28px;padding-block:13px;font-size:10px;display:flex}.cp-document-meta dt{opacity:.65;margin-bottom:2px;font-size:9px}.cp-document-meta dd{margin:0}.cp-document-page section{margin-top:25px}.cp-preview .cp-document-page h3{margin-bottom:12px;font:600 13px/1.5 Manrope,sans-serif}.cp-document-page h3 span{color:var(--p-primary);font-variant-numeric:tabular-nums;margin-right:8px}.cp-document-page section>p+p{margin-top:12px}.cp-document-callout{border-left:3px solid var(--p-accent);background:var(--p-callout-background);color:var(--p-callout-text);margin:22px 0;padding:14px 18px}.cp-document-callout strong{margin-bottom:4px;font-size:10px;display:block}.cp-document-page ul{margin:0;padding-left:18px}.cp-document-page li{margin-top:7px;padding-left:3px}.cp-document-page li::marker{color:var(--p-primary)}.cp-document-page table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}.cp-document-page th{background:var(--p-primary);color:var(--p-on-primary);font-weight:500}.cp-document-page th,.cp-document-page td{vertical-align:top;padding:10px 8px}.cp-document-page td{border-bottom:1px solid var(--p-line)}.cp-document-page tbody tr:nth-child(2n){background:var(--p-background)}.cp-preview .cp-document-note{margin-top:22px;font-size:10px}.cp-document-footer{border-top:1px solid var(--p-line);justify-content:space-between;gap:16px;margin-top:36px;padding-top:14px;font-size:9px;display:flex}.cp-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=550px){.cp-shop-nav{gap:8px;padding:15px 18px}.cp-shop-nav nav{gap:10px}.cp-preview .cp-wordmark{font-size:22px}.cp-hero{min-height:260px}.cp-hero-copy{padding:18px 12px 18px 20px}.cp-hero h2{font-size:40px}.cp-hero .cp-button{gap:8px;padding:10px;font-size:10px}.cp-hero-footnote,.cp-section-heading>span{display:none}.cp-living{grid-template-columns:1fr}.cp-living>img{min-height:0;max-height:270px}.cp-living>div{padding:26px}.cp-stats article{padding:12px}.cp-dash-body{padding:24px 18px}.cp-bars{gap:10px}.cp-dash-body .cp-section-heading{flex-wrap:wrap;align-items:flex-start}}@container (width<=390px){.cp-shop-nav nav button:not(:first-child){display:none}.cp-hero{grid-template-columns:1fr}.cp-hero-copy{padding:20px 22px}.cp-hero h2{font-size:44px}.cp-hero-image{aspect-ratio:1.4}.cp-chair{width:90%;right:-4%}.cp-service-strip{gap:8px;font-size:8px}.cp-collection,.cp-story,.cp-faq{padding:28px 18px}.cp-story,.cp-faq{grid-template-columns:1fr}.cp-materials{padding:28px 18px}.cp-materials>div{gap:10px}.cp-materials article>i,.cp-materials article>img{height:75px}.cp-product-title{flex-wrap:wrap}.cp-stats{gap:6px}.cp-stats article{padding:10px}.cp-stats span{font-size:9px}.cp-stats small{font-size:8px}.cp-chart{padding:14px}.cp-bars{gap:8px}.cp-document{padding:12px}.cp-document-page{padding:24px 18px 18px}.cp-preview .cp-document-title h2{font-size:28px}.cp-document-meta{flex-wrap:wrap}.cp-document-page th,.cp-document-page td{padding:8px 5px}}@media (prefers-reduced-motion:no-preference){.cp-preview button{transition:opacity .15s}.cp-product-open>img{transition:transform .3s}.cp-product-open:hover>img{transform:scale(1.03)}}.palette-workspace{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(270px,.85fr) minmax(0,1.65fr);display:grid;overflow:hidden}.palette-editor{border-right:1px solid var(--line);min-width:0;padding:24px}.palette-seed-panel{background:var(--stage);border-radius:8px;min-width:0;margin-bottom:18px;padding:14px}.palette-seed-panel .palette-field-label{letter-spacing:0;color:var(--ink);margin:0 0 12px;font-size:13px;font-weight:700;line-height:1.4;display:block}.palette-seed-panel .shared-button{flex-shrink:0;padding-inline:10px}.palette-seed-panel .palette-recent{margin:5px 0 0;padding:0}.palette-seed{gap:8px;display:flex}.palette-recent{min-width:0;margin-bottom:18px}.palette-recent[data-empty=true]{visibility:hidden}.palette-recent-slider{align-items:center;gap:3px;min-width:0;display:flex}.palette-workspace .palette-recent-slider>.palette-icon{flex-shrink:0;width:20px;height:24px}.palette-recent-track{box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;align-items:center;gap:3px;min-width:0;height:36px;padding:2px;display:flex;overflow:auto hidden}.palette-recent-color{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:3px;display:grid}.palette-recent-color span{border:1px solid #8080804d;border-radius:3px;width:16px;height:16px}.palette-recent-color[aria-pressed=true]{border-color:var(--muted)}.palette-recent-color:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.palette-seed-value{border:1px solid var(--line);background:var(--surface);border-radius:5px;flex:1;align-items:center;gap:7px;min-width:0;padding:4px 6px;display:flex}.palette-seed input[type=color]{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:30px;height:30px;padding:0}.palette-workspace .palette-hex{width:100%;min-width:0;height:26px;color:var(--muted);background:0 0;border:0;padding:0;font:11px/1.4 Manrope,sans-serif}.palette-seed-panel .palette-hex{color:var(--ink);font-weight:600}.palette-workspace .color-swatch-control{min-width:0}.palette-workspace .color-swatch-control .fill-color-trigger{cursor:pointer;background:0 0;border:0;border-radius:3px;width:100%;height:30px;min-height:30px;padding:0;display:block}.palette-workspace .color-swatch-control .fill-color-chip{width:100%;height:100%;display:block}.palette-seed-value .color-swatch-control{flex:0 0 30px}.palette-roles{flex-direction:column;gap:6px;display:flex}.palette-role{border:1px solid var(--line);border-radius:5px;grid-template-columns:94px minmax(25px,1fr) 28px 28px;align-items:center;gap:5px;min-height:50px;padding:6px 8px;display:grid}.palette-role-info{min-width:0}.palette-role-info .palette-hex{height:22px}.palette-role-info label{text-transform:capitalize;font-size:11px;font-weight:600}.palette-swatch{cursor:pointer;background:0 0;border:0;border-radius:3px;width:100%;height:30px;padding:0}.palette-workspace input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-workspace input[type=color]::-webkit-color-swatch{border:1px solid #8080802e;border-radius:3px}.palette-workspace input[type=color]::-moz-color-swatch{border:1px solid #8080802e;border-radius:3px}.palette-workspace .palette-icon{width:28px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.palette-workspace .palette-icon[aria-pressed=true]{background:var(--stage);color:var(--ink)}.palette-workspace button:disabled{opacity:.35;cursor:default}.palette-workspace button:not(:disabled):hover{opacity:.8}.palette-workspace button:not(:disabled):active{transform:translateY(1px)}.palette-export-actions{grid-template-columns:1fr;gap:8px;margin-top:8px;display:grid}.palette-export-actions .shared-button{gap:6px;min-width:0;padding-inline:8px;font-size:12px}.palette-preview-panel{background:var(--stage);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.palette-preview-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-preview-toolbar>span{color:var(--muted);font-size:10px}.palette-tabs{gap:15px;display:flex}.palette-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 0;font-size:12px}.palette-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}@media (width>=851px){.palette-preview-panel{contain:size;min-height:0}.palette-preview-toolbar{flex-shrink:0}.palette-preview-panel .cp-preview{flex:1;min-height:0;position:relative}.palette-preview-panel .cp-preview>div{position:absolute;inset:0}.palette-preview-panel .cp-store,.palette-preview-panel .cp-scroll{height:100%}}.palette-preview-theme{background:var(--surface);border-radius:5px;gap:2px;padding:3px;display:flex}.palette-preview-theme button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid}.palette-preview-theme button[aria-pressed=true]{background:var(--ink);color:var(--surface)}@media (width>=1200px) and (width<=1450px){.palette-app .shared-layout{grid-template-columns:120px minmax(0,1fr) 120px;gap:12px}.palette-editor{padding:18px}.palette-role{grid-template-columns:83px minmax(22px,1fr) 25px 25px;padding:6px}}@media (width<=850px){.palette-workspace{grid-template-columns:1fr}.palette-editor{border-right:0;border-bottom:1px solid var(--line)}.palette-roles{grid-template-columns:1fr 1fr;display:grid}.palette-preview-panel{padding:16px}}@media (width<=540px){.palette-editor{padding:18px 14px}.palette-roles{grid-template-columns:1fr}.palette-role{grid-template-columns:100px minmax(0,1fr) 40px 40px}.palette-workspace .palette-icon{width:40px;height:40px}.palette-workspace .palette-hex{font-size:16px}}