body:has(.cz){background:#fff}.cz{--green:#154c39;--paper:#fff;--ink:#173c30;--muted:#68776f;--line:#e3e7e5;--focus:#a45a37;color:var(--ink);font:16px/1.4 var(--font-jost), Jost, Arial, sans-serif;-webkit-font-smoothing:auto;font-weight:400}.cz *,.cz :before,.cz :after{box-sizing:border-box}.cz button,.cz input,.cz textarea,.cz select{font:inherit;touch-action:manipulation}.cz a{touch-action:manipulation}.cz button{color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;min-height:44px;padding:10px 16px}.cz button:hover{border-color:var(--green)}.cz button:disabled{opacity:.4;cursor:default}.cz button:disabled:hover{border-color:var(--line)}.cz button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.cz :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.cz .primary{background:var(--green);color:#fff;border-color:var(--green)}.cz .small{color:var(--muted);font-size:13px}.cz p{margin:0 0 16px}.cz h1,.cz h2,.cz h3{font-weight:400}.cz h2{margin:18px 0 12px;font-size:18px}.cz.shell{max-width:1600px;margin:0 auto;padding:0 24px 24px}.dashboard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.dashboard-header .brand-link{flex:none;line-height:0;display:block}.dashboard-header img{width:160px;max-width:none;height:auto;display:block}.dashboard-header h1{letter-spacing:-.025em;margin:0;font-size:21px;line-height:1.04}.dashboard-title{min-width:0;margin-right:auto}.dashboard-title .workspace-intro{color:#50675c;max-width:660px;margin:7px 0 0;font-size:13px;line-height:1.45}.dashboard-header .header-meta{text-align:right}.workspace-label{letter-spacing:.1em;text-transform:uppercase;font-size:10px}#storage-state{font-size:11px;display:block}#toast{min-height:22px;color:var(--green);margin:10px 0 0;font-size:13px}.cz .toast-line{flex-wrap:wrap;align-items:center;column-gap:12px;display:flex}.cz .toast-line>#toast{flex:0 auto;min-width:0}.cz #toast-retry{margin-top:10px;padding:6px 14px;font-size:12px}.dashboard-grid{grid-template-columns:208px minmax(0,1fr) 286px;align-items:start;gap:20px;margin-top:20px;display:grid}.dashboard-grid h2{letter-spacing:-.02em;margin:0 0 14px;font-size:17px}.pattern-sidebar{border-right:1px solid var(--line);min-width:0;padding-right:18px}.pattern-sidebar summary{cursor:pointer;min-height:44px;font-size:17px;list-style:none}.pattern-sidebar summary::-webkit-details-marker{display:none}.pattern-sidebar summary:after{content:"⌄";float:right;font-size:14px}.cz .category-label{color:var(--muted);margin:0 0 5px;font-size:11px;display:block}.cz select,.cz input,.cz textarea{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:0;width:100%;padding:12px}#pattern-category{width:100%;max-width:none;margin-bottom:12px;padding:8px;font-size:12px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pattern-sidebar .gallery{gap:7px;max-height:66vh;padding:3px;overflow:auto}.cz .pattern{aspect-ratio:1;background:#fff;min-width:0;min-height:0;padding:4px;line-height:0;position:relative}.cz .pattern img{width:100%;height:100%;display:block}.cz .pattern[aria-pressed=true]{border:2px solid var(--green);background:#fff;padding:3px}.cz .pattern[aria-pressed=true]:after{content:"✓";color:#fff;background:var(--green);place-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:grid;position:absolute;top:1px;right:1px}.library-controls{justify-content:space-between;align-items:center;gap:7px;margin-top:10px;display:flex}.library-controls button{padding:8px;font-size:11px}.library-controls [hidden]{display:none}.library-controls .small{font-size:10px}.cz .library-note{margin-top:12px;font-size:11px}.stage-area{min-width:0}.stage-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.editor-pane,.layout-pane{min-width:0}.stage-heading{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:4px;display:flex}.cz .stage-heading h2{margin:0}.tool-row,.cz .actions{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tool-row{align-content:start;gap:5px;min-height:100px;margin:8px 0 12px}.cz .tool-row button{padding:9px 10px;font-size:12px}.art-board{background:#f7f8f9;place-items:center;min-width:0;padding:12px;display:grid}.tile-canvas{aspect-ratio:1;background:var(--paper);width:100%;line-height:0}.tile-canvas svg,.zoom-canvas svg,.thumb svg,.floor svg,.review-tile svg{width:100%;height:100%;display:block}.cz [data-editor] [data-region]{cursor:crosshair}.cz [data-editor] [data-region]:hover{filter:brightness(1.06)}.cz [data-editor] [data-region]:focus{outline:none}.cz [data-editor] [data-region]:focus-visible{vector-effect:non-scaling-stroke;outline:none;stroke:#b65b37!important;stroke-width:1.4px!important}.floor{aspect-ratio:1;background:#dce2df;border:12px solid #f7f8f9;gap:1px;width:100%;line-height:0;display:grid}.cz .floor button{aspect-ratio:1;background:#fafbfc;border:0;min-width:0;min-height:0;padding:0;overflow:hidden}.cz .floor button:focus-visible{outline-offset:-3px}.cz .floor button:hover{box-shadow:inset 0 0 0 2px var(--green)}.layout-options{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.cz .layout-options label{margin:0;font-size:12px}.cz .layout-options select{width:auto;max-width:110px;padding:7px;font-size:12px}.cz .layout-options button{padding:8px;font-size:12px}.cz #pattern-warning{margin:12px 0 0;font-size:11px;line-height:1.4}.cz #pattern-warning:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.brush-line{flex-wrap:wrap;gap:15px;margin-top:16px;display:flex}.cz .brush-line h3{color:var(--muted);margin:0 0 8px;font-size:12px}.thumb-row{flex-wrap:wrap;gap:10px;min-height:20px;display:flex}.cz .thumb{background:#fff;width:68px;height:68px;min-height:68px;padding:3px;line-height:0;position:relative}.cz .thumb[aria-pressed=true]{border:2px solid var(--green);background:#fff;padding:2px}.cz .empty{color:var(--muted);margin:6px 0 12px;font-size:13px}.favourite-section{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.favourite-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cz .favourite-header h2{margin:0}.cz .favourite-header button{padding:8px 12px;font-size:12px}.favourite-item{flex-direction:column;align-items:center;display:flex}.cz .remove-favourite{min-width:44px;min-height:44px;color:var(--muted);border:0;padding:8px;font-size:12px}.colours-sidebar{border-left:1px solid var(--line);min-width:0;padding-left:0}.colour-inner{padding-left:6px}.cz .colours-sidebar .small{font-size:11px}.cz .colours-sidebar h3{color:var(--muted);margin:10px 0;font-size:12px}.pigments{grid-template-columns:repeat(6,44px);justify-content:start;gap:0;margin:16px 0;display:grid}.colours-sidebar .pigments{margin:12px 0 9px}.colours-sidebar #pigments{scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain;grid-auto-rows:44px;align-content:start;max-width:280px;max-height:176px;overflow:hidden auto}.cz .pigment{background:0 0;border:0;outline:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;position:relative}.cz .pigment:before{content:"";background-image:var(--pigment-image,none);background-color:var(--pigment-colour);background-size:cover;border:1px solid #6b76664a;border-radius:50%;width:32px;height:32px;display:block;position:absolute;top:6px;left:6px}.cz .pigment[aria-checked=true]:before{outline:2px solid var(--green);outline-offset:2px}.cz .pigment:focus-visible{outline:2px solid var(--focus);outline-offset:0}.cz .colour-counter h3{margin:0 0 4px}.cz #colour-readout{color:var(--ink);margin:0 0 3px;font-size:13px}.cz .colour-counter .counter-note{min-height:1.35em;margin:0;font-size:11px;line-height:1.35}.price-panel{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.cz .price-panel h3{color:var(--green);margin:0 0 6px;font-size:13px}.cz #price-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0 0 5px;font-size:23px;line-height:1.2}.cz #price-basis{text-wrap:pretty;min-height:2.8em;margin:0 0 6px;font-size:12px;line-height:1.4}.cz .price-note{color:var(--muted);text-wrap:pretty;margin:0;font-size:10px;line-height:1.4}.sample-request-action{margin-top:12px}.cz .sample-request-action button{text-align:center;color:#fff;background:#154c39;border:1px solid #154c39;width:100%;min-height:50px;padding:13px 12px;font-size:16px;font-weight:400;display:block}.cz .sample-request-action button:hover{background:#0c2b20}.cz .request-note{color:var(--muted);margin:6px 0 0;font-size:10px}.finish-dock{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:18px;display:flex}.cz .finish-dock h2{margin:0 0 5px;font-size:17px}.cz .finish-dock p{color:var(--muted);margin:0;font-size:11px}.cz .finish-dock .actions{align-items:center;margin:0}.cz .finish-dock .request-note{margin:0 0 0 4px}.cz .finish-dock button{padding:10px 12px;font-size:12px}.cz .commercial-note{color:var(--muted);max-width:920px;margin:15px 0 16px;font-size:11px}.cz footer{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:20px;font-size:10px}.cz dialog{border:1px solid var(--line);width:min(600px,100% - 30px);max-height:90dvh;color:var(--ink);background:#fff;margin:auto;padding:26px}.cz dialog::backdrop{background:#0c2b2073}.cz dialog h2{letter-spacing:-.035em;margin:8px 0 20px;font-size:30px;line-height:1.1}.dialog-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.cz .dialog-head button{border:0}.cz label{margin:16px 0 7px;font-size:13px;display:block}.cz .form-note{margin-top:12px}.review-tile{aspect-ratio:1;width:130px;margin-bottom:20px}#review-details{white-space:pre-wrap;font-size:14px;line-height:1.65}.cz .placeholder-tag{color:var(--muted);border:1px solid var(--line);margin:0 0 6px;padding:3px 8px;font-size:11px;display:inline-block}.cz .notice{color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding:16px 0;font-size:12px;line-height:1.5}.cz #zoom-dialog{width:min(900px,100% - 20px);padding:16px}#zoom-dialog .tool-row{align-items:center;min-height:0}#zoom-level{padding:10px;font-size:13px}#zoom-scroll{background:#f5f7f8;max-height:65dvh;padding:12px;overflow:auto}.zoom-canvas{aspect-ratio:1;line-height:0}.cz .zoom-note{margin-top:12px}.cz #palette-dialog{width:min(420px,100% - 16px);padding:16px}.cz #send-design-dialog{--send-pad:26px;--error:#9b3b26;width:min(720px,100% - 30px);padding:var(--send-pad) var(--send-pad) 0;margin:5dvh auto auto;scroll-padding-bottom:96px}.send-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.cz .send-top button{border:0;padding-inline-end:0}.cz .send-progress{color:var(--muted);margin:0;font-size:12px}.cz .send-dialog h2{margin:4px 0 8px}.cz .send-dialog h2:focus{outline:none}.cz .send-intro{color:#50675c;max-width:560px;margin:0 0 18px;font-size:14px;line-height:1.5}.send-preview{grid-template-columns:repeat(2,minmax(0,30dvh));justify-content:start;gap:18px;margin-bottom:16px;display:grid}.cz .send-preview figure{min-width:0;margin:0}.cz .send-preview figcaption{color:var(--muted);margin-top:6px;font-size:12px}.send-tile{aspect-ratio:1;background:#f7f8f9;padding:12px;line-height:0}.send-tile svg,.send-mini-tile svg{width:100%;height:100%;display:block}.send-repeat{aspect-ratio:1;background:#fff;border:12px solid #f7f8f9;grid-template-columns:repeat(3,minmax(0,1fr));line-height:0;display:grid}.send-repeat svg{aspect-ratio:1;width:100%;height:auto;display:block}.cz .send-floor>span{aspect-ratio:1;background:#fafbfc;min-width:0;overflow:hidden}.cz .send-record{border-top:1px solid var(--line);margin:0}.cz .send-record>div{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:12px;padding:9px 0;font-size:14px;display:grid}.cz .send-record dt{color:var(--muted);padding-top:2px;font-size:12px}.cz .send-record dd{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;margin:0;display:flex}.cz .send-record .send-price{font-variant-numeric:tabular-nums}.cz .send-record .counter-note{color:var(--muted);font-size:11px;line-height:1.35}.send-shades{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.send-shades li{align-items:center;gap:7px;font-size:13px;display:inline-flex}.send-swatch{background-size:cover;border:1px solid #6b76664a;border-radius:50%;flex:none;width:20px;height:20px}.send-mini{background:#f7f8f9;align-items:center;gap:12px;margin:2px 0 12px;padding:8px;display:flex}.send-mini-tile{flex:none;width:56px;height:56px;line-height:0}.cz .send-mini p{color:#50675c;margin:0;font-size:13px}.send-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.send-field{min-width:0}.send-field-notes{grid-column:1/-1}.cz .send-field label{margin:12px 0 6px}.cz .send-field textarea{resize:vertical}.cz .send-field [aria-invalid=true]{border-color:var(--error)}.cz .send-field [aria-invalid=true]:focus-visible{outline-offset:0}.cz .send-hint{color:var(--muted);margin:4px 0 0;font-size:11px}.cz .send-error{color:var(--error);margin:5px 0 0;font-size:12px;line-height:1.4}.cz .send-actions{z-index:1;margin:20px calc(-1 * var(--send-pad)) 0;padding:12px var(--send-pad) var(--send-pad);border-top:1px solid var(--line);background:#fff;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;position:sticky;bottom:0}.cz .send-dialog :has(+.send-actions){margin-bottom:20px}.cz .send-dialog .send-actions button{flex:none}.cz .send-dialog button[aria-disabled=true]{opacity:.4;cursor:default}.cz .send-dialog button[aria-disabled=true]:hover{border-color:var(--line)}.cz .send-preview-label{color:var(--muted);margin-left:auto;font-size:12px;line-height:1.4}.cz .send-check{margin:8px 0 10px;display:block}.send-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:14px 0;display:flex}.cz .send-summary dl{gap:6px;min-width:0;margin:0;font-size:14px;display:grid}.cz .send-summary dl>div{grid-template-columns:56px minmax(0,1fr);gap:10px;display:grid}.cz .send-summary dt{color:var(--muted);padding-top:2px;font-size:12px}.cz .send-summary dd{overflow-wrap:anywhere;margin:0}.cz .send-download-status{min-height:18px;margin:10px 0 0;font-size:12px}.cz .hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.send-body{overflow-y:clip}@media (prefers-reduced-motion:no-preference){.cz .send-step{animation:.18s cubic-bezier(.2,.7,.2,1) both send-step-in}.cz .send-check{animation:.2s cubic-bezier(.2,.7,.2,1) both send-check-in}}@keyframes send-step-in{0%{opacity:0;transform:translateY(6px)}}@keyframes send-check-in{0%{opacity:0;transform:scale(.86)}}@media (min-width:760px){.cz .finish-dock [data-request=design]{white-space:nowrap;min-width:122px;padding-inline:8px}}@media (min-width:641px) and (max-height:500px){.cz #send-design-dialog{padding-top:16px}.cz .send-actions{padding-block:10px 14px}}@media (max-width:640px){.cz #send-design-dialog{--send-pad:5vw;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:16px var(--send-pad) 0;overscroll-behavior:contain;scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));border:0;margin:0}.cz #send-design-dialog[open]{flex-direction:column;display:flex}.cz #send-design-dialog .placeholder-tag{align-self:flex-start}.cz .send-body,.cz .send-step,.cz .send-step>form,.cz .send-success{flex-direction:column;flex:1 0 auto;display:flex}.send-preview{gap:10px}.send-tile{padding:8px}.send-repeat,.cz .send-floor{border-width:8px}.cz .send-record>div{grid-template-columns:1fr;gap:4px}.send-fields{grid-template-columns:1fr}.cz .send-actions{padding:12px var(--send-pad) calc(16px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:8px;margin-top:auto}.cz .send-dialog .send-actions button{flex:1 1 0;min-width:0;padding-inline:8px}.cz .send-preview-label{text-align:center;flex-basis:100%;order:-1;margin:0}}@media (min-width:1100px){.colours-sidebar{position:sticky;top:16px}.cz #price-value{font-size:20px}}@media (min-width:1100px) and (max-height:819px){.dashboard-header{padding:10px 0}.cz .toast-line>#toast,.cz #toast-retry{margin-top:6px}.dashboard-grid{margin-top:4px}.cz .colours-sidebar h2{margin-bottom:8px}.cz .colour-inner>h3{margin:8px 0 6px}.colours-sidebar .pigments{margin:6px 0 4px}.cz .colour-inner>.small{margin-bottom:8px}.price-panel{margin-top:6px;padding-top:6px}.cz .price-panel h3{margin-bottom:4px}.cz #price-value{margin-bottom:3px}.cz #price-basis{margin-bottom:4px}.sample-request-action{margin-top:8px}.cz .price-panel .request-note{margin-top:3px}}@media (max-width:1099px) and (min-width:760px){.dashboard-grid{grid-template-columns:180px minmax(0,1fr)}.colours-sidebar{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}.colour-inner{max-width:320px;display:block}.price-panel{max-width:320px}.tool-row{min-height:145px}}@media (max-width:759px){html:has(.cz){scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.cz.shell{padding:0 5% calc(128px + env(safe-area-inset-bottom,0px))}.dashboard-header{flex-wrap:wrap;gap:12px;padding:18px 0}.dashboard-header img{width:112px}.dashboard-header h1{font-size:19px}.dashboard-header .dashboard-title{flex:1;min-width:155px}.dashboard-title .workspace-intro{max-width:none;font-size:12px;line-height:1.45}.dashboard-header>.header-meta{text-align:left;justify-content:space-between;width:100%;font-size:10px;display:flex}.dashboard-header #storage-state{display:inline}.workspace-label{font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:8px}.pattern-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.pattern-sidebar .gallery{gap:9px;max-height:320px}.stage-pair{grid-template-columns:minmax(0,1fr);gap:26px}.cz .stage-heading .small{font-size:11px}.tool-row,.layout-pane .tool-row{min-height:0;margin-top:10px}.colours-sidebar{border-left:0;border-top:1px solid var(--line);padding-top:18px}.colour-inner{padding:0}.colours-sidebar .pigments{max-width:264px}.price-panel{max-width:320px}.favourite-section{margin-top:20px}.finish-dock{gap:14px}.cz .finish-dock .actions{width:100%}.cz .finish-dock .actions button{flex:100px}.cz .finish-dock .request-note{flex-basis:100%;margin:2px 0 0}.cz dialog .actions button{flex-grow:1}.cz .commercial-note{font-size:10px}.cz .notice{font-size:11px}.sample-request-action{z-index:15;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border:1px solid #d9e0d9;flex-direction:column;margin:0;display:flex;position:fixed;bottom:0;left:5%;right:5%;box-shadow:0 -4px 20px #173c3009}.cz .sample-request-action .request-note{text-align:center;order:-1;margin:0 0 5px;line-height:13px}}@media (prefers-reduced-motion:reduce){.cz *{scroll-behavior:auto!important}}