/* Generated by scripts/build-customizer-look.mjs from styles.css, shopping.css, header.css, order-summary.css, artwork-fit.css, design-loading.css. Do not edit:
   change the source stylesheet and run the script. */
/* styles.css */
html.cz-store .customer-account-link{color:var(--sf-text);text-decoration:none}
html.cz-store .customer-account-link:hover{text-decoration:underline}
html.cz-store .account-save-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));color:var(--sf-text)}
html.cz-store .account-save-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 67%, transparent)}
html.cz-store .account-save-dialog p{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .account-save-dialog input{color:var(--sf-text);background:var(--sf-background);border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background))}
html.cz-store .account-save-dialog button{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background));color:var(--sf-text)}
html.cz-store .account-save-dialog #confirmAccountDesignSave{background:var(--sf-accent);border-color:var(--sf-accent-line)}
html.cz-store .account-save-dialog a{color:var(--sf-accent-line)}
html.cz-store{--bg:var(--sf-background);--panel:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));--panel-2:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));--line:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));--muted:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background));--text:var(--sf-text);--red:var(--sf-accent);--red-2:var(--sf-accent)}
html.cz-store,html.cz-store body{background:var(--bg);color:var(--text)}
html.cz-store button{color:inherit}
html.cz-store .topbar{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 11%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background))}
html.cz-store .brand{color:inherit;text-decoration:none}
html.cz-store .brand:focus-visible{outline:2px solid var(--red)}
html.cz-store .brand-mark{background:var(--red)}
html.cz-store .prototype-pill{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .controls-panel{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background));border-right:1px solid color-mix(in srgb, var(--sf-text) 11%, var(--sf-background));scrollbar-color:var(--sf-accent-line) color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .controls-panel::-webkit-scrollbar-track{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));border-left:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background))}
html.cz-store .controls-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sf-accent) 0%,var(--sf-accent) 48%,var(--sf-accent) 100%);border:3px solid color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 0 10px color-mix(in srgb, var(--sf-accent) 50%, transparent)}
html.cz-store .controls-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sf-accent),var(--sf-accent) 48%,var(--sf-accent))}
html.cz-store .eyebrow{color:var(--red-2)}
html.cz-store h1 span{color:color-mix(in srgb, var(--sf-text) 46%, var(--sf-background))}
html.cz-store .intro{color:color-mix(in srgb, var(--sf-text) 68%, var(--sf-background))}
html.cz-store .step-card{border-top:1px solid color-mix(in srgb, var(--sf-text) 14%, var(--sf-background))}
html.cz-store .step-heading strong,html.cz-store .color-empty-copy h3{color:var(--sf-text)}
html.cz-store .step-heading small,html.cz-store .color-empty-copy p{color:color-mix(in srgb, var(--sf-text) 49%, var(--sf-background))}
html.cz-store .upload-zone{border:1px dashed color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .upload-zone:hover,html.cz-store .upload-zone.drag,html.cz-store .upload-zone.dragging{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store #uploadEmpty{color:color-mix(in srgb, var(--sf-text) 60%, var(--sf-background))}
html.cz-store #uploadEmpty b{color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .upload-empty{color:color-mix(in srgb, var(--sf-text) 60%, var(--sf-background))}
html.cz-store .upload-empty b{color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .upload-empty small{color:color-mix(in srgb, var(--sf-text) 42%, var(--sf-background))}
html.cz-store .upload-icon{color:var(--sf-accent-line)}
html.cz-store .upload-preview img{background:var(--sf-text)}
html.cz-store .upload-preview small{color:color-mix(in srgb, var(--sf-text) 52%, var(--sf-background))}
html.cz-store .text-button{border:0;background:none;color:var(--sf-accent-line)}
html.cz-store textarea{color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));outline:none}
html.cz-store textarea:focus{border-color:color-mix(in srgb, #6b343c 55%, var(--sf-text));box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 8%, transparent)}
html.cz-store .chips button,html.cz-store .toolbar-actions button{border:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 71%, var(--sf-background))}
html.cz-store .chips button:hover,html.cz-store .toolbar-actions button:hover{border-color:color-mix(in srgb, var(--sf-text) 35%, var(--sf-background));color:var(--sf-text)}
html.cz-store .generate-button{border:0;background:linear-gradient(135deg,var(--sf-accent),var(--sf-accent));box-shadow:0 10px 30px color-mix(in srgb, var(--sf-accent) 18%, transparent)}
html.cz-store .prototype-note{color:color-mix(in srgb, var(--sf-text) 42%, var(--sf-background))}
html.cz-store .graphics-field{color:color-mix(in srgb, var(--sf-text) 61%, var(--sf-background))}
html.cz-store .graphics-field input,html.cz-store .graphics-field select{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .graphics-field input:focus,html.cz-store .graphics-field select:focus{border-color:var(--sf-accent-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 10%, transparent)}
html.cz-store .text-font-select option{background:var(--sf-text);color:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .graphics-color-control input[type="color"]{background:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background))}
html.cz-store .outline-width-control input[type="range"]{border:0;background:color-mix(in srgb, var(--sf-text) 14%, var(--sf-background));accent-color:var(--sf-accent-line)}
html.cz-store .outline-width-control input[type="range"]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 12%, transparent)}
html.cz-store .outline-width-control output{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text)}
html.cz-store .text-accordion-item{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .text-accordion-item.active{border-color:color-mix(in srgb, var(--sf-text) 32%, var(--sf-background))}
html.cz-store .text-accordion-header{border:0;background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .text-accordion-header:hover{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .text-accordion-preview{color:color-mix(in srgb, var(--sf-text) 60%, var(--sf-background))}
html.cz-store .text-accordion-chevron{background:color-mix(in srgb, var(--sf-text) 14%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 85%, var(--sf-background))}
html.cz-store .logo-accordion-header{background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .logo-accordion-toggle{border:0;background:transparent;color:var(--sf-text)}
html.cz-store .logo-accordion-toggle:hover,html.cz-store .logo-duplicate-button:hover,html.cz-store .logo-name-edit-button:hover,html.cz-store .logo-delete-button:hover{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .logo-duplicate-button,html.cz-store .logo-name-edit-button,html.cz-store .logo-delete-button{border:0;border-left:1px solid color-mix(in srgb, var(--sf-text) 18%, var(--sf-background));background:transparent;color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .logo-duplicate-button svg,html.cz-store .logo-name-edit-button svg,html.cz-store .logo-delete-button svg{fill:currentColor}
html.cz-store .logo-delete-button:hover{color:var(--sf-accent-line)}
html.cz-store .logo-duplicate-button:focus-visible,html.cz-store .logo-name-edit-button:focus-visible,html.cz-store .logo-delete-button:focus-visible,html.cz-store .logo-accordion-toggle:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .logo-duplicate-button:disabled:hover{background:transparent}
html.cz-store .logo-name-input{border:1px solid var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text);outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 10%, transparent)}
html.cz-store .text-accordion-body{border-top:1px solid color-mix(in srgb, var(--sf-text) 18%, var(--sf-background))}
html.cz-store .add-text-button{border:1px dashed color-mix(in srgb, var(--sf-text) 32%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .add-text-button:hover:not(:disabled){border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .add-text-button:disabled{color:color-mix(in srgb, var(--sf-text) 45%, var(--sf-background))}
html.cz-store .graphics-text-note{color:color-mix(in srgb, var(--sf-text) 46%, var(--sf-background))}
html.cz-store .text-side-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text)}
html.cz-store .text-side-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 72%, transparent)}
html.cz-store .text-side-dialog-card>p{color:color-mix(in srgb, var(--sf-text) 63%, var(--sf-background))}
html.cz-store .text-side-dialog-close{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 89%, var(--sf-background))}
html.cz-store .text-side-options button{border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .text-side-options button:hover,html.cz-store .text-side-options button:focus-visible{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 10%, transparent)}
html.cz-store .text-side-options span{color:color-mix(in srgb, var(--sf-text) 60%, var(--sf-background))}
html.cz-store .text-side-cancel{border:0;background:transparent;color:color-mix(in srgb, var(--sf-text) 61%, var(--sf-background))}
html.cz-store .design-mode-fieldset{border:0}
html.cz-store .design-mode-fieldset legend{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .design-mode-option{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .design-mode-option:hover{border-color:color-mix(in srgb, var(--sf-text) 32%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .design-mode-option:has(input:checked){border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-accent) 12%, transparent)}
html.cz-store .design-mode-control{border:2px solid color-mix(in srgb, var(--sf-text) 38%, var(--sf-background))}
html.cz-store .design-mode-control::after{background:var(--sf-accent)}
html.cz-store .design-mode-option input:checked+.design-mode-control{border-color:var(--sf-accent-line)}
html.cz-store .design-mode-option input:focus-visible+.design-mode-control{outline:3px solid color-mix(in srgb, rgba(97,153,255,.45) 55%, var(--sf-text))}
html.cz-store .design-mode-option strong{color:var(--sf-text)}
html.cz-store .design-mode-expert{color:var(--sf-accent-line)}
html.cz-store .start-path-panel{border-top:1px solid color-mix(in srgb, var(--sf-text) 16%, var(--sf-background))}
html.cz-store .start-path-title{color:var(--sf-text)}
html.cz-store .blank-panel-color-list{border-top:1px solid color-mix(in srgb, var(--sf-text) 15%, var(--sf-background))}
html.cz-store .blank-panel-color-row{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 15%, var(--sf-background))}
html.cz-store .blank-panel-color-row label{color:var(--sf-text)}
html.cz-store .blank-panel-color-row input[type="color"]{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .blank-panel-color-row input[type="text"]{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 99%, var(--sf-background))}
html.cz-store .blank-panel-color-row input[type="text"]:focus{border-color:var(--sf-accent-line);outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 10%, transparent)}
html.cz-store .pdf-design-status{color:color-mix(in srgb, var(--sf-text) 66%, var(--sf-background))}
html.cz-store .pdf-design-status.busy{color:color-mix(in srgb, var(--sf-text) 89%, var(--sf-background))}
html.cz-store .pdf-design-status.success{color:color-mix(in srgb, #5ce092 55%, var(--sf-text))}
html.cz-store .pdf-design-status.error{color:var(--sf-accent-line)}
html.cz-store .concept-card{border:1px solid color-mix(in srgb, var(--sf-text) 16%, var(--sf-background));background:var(--sf-background)}
html.cz-store .concept-card .concept-caption{background:linear-gradient(transparent,color-mix(in srgb, var(--sf-background) 82%, transparent))}
html.cz-store .concept-card.selected{border-color:var(--sf-accent-line);box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-accent) 25%, transparent)}
html.cz-store .concept-card.selected::after{background:var(--sf-accent)}
html.cz-store .viewer-panel{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--sf-text) 11%, var(--sf-background)) 0, color-mix(in srgb, var(--sf-text) 5%, var(--sf-background)) 42%, color-mix(in srgb, var(--sf-text) 3%, var(--sf-background)) 80%)}
html.cz-store .viewer-toolbar{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 6%, transparent)}
html.cz-store .viewer-subtitle{color:color-mix(in srgb, var(--sf-text) 49%, var(--sf-background))}
html.cz-store .toolbar-actions [data-view][aria-pressed="true"]{color:var(--sf-text);box-shadow:inset 0 -3px var(--sf-accent)}
html.cz-store .reset-view-button svg{fill:none;stroke:currentColor}
html.cz-store .loading-state{color:color-mix(in srgb, var(--sf-text) 95%, var(--sf-background))}
html.cz-store .loading-state span{color:color-mix(in srgb, var(--sf-text) 47%, var(--sf-background))}
html.cz-store .spinner{border:3px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));border-top-color:var(--sf-accent-line);animation:spin .8s linear infinite}
html.cz-store .loading-progress{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .loading-progress-bar{background:linear-gradient(90deg,var(--sf-accent),var(--sf-accent));box-shadow:0 0 14px color-mix(in srgb, var(--sf-accent) 38%, transparent)}
html.cz-store .loading-progress-text{color:color-mix(in srgb, var(--sf-text) 72%, var(--sf-background))}
html.cz-store .retry-viewer-button{border:1px solid color-mix(in srgb, var(--sf-accentText) 20%, transparent);background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .retry-viewer-button:hover{background:var(--sf-accent)}
html.cz-store .graphic-history-controls button{border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 88%, transparent);color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .graphic-history-controls button:hover:not(:disabled){border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:var(--sf-text)}
html.cz-store .graphic-history-controls button:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .graphic-history-controls button:disabled{color:color-mix(in srgb, var(--sf-text) 44%, var(--sf-background))}
html.cz-store .graphic-history-controls svg{fill:currentColor}
html.cz-store .image-quality-badge{border:1px solid color-mix(in srgb, var(--sf-text) 37%, var(--sf-background));background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 92%, transparent);color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .image-quality-badge:hover{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .image-quality-badge:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .image-quality-badge[data-quality="excellent"],html.cz-store .image-quality-badge[data-quality="good"],html.cz-store .image-quality-badge[data-quality="vector"]{border-color:color-mix(in srgb, #3b9e69 55%, var(--sf-text));color:color-mix(in srgb, #b9ffd5 55%, var(--sf-text))}
html.cz-store .image-quality-badge[data-quality="fair"]{border-color:color-mix(in srgb, #b99035 55%, var(--sf-text));color:color-mix(in srgb, #ffe19a 55%, var(--sf-text))}
html.cz-store .image-quality-badge[data-quality="low"]{border-color:color-mix(in srgb, #df772b 55%, var(--sf-text));color:color-mix(in srgb, #ffc08d 55%, var(--sf-text))}
html.cz-store .image-quality-badge[data-quality="poor"]{border-color:var(--sf-accent-line);color:color-mix(in srgb, #ffb1ba 55%, var(--sf-text))}
html.cz-store .image-quality-badge-label{color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .graphic-nudge-tip{border:1px solid color-mix(in srgb, var(--sf-accent-line) 62%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 92%, transparent);color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background));box-shadow:0 10px 30px rgba(0,0,0,.36),0 0 18px color-mix(in srgb, var(--sf-accent) 8%, transparent)}
html.cz-store .graphic-nudge-tip-copy strong{color:var(--sf-text)}
html.cz-store .graphic-nudge-tip-copy span{color:color-mix(in srgb, var(--sf-text) 78%, var(--sf-background))}
html.cz-store .graphic-nudge-tip kbd{border:1px solid color-mix(in srgb, var(--sf-text) 30%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:var(--sf-text)}
html.cz-store .graphic-nudge-tip-close{border:1px solid color-mix(in srgb, var(--sf-text) 30%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 89%, var(--sf-background))}
html.cz-store .graphic-nudge-tip-close:hover{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background));color:var(--sf-text)}
html.cz-store .graphic-nudge-tip-close:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .sr-only{border:0!important}
html.cz-store .orbit-control{color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .orbit-control-label,html.cz-store .orbit-control-help{border:1px solid color-mix(in srgb, var(--sf-text) 9%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 1%, var(--sf-background)) 66%, transparent)}
html.cz-store .orbit-control-label{color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .orbit-control-help{color:color-mix(in srgb, var(--sf-text) 82%, var(--sf-background))}
html.cz-store .orbit-trackball{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--sf-text) 63%, var(--sf-background)) 28%, transparent);background:radial-gradient(circle at 43% 38%,color-mix(in srgb, color-mix(in srgb, var(--sf-text) 27%, var(--sf-background)) 52%, transparent),color-mix(in srgb, color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) 86%, transparent) 54%,color-mix(in srgb, var(--sf-background) 94%, transparent))}
html.cz-store .orbit-trackball:hover{border-color:color-mix(in srgb, var(--sf-accent-line) 62%, transparent);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 18px color-mix(in srgb, var(--sf-accent) 10%, transparent),inset 0 0 22px rgba(130,148,175,.1)}
html.cz-store .orbit-trackball:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .orbit-trackball.dragging{border-color:var(--sf-accent-line);box-shadow:0 16px 38px rgba(0,0,0,.48),0 0 24px color-mix(in srgb, var(--sf-accent) 18%, transparent),inset 0 0 22px rgba(130,148,175,.12)}
html.cz-store .orbit-ring-outline,html.cz-store .orbit-ring{fill:none}
html.cz-store .orbit-ring-outline{stroke:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 73%, var(--sf-background)) 18%, transparent)}
html.cz-store .orbit-ring{stroke:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .orbit-ring-active{stroke:var(--sf-accent-line)}
html.cz-store .orbit-arrow{fill:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .orbit-arrow-active{fill:var(--sf-accent)}
html.cz-store .orbit-sphere{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--sf-text) 89%, var(--sf-background)) 32%, transparent);background:radial-gradient(circle at 34% 28%,color-mix(in srgb, var(--sf-text) 45%, var(--sf-background)) 0,color-mix(in srgb, var(--sf-text) 19%, var(--sf-background)) 32%,color-mix(in srgb, var(--sf-text) 7%, var(--sf-background)) 72%,color-mix(in srgb, var(--sf-text) 1%, var(--sf-background)) 100%)}
html.cz-store .orbit-sphere-dot{background:linear-gradient(145deg,var(--sf-accent),var(--sf-accent));border:1px solid color-mix(in srgb, var(--sf-accentText) 60%, transparent);box-shadow:0 0 9px color-mix(in srgb, var(--sf-accent) 75%, transparent)}
html.cz-store .viewer-footer{border-top:1px solid color-mix(in srgb, var(--sf-text) 6%, transparent);color:color-mix(in srgb, var(--sf-text) 48%, var(--sf-background))}
html.cz-store .status-dot{background:#31cd6f}
@media (max-width: 900px){
  html.cz-store .controls-panel{border-right:0;border-top:1px solid color-mix(in srgb, var(--sf-text) 11%, var(--sf-background))}
}
html.cz-store .concept-tab{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .concept-tab.active{background:var(--sf-accent);color:var(--sf-accentText);border-color:var(--sf-accent-line)}
html.cz-store .premade-card .premade-badge{background:color-mix(in srgb, var(--sf-background) 72%, transparent);color:var(--sf-text)}
html.cz-store .editing-design-label{border:1px solid color-mix(in srgb, var(--sf-text) 10%, transparent);background:color-mix(in srgb, var(--sf-text) 4%, transparent);color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .history-controls button{border:1px solid color-mix(in srgb, var(--sf-text) 13%, transparent);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
html.cz-store .history-controls button:hover:not(:disabled){border-color:color-mix(in srgb, var(--sf-accent-line) 70%, transparent);color:var(--sf-text)}
html.cz-store .tool-button{border:1px solid color-mix(in srgb, var(--sf-text) 14%, transparent);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 92%, var(--sf-background))}
html.cz-store .tool-button:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .tool-button.active{background:var(--sf-accent);border-color:var(--sf-accent-line);color:var(--sf-accentText);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 15%, transparent)}
html.cz-store .tool-hint{color:color-mix(in srgb, var(--sf-text) 56%, var(--sf-background))}
html.cz-store .color-replace-panel{border:1px solid color-mix(in srgb, var(--sf-text) 10%, transparent);background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .color-field label,html.cz-store .match-field label{color:color-mix(in srgb, var(--sf-text) 58%, var(--sf-background))}
html.cz-store .color-input-wrap input[type="text"]{background:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));color:var(--sf-text)}
html.cz-store .color-input-wrap input[type="color"]{border:0;background:transparent}
html.cz-store .color-arrow{color:color-mix(in srgb, var(--sf-text) 51%, var(--sf-background))}
html.cz-store #colorToleranceLabel{color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .apply-color-button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .stitch-color-row{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .stitch-color-label h3{color:color-mix(in srgb, var(--sf-text) 92%, var(--sf-background))}
html.cz-store .stitch-color-label p{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .stitch-color-swatch{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 87%, var(--sf-background))}
html.cz-store .stitch-color-swatch:hover{border-color:color-mix(in srgb, var(--sf-text) 46%, var(--sf-background));color:var(--sf-text)}
html.cz-store .stitch-color-swatch.active{border-color:var(--sf-accent-line);box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-accent) 14%, transparent);color:var(--sf-text)}
html.cz-store .eyedropper-svg{color:inherit}
html.cz-store .build-version{background:color-mix(in srgb, var(--sf-background) 52%, transparent);border:1px solid color-mix(in srgb, var(--sf-text) 13%, transparent);color:color-mix(in srgb, var(--sf-text) 61%, var(--sf-background))}
html.cz-store .help-button{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
html.cz-store .help-button:hover,html.cz-store .help-button[aria-expanded="true"],html.cz-store .share-design-button:hover:not(:disabled),html.cz-store .install-app-button:hover{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .help-button:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .help-button svg{fill:none;stroke:currentColor}
html.cz-store .help-button .help-icon-dot{fill:currentColor;stroke:none}
html.cz-store .share-design-button{border:1px solid color-mix(in srgb, var(--sf-text) 30%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .share-design-button svg{fill:none;stroke:currentColor}
html.cz-store .share-design-button:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .install-app-button{border:1px solid color-mix(in srgb, var(--sf-text) 30%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .install-app-button svg{fill:none;stroke:currentColor}
html.cz-store .install-app-button:focus-visible{outline:2px solid var(--sf-accent-line)}
html.cz-store .version-update-notice{border:2px solid color-mix(in srgb, var(--sf-text) 37%, var(--sf-background));background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 5%, var(--sf-background)) 97%, transparent);color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .version-update-notice button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .version-update-notice button:hover{background:var(--sf-accent)}
html.cz-store .version-update-notice button:focus-visible{outline:2px solid var(--sf-text)}
html.cz-store .share-design-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text)}
html.cz-store .share-design-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 78%, transparent)}
html.cz-store .share-design-dialog-card{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .share-design-dialog-header{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .share-design-dialog-eyebrow{color:var(--sf-accent-line)}
html.cz-store .share-design-dialog-header h2{color:var(--sf-text)}
html.cz-store .share-design-dialog-header p{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .share-design-dialog-close{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .share-design-dialog-close:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .share-design-link-row input{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background));outline:none}
html.cz-store .share-design-link-row input:focus{border-color:var(--sf-accent-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 10%, transparent)}
html.cz-store .share-design-link-row button{border:1px solid var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background));color:var(--sf-text)}
html.cz-store .share-design-status{color:color-mix(in srgb, #7ee2a5 55%, var(--sf-text))}
html.cz-store .share-design-status.error{color:color-mix(in srgb, #ff8e9b 55%, var(--sf-text))}
html.cz-store .share-design-native{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .share-design-done{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .help-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text)}
html.cz-store .image-quality-dialog{border:1px solid color-mix(in srgb, var(--sf-text) 28%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .image-quality-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 76%, transparent)}
html.cz-store .image-quality-dialog-card{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .image-quality-dialog-header{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .image-quality-dialog-eyebrow{color:var(--sf-accent-line)}
html.cz-store .image-quality-dialog-header h2{color:var(--sf-text)}
html.cz-store .image-quality-dialog-close{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .image-quality-details div{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background))}
html.cz-store .image-quality-details div:last-child{border-bottom:0}
html.cz-store .image-quality-details dt{color:color-mix(in srgb, var(--sf-text) 68%, var(--sf-background))}
html.cz-store .image-quality-details dd{color:var(--sf-text)}
html.cz-store .image-quality-warning{border:1px solid var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .image-quality-warning h3{color:color-mix(in srgb, #ff9daa 55%, var(--sf-text))}
html.cz-store .image-quality-warning p,html.cz-store .image-quality-vector-note,html.cz-store .low-resolution-checkout-card>p{color:color-mix(in srgb, var(--sf-text) 84%, var(--sf-background))}
html.cz-store .image-quality-vector-note{border:1px solid color-mix(in srgb, #38795a 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, #baffd2 55%, var(--sf-text))}
html.cz-store .image-quality-replace{border:1px solid color-mix(in srgb, var(--sf-text) 32%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .image-quality-accept{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .image-quality-continue{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .low-resolution-checkout-list li{border:1px solid color-mix(in srgb, #743842 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, #ffd1d6 55%, var(--sf-text))}
html.cz-store .low-resolution-checkout-note{color:color-mix(in srgb, var(--sf-text) 68%, var(--sf-background))!important}
html.cz-store .help-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 78%, transparent)}
html.cz-store .help-dialog-card{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .help-dialog-header{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .help-dialog-eyebrow{color:var(--sf-accent-line)}
html.cz-store .help-dialog-header h2{color:var(--sf-text)}
html.cz-store .help-dialog-header p{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .help-dialog-close{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .help-dialog-close:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .help-guide-grid{background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .help-guide-item{background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .help-guide-item h3{color:var(--sf-text)}
html.cz-store .help-guide-item p{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .help-keyboard-icon{color:color-mix(in srgb, var(--sf-text) 91%, var(--sf-background))}
html.cz-store .help-keyboard-icon kbd{border:1px solid color-mix(in srgb, var(--sf-text) 72%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .help-keyboard-icon .help-shift-key{color:var(--sf-accent-line);border-color:var(--sf-accent-line)}
html.cz-store .help-mouse{border:2px solid color-mix(in srgb, var(--sf-text) 96%, var(--sf-background));color:var(--sf-accent-line);background:transparent}
html.cz-store .help-mouse::before{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .help-mouse span{border:2px solid currentColor}
html.cz-store .help-mouse-left{background:linear-gradient(90deg,color-mix(in srgb, var(--sf-accent) 28%, transparent) 0 50%,transparent 50%)}
html.cz-store .help-mouse-right{background:linear-gradient(90deg,transparent 0 50%,color-mix(in srgb, var(--sf-accent) 28%, transparent) 50%)}
html.cz-store .help-control-icon{color:color-mix(in srgb, var(--sf-text) 91%, var(--sf-background))}
html.cz-store .help-control-icon>svg{fill:none;stroke:currentColor}
html.cz-store .help-select-icon>svg{fill:color-mix(in srgb, var(--sf-text) 78%, var(--sf-background));stroke:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background))}
html.cz-store .help-resize-icon{border:1px dashed color-mix(in srgb, var(--sf-text) 72%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 91%, var(--sf-background))}
html.cz-store .help-resize-icon svg{fill:none;stroke:currentColor}
html.cz-store .help-resize-handle{background:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .help-resize-handle.handle-four{background:var(--sf-accent)}
html.cz-store .help-graphic-rotate-icon{border:1px dashed color-mix(in srgb, var(--sf-text) 72%, var(--sf-background));color:color-mix(in srgb, #55ff3b 55%, var(--sf-text))}
html.cz-store .help-graphic-rotate-icon>span{background:#55ff3b}
html.cz-store .help-graphic-rotate-icon>svg{fill:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));stroke:currentColor}
html.cz-store .help-dialog-footer{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .help-dialog-footer button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .help-dialog-footer button:hover{background:var(--sf-accent)}
html.cz-store .draft-save-status{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .draft-save-status::before{background:#e2b34d}
html.cz-store .draft-save-status[data-state="saved"]{color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .draft-save-status[data-state="saved"]::before{background:#39d47a}
html.cz-store .draft-save-status[data-state="restored"]{color:color-mix(in srgb, #c2d3ff 55%, var(--sf-text))}
html.cz-store .draft-save-status[data-state="restored"]::before{background:#6e9dff}
html.cz-store .draft-save-status[data-state="error"]{color:color-mix(in srgb, #ff9aa5 55%, var(--sf-text))}
html.cz-store .draft-save-status[data-state="error"]::before{background:var(--sf-accent);box-shadow:0 0 8px color-mix(in srgb, var(--sf-accent) 45%, transparent)}
html.cz-store .start-over-button{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .start-over-button:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .header-right .build-version{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .product-browser-scroll{scrollbar-color:color-mix(in srgb, var(--sf-text) 38%, var(--sf-background)) color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .product-browser-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .product-browser-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--sf-text) 38%, var(--sf-background));border:2px solid color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .product-browser-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--sf-text) 51%, var(--sf-background))}
html.cz-store .view-title{color:var(--sf-text)}
html.cz-store .view-intro{color:color-mix(in srgb, var(--sf-text) 76%, var(--sf-background))}
html.cz-store .filter-chip{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .filter-chip.active,html.cz-store .filter-chip:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .start-path-panel{border-top:1px solid color-mix(in srgb, var(--sf-text) 16%, var(--sf-background))}
html.cz-store .colors-toolbar{border-top:1px solid color-mix(in srgb, var(--sf-text) 14%, var(--sf-background))}
html.cz-store .tolerance-scale{color:color-mix(in srgb, var(--sf-text) 49%, var(--sf-background))}
html.cz-store .color-empty-copy p,html.cz-store .color-empty-note{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .pick-color-button{border:1px dashed color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .pick-color-button:hover{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));border-color:color-mix(in srgb, var(--sf-text) 46%, var(--sf-background))}
html.cz-store .pick-color-button:focus-visible{outline:2px solid var(--sf-text)}
html.cz-store .pick-color-icon svg{fill:currentColor}
html.cz-store .pick-color-button[aria-pressed="true"]{background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .order-card{border:1px solid color-mix(in srgb, var(--sf-text) 18%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background))}
html.cz-store .order-card-title{color:var(--sf-text)}
html.cz-store .order-line{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 6%, transparent);color:color-mix(in srgb, var(--sf-text) 59%, var(--sf-background))}
html.cz-store .order-line strong{color:color-mix(in srgb, var(--sf-text) 95%, var(--sf-background))}
html.cz-store .editable-order input{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));color:var(--sf-text)}
html.cz-store .order-divider{background:color-mix(in srgb, var(--sf-text) 22%, var(--sf-background))}
html.cz-store .order-total{color:color-mix(in srgb, var(--sf-text) 91%, var(--sf-background))}
html.cz-store .order-total strong{color:var(--sf-text)}
html.cz-store .order-now-button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .secure-note{color:color-mix(in srgb, var(--sf-text) 45%, var(--sf-background))}
html.cz-store .bottom-workflow-nav{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));border-top:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background))}
html.cz-store .workflow-nav-item{border:0;border-right:1px solid color-mix(in srgb, var(--sf-text) 6%, transparent);background:transparent;color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .workflow-nav-item:hover{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--sf-text)}
html.cz-store .workflow-nav-item.active{color:var(--sf-text);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .workflow-nav-item.active::after{background:var(--sf-accent)}
html.cz-store .workflow-nav-item.order-nav{color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
html.cz-store .workflow-nav-item.order-nav.active{color:var(--sf-accent-line)}
html.cz-store .product-category-tabs{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background))}
html.cz-store .product-category-tab{border:0;background:transparent;color:color-mix(in srgb, var(--sf-text) 80%, var(--sf-background))}
html.cz-store .product-category-tab::after{background:transparent}
html.cz-store .product-category-tab:hover,html.cz-store .product-category-tab.active{color:var(--sf-text)}
html.cz-store .product-category-tab.active{color:var(--sf-accent-line)}
html.cz-store .product-category-tab.active::after{background:var(--sf-accent)}
html.cz-store .product-card{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:var(--sf-text)}
html.cz-store .product-card:hover{border-color:color-mix(in srgb, var(--sf-text) 38%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .product-card.selected{border-color:var(--sf-accent-line);box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 22%, transparent)}
html.cz-store .product-card-visual{background:radial-gradient(circle at 50% 35%,color-mix(in srgb, var(--sf-text) 21%, var(--sf-background)) 0,color-mix(in srgb, var(--sf-text) 11%, var(--sf-background)) 55%,color-mix(in srgb, var(--sf-text) 7%, var(--sf-background)) 100%)}
html.cz-store .product-card-copy small{color:color-mix(in srgb, var(--sf-text) 59%, var(--sf-background))}
html.cz-store .product-coming-soon-badge{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .shorts-product-row{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:var(--sf-text)}
html.cz-store .shorts-product-row:hover{border-color:color-mix(in srgb, var(--sf-text) 38%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .shorts-product-row.selected{border-color:var(--sf-accent-line);box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 18%, transparent)}
html.cz-store .shorts-row-thumbnail{background:radial-gradient(circle at 50% 35%,color-mix(in srgb, var(--sf-text) 19%, var(--sf-background)) 0,color-mix(in srgb, var(--sf-text) 8%, var(--sf-background)) 70%)}
html.cz-store .product-available-badge{border:1px solid color-mix(in srgb, #27784b 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, #7ee4a8 55%, var(--sf-text))}
html.cz-store .product-action-dock{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background))}
html.cz-store .product-selection-footer{border-top:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background))}
html.cz-store .product-selection-footer>span{color:color-mix(in srgb, var(--sf-text) 60%, var(--sf-background))}
html.cz-store .product-selection-footer>strong{color:var(--sf-text)}
html.cz-store .product-next-step-card{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .product-next-step-copy strong{color:var(--sf-text)}
html.cz-store .product-next-step-copy small{color:color-mix(in srgb, var(--sf-text) 66%, var(--sf-background))}
html.cz-store .product-next-step-button{border:0;background:var(--sf-accent);color:var(--sf-accentText);box-shadow:0 8px 20px color-mix(in srgb, var(--sf-accent) 22%, transparent)}
html.cz-store .product-next-step-button:hover{background:var(--sf-accent)}
html.cz-store .product-empty-state,html.cz-store .product-coming-soon-state{background:radial-gradient(circle at 50% 48%,color-mix(in srgb, var(--sf-text) 14%, var(--sf-background)) 0,color-mix(in srgb, var(--sf-text) 8%, var(--sf-background)) 52%,color-mix(in srgb, var(--sf-text) 5%, var(--sf-background)) 100%);color:var(--sf-text)}
html.cz-store .product-empty-state span,html.cz-store .product-coming-soon-state span{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .workflow-nav-item:disabled{color:color-mix(in srgb, var(--sf-text) 40%, var(--sf-background))!important;background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background))!important}
html.cz-store .workflow-nav-item:disabled:hover{color:color-mix(in srgb, var(--sf-text) 40%, var(--sf-background))!important;background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background))!important}
html.cz-store .workflow-intro{border:1px solid color-mix(in srgb, var(--sf-accent-line) 62%, transparent);background:linear-gradient(145deg,color-mix(in srgb, color-mix(in srgb, var(--sf-text) 7%, var(--sf-background)) 98%, transparent),color-mix(in srgb, color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) 98%, transparent));box-shadow:0 22px 65px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb, var(--sf-accent) 8%, transparent),0 0 30px color-mix(in srgb, var(--sf-accent) 12%, transparent);animation:workflowIntroReveal .36s cubic-bezier(.2,.85,.35,1) both}
html.cz-store .workflow-intro-kicker{color:var(--sf-accent-line)}
html.cz-store .workflow-intro>strong{color:var(--sf-text)}
html.cz-store .workflow-intro>p{color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .workflow-intro-close{border:1px solid color-mix(in srgb, var(--sf-text) 27%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 85%, var(--sf-background))}
html.cz-store .workflow-intro-close:hover{border-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .workflow-intro-actions label{color:color-mix(in srgb, var(--sf-text) 82%, var(--sf-background))}
html.cz-store .workflow-intro-actions input{accent-color:var(--sf-accent-line)}
html.cz-store .workflow-intro-actions>button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .workflow-intro-actions>button:hover{background:var(--sf-accent)}
html.cz-store .workflow-intro-arrow::before{background:var(--sf-accent);box-shadow:0 0 14px color-mix(in srgb, var(--sf-accent) 72%, transparent)}
html.cz-store .workflow-intro-arrow::after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:13px solid var(--sf-accent-line)}
html.cz-store .workflow-nav-item.workflow-intro-target{color:var(--sf-text)!important;animation:cz-store-workflowTargetPulse 1.45s ease-in-out infinite}
@keyframes cz-store-workflowTargetPulse{0%,100%{background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sf-accent) 25%, transparent)}50%{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));box-shadow:inset 0 0 0 2px var(--sf-accent),0 0 22px color-mix(in srgb, var(--sf-accent) 35%, transparent)}}
@media(prefers-reduced-motion:reduce){
  html.cz-store .workflow-intro,html.cz-store .workflow-intro-arrow,html.cz-store .workflow-nav-item.workflow-intro-target{animation:none}
}
html.cz-store .header-right .build-version{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))!important;border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background))!important;color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))!important}
html.cz-store .error-close{border:1px solid color-mix(in srgb, var(--sf-text) 18%, transparent);background:color-mix(in srgb, var(--sf-text) 6%, transparent);color:var(--sf-text)}
html.cz-store .error-close:hover{background:color-mix(in srgb, var(--sf-text) 14%, transparent)}
html.cz-store .apply-color-spinner{border:2px solid color-mix(in srgb, var(--sf-text) 35%, transparent);border-top-color:var(--sf-text);animation:pace-spin .7s linear infinite}
html.cz-store .order-summary-card{border:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background))}
html.cz-store .order-summary-head h2{color:var(--sf-text)}
html.cz-store .order-draft-badge{background:color-mix(in srgb, var(--sf-text) 11%, var(--sf-background));color:var(--sf-accent-line)}
html.cz-store .order-meta span{color:color-mix(in srgb, #86a7dc 55%, var(--sf-text))}
html.cz-store .order-meta strong{color:var(--sf-text)}
html.cz-store .order-contact-field{color:color-mix(in srgb, #86a7dc 55%, var(--sf-text))}
html.cz-store .order-contact-field input{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .order-contact-field input:focus{border-color:var(--sf-accent-line);box-shadow:0 0 0 1px var(--sf-accent)}
html.cz-store .order-contact-field input:user-invalid{border-color:var(--sf-accent-line)}
html.cz-store .order-contact-field small{color:color-mix(in srgb, var(--sf-text) 53%, var(--sf-background))}
html.cz-store .order-contact-field .order-contact-requirement{color:var(--sf-accent-line)}
html.cz-store .size-order-table{border-top:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .size-order-header{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));border-bottom:1px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));color:color-mix(in srgb, #7f9ccc 55%, var(--sf-text))}
html.cz-store .size-order-row{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 15%, var(--sf-background))}
html.cz-store .size-order-row>strong:first-child{color:var(--sf-text)}
html.cz-store .size-qty-input{background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .size-qty-input:focus{border-color:var(--sf-accent-line);box-shadow:0 0 0 1px var(--sf-accent)}
html.cz-store .unit-price{color:color-mix(in srgb, #7d9ed1 55%, var(--sf-text))}
html.cz-store .line-total{color:var(--sf-text)}
html.cz-store .size-order-total-row{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:var(--sf-text)}
html.cz-store .order-now-button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .secure-note.checkout-error{color:var(--sf-accent-line)}
html.cz-store .order-quantity-requirement{color:var(--sf-accent-line)}
html.cz-store .secure-note{color:color-mix(in srgb, #657995 55%, var(--sf-text))}
html.cz-store .order-checkout-area{background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));border-top:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background))}
html.cz-store #orderStickyPieces{color:color-mix(in srgb, var(--sf-text) 59%, var(--sf-background))}
html.cz-store #orderButtonTotal{color:var(--sf-text)}
html.cz-store .viewer>canvas{background:transparent!important}
html.cz-store .viewer-left-tools{border:1px solid color-mix(in srgb, var(--sf-text) 16%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 94%, transparent)}
@media(min-width:901px){
  html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));border-bottom:0;background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background))}
  html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions button{border:0;border-left:1px solid transparent;background:transparent;color:color-mix(in srgb, var(--sf-text) 78%, var(--sf-background))}
  html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions button+button{border-left-color:color-mix(in srgb, var(--sf-text) 26%, var(--sf-background))}
  html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions button:hover,html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions button:focus-visible{background:color-mix(in srgb, var(--sf-text) 23%, var(--sf-background));color:var(--sf-text);outline:none}
  html.cz-store .viewer-panel>.viewer-toolbar>.toolbar-actions [data-view][aria-pressed="true"]{background:color-mix(in srgb, var(--sf-text) 12%, var(--sf-background));color:var(--sf-text);box-shadow:inset 0 -3px var(--sf-accent)}
}
html.cz-store .viewer-capture-button,html.cz-store .viewer-pick-color,html.cz-store .viewer-lighting-button,html.cz-store .viewer-background-button{border:1px solid transparent;background:transparent;color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .viewer-capture-button svg{fill:none;stroke:currentColor}
html.cz-store .viewer-pick-color svg{fill:currentColor;stroke:none}
html.cz-store .viewer-capture-button:hover,html.cz-store .viewer-capture-button:focus-visible,html.cz-store .viewer-pick-color:hover,html.cz-store .viewer-pick-color:focus-visible,html.cz-store .viewer-lighting-button:hover,html.cz-store .viewer-lighting-button:focus-visible,html.cz-store .viewer-lighting-button[aria-expanded="true"],html.cz-store .viewer-background-button:hover,html.cz-store .viewer-background-button:focus-visible,html.cz-store .viewer-background-button[aria-expanded="true"]{border-color:color-mix(in srgb, var(--sf-text) 35%, var(--sf-background));color:var(--sf-text);outline:none;background:color-mix(in srgb, var(--sf-text) 14%, var(--sf-background))}
html.cz-store .viewer-lighting-button[aria-expanded="true"],html.cz-store .viewer-background-button[aria-expanded="true"]{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .viewer-pick-color.active{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 20%, transparent)}
html.cz-store .viewer-lighting-button svg{fill:none;stroke:currentColor}
html.cz-store .viewer-lighting-panel{border:1px solid color-mix(in srgb, var(--sf-text) 18%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 3%, var(--sf-background)) 97%, transparent);color:color-mix(in srgb, var(--sf-text) 99%, var(--sf-background));scrollbar-color:color-mix(in srgb, var(--sf-text) 39%, var(--sf-background)) color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .viewer-lighting-panel-head span{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .viewer-lighting-section{border:0;border-top:1px solid color-mix(in srgb, var(--sf-text) 18%, var(--sf-background))}
html.cz-store .viewer-lighting-section legend{color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .viewer-lighting-section legend output{color:color-mix(in srgb, var(--sf-text) 66%, var(--sf-background))}
html.cz-store .viewer-lighting-preset-grid button{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 98%, var(--sf-background))}
html.cz-store .viewer-lighting-preset-grid button small{color:color-mix(in srgb, var(--sf-text) 65%, var(--sf-background))}
html.cz-store .viewer-lighting-preset-grid button:hover,html.cz-store .viewer-lighting-preset-grid button:focus-visible,html.cz-store .viewer-lighting-source-options button:hover,html.cz-store .viewer-lighting-source-options button:focus-visible,html.cz-store .viewer-lighting-direction button:hover,html.cz-store .viewer-lighting-direction button:focus-visible{border-color:color-mix(in srgb, var(--sf-text) 42%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .viewer-lighting-preset-grid button[aria-pressed="true"],html.cz-store .viewer-lighting-source-options button[aria-pressed="true"]{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 22%, transparent)}
html.cz-store .viewer-lighting-direction button{border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 84%, var(--sf-background))}
html.cz-store .viewer-lighting-direction button[aria-pressed="true"]{border-color:var(--sf-accent-line);background:var(--sf-accent);color:var(--sf-accentText);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 13%, transparent)}
html.cz-store .viewer-lighting-direction button svg{fill:none;stroke:currentColor}
html.cz-store .viewer-lighting-direction .lighting-direction-center{color:color-mix(in srgb, var(--sf-text) 52%, var(--sf-background))}
html.cz-store .viewer-lighting-direction .lighting-direction-center svg{fill:none;stroke:currentColor}
html.cz-store .viewer-lighting-source-options button{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 78%, var(--sf-background))}
html.cz-store .viewer-lighting-range{color:color-mix(in srgb, var(--sf-text) 97%, var(--sf-background))}
html.cz-store .viewer-lighting-range output{color:color-mix(in srgb, var(--sf-text) 70%, var(--sf-background))}
html.cz-store .viewer-lighting-range input{accent-color:var(--sf-accent-line)}
html.cz-store .viewer-lighting-follow{border-top:1px solid color-mix(in srgb, var(--sf-text) 18%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
html.cz-store .viewer-lighting-follow input{accent-color:var(--sf-accent-line)}
html.cz-store .viewer-capture-status{border:1px solid color-mix(in srgb, var(--sf-text) 17%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 94%, transparent);color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .viewer-capture-status[data-state="error"]{border-color:color-mix(in srgb, var(--sf-accent-line) 55%, transparent);color:color-mix(in srgb, #ff9cab 55%, var(--sf-text))}
html.cz-store .viewer-background-button svg{fill:none;stroke:currentColor}
html.cz-store .viewer-background-panel{border:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 99%, var(--sf-background))}
html.cz-store .viewer-background-panel-head strong{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .viewer-background-panel-head span{color:color-mix(in srgb, var(--sf-text) 99%, var(--sf-background))}
html.cz-store .viewer-background-options button{border:0;border-top:1px solid color-mix(in srgb, var(--sf-text) 12%, var(--sf-background));background:transparent;color:color-mix(in srgb, var(--sf-text) 83%, var(--sf-background))}
html.cz-store .viewer-background-options button::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4b5e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
html.cz-store .viewer-background-options button:hover,html.cz-store .viewer-background-options button:focus-visible{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .viewer-background-options button.active{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:var(--sf-text);box-shadow:inset 3px 0 var(--sf-accent)}
html.cz-store .viewer-bg-swatch{border:1px solid color-mix(in srgb, var(--sf-text) 30%, transparent)}
html.cz-store .viewer-bg-swatch-custom{border-color:color-mix(in srgb, var(--sf-text) 46%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) var(--custom-background-swatch,none) center/cover no-repeat;color:color-mix(in srgb, var(--sf-text) 83%, var(--sf-background))}
html.cz-store .viewer-bg-swatch-custom svg{fill:none;stroke:currentColor}
html.cz-store .viewer-bg-swatch-custom.has-image{border-color:color-mix(in srgb, var(--sf-text) 30%, transparent)}
html.cz-store .viewer-background-replace{border:0;border-top:1px solid color-mix(in srgb, var(--sf-text) 12%, var(--sf-background));background:transparent;color:color-mix(in srgb, #86b4ff 55%, var(--sf-text))}
html.cz-store .viewer-background-replace:hover,html.cz-store .viewer-background-replace:focus-visible{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, #a9c8ff 55%, var(--sf-text));outline:none}
html.cz-store .viewer-background-hint{border-top:1px solid color-mix(in srgb, var(--sf-text) 12%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 55%, var(--sf-background))}
html.cz-store .processing-overlay{background:color-mix(in srgb, var(--sf-background) 78%, transparent)}
html.cz-store .processing-card{border:1px solid color-mix(in srgb, var(--sf-accent-line) 42%, transparent);background:linear-gradient(155deg,color-mix(in srgb, color-mix(in srgb, var(--sf-text) 9%, var(--sf-background)) 98%, transparent),color-mix(in srgb, color-mix(in srgb, var(--sf-text) 3%, var(--sf-background)) 99%, transparent))}
html.cz-store .processing-orbit{border:3px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));border-top-color:var(--sf-accent-line);border-right-color:var(--sf-accent-line);animation:processing-spin .9s linear infinite}
html.cz-store .processing-orbit::before{border:2px solid color-mix(in srgb, var(--sf-text) 8%, transparent);border-bottom-color:var(--sf-text);animation:processing-spin .65s linear infinite reverse}
html.cz-store .processing-orbit span{background:var(--sf-accent);box-shadow:0 0 18px color-mix(in srgb, var(--sf-accent) 75%, transparent)}
html.cz-store .processing-kicker{color:var(--sf-accent-line)}
html.cz-store .processing-card h2{color:var(--sf-text)}
html.cz-store .processing-detail{color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .processing-progress{border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 1%, var(--sf-background))}
html.cz-store .processing-progress-bar{background:linear-gradient(90deg,var(--sf-accent),var(--sf-accent));box-shadow:0 0 18px color-mix(in srgb, var(--sf-accent) 42%, transparent)}
html.cz-store .processing-progress-bar::after{background:linear-gradient(100deg,transparent 10%,color-mix(in srgb, var(--sf-text) 55%, transparent) 46%,transparent 82%);animation:processing-shimmer 1.15s ease-in-out infinite}
html.cz-store .processing-progress-text{color:var(--sf-text)}
html.cz-store .processing-lock-note{color:color-mix(in srgb, var(--sf-text) 52%, var(--sf-background))}
html.cz-store .stop-processing-button{border:1px solid color-mix(in srgb, var(--sf-text) 38%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--sf-text)}
html.cz-store .stop-processing-button:hover,html.cz-store .stop-processing-button:focus-visible{border-color:var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 12%, transparent)}
@media(prefers-reduced-motion:reduce){
  html.cz-store .processing-orbit,html.cz-store .processing-orbit::before,html.cz-store .processing-progress-bar::after{animation:none}
}
html.cz-store .view-intro,html.cz-store .intro{color:color-mix(in srgb, var(--sf-text) 82%, var(--sf-background))}
html.cz-store .step-heading small,html.cz-store .color-empty-copy p{color:color-mix(in srgb, var(--sf-text) 63%, var(--sf-background))}
html.cz-store .upload-preview small{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .text-accordion-preview{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
html.cz-store .graphics-text-note{color:color-mix(in srgb, var(--sf-text) 59%, var(--sf-background))}
html.cz-store .prototype-note{color:color-mix(in srgb, var(--sf-text) 53%, var(--sf-background))}
html.cz-store .viewer-subtitle{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .tool-hint{color:color-mix(in srgb, var(--sf-text) 63%, var(--sf-background))}
@media(max-width:900px){
  html.cz-store body.mobile-main-menu-active .controls-panel{border:0!important;background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background))!important}
  html.cz-store body.mobile-main-menu-active #premadeDesignPanel:not(.hidden){border:0!important}
  html.cz-store body.mobile-main-menu-active .premade-library-header{background:linear-gradient(180deg,color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 0%,color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 82%,color-mix(in srgb, color-mix(in srgb, var(--sf-text) 2%, var(--sf-background)) 94%, transparent) 100%)}
  html.cz-store body.mobile-main-menu-active .premade-library-heading .start-path-title{color:var(--sf-text)}
  html.cz-store body.mobile-main-menu-active .premade-library-heading .view-intro{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
  html.cz-store body.mobile-main-menu-active .mobile-viewer-preview{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
  html.cz-store body.mobile-main-menu-active.mobile-viewer-expanded .controls-panel{border-top:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background))!important;background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) 98%, transparent)!important}
  html.cz-store body.mobile-main-menu-active.mobile-viewer-expanded .mobile-library-sheet-handle{border:0;background:transparent;color:var(--sf-text)}
  html.cz-store .mobile-sheet-grabber{background:color-mix(in srgb, var(--sf-text) 41%, var(--sf-background))}
  html.cz-store .mobile-sheet-copy small{color:color-mix(in srgb, var(--sf-text) 67%, var(--sf-background))}
  html.cz-store .mobile-sheet-preview{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
}
html.cz-store .order-placed-banner{border:1px solid color-mix(in srgb, #2e6b45 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 93%, var(--sf-background))}
html.cz-store .order-placed-banner-check{background:#31b45b;color:color-mix(in srgb, var(--sf-text) 1%, var(--sf-background))}
html.cz-store .order-placed-banner-text strong{color:var(--sf-text)}
html.cz-store .order-placed-banner-sep{color:color-mix(in srgb, var(--sf-text) 49%, var(--sf-background))}
html.cz-store .order-placed-banner-link{border:0;background:none;color:color-mix(in srgb, #9ec5ff 55%, var(--sf-text));text-decoration:none}
html.cz-store .order-placed-banner-link:hover{text-decoration:underline}
html.cz-store .order-placed-banner-close{border:0;background:none;color:color-mix(in srgb, var(--sf-text) 80%, var(--sf-background))}
html.cz-store .order-placed-banner-close:hover{background:color-mix(in srgb, var(--sf-text) 11%, var(--sf-background));color:var(--sf-text)}
html.cz-store .checkout-confirmation-card .order-placed-icon{color:color-mix(in srgb, #55e6ad 55%, var(--sf-text))}
html.cz-store .checkout-confirmation-card .order-placed-icon svg{fill:none;stroke:currentColor}
html.cz-store .checkout-confirmation-card .order-placed-note{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .checkout-confirmation-card .order-placed-link{color:color-mix(in srgb, #9ec5ff 55%, var(--sf-text))}
html.cz-store .checkout-confirmation{background:radial-gradient(circle at 50% 18%,color-mix(in srgb, var(--sf-accent) 14%, transparent),transparent 42%),
    color-mix(in srgb, var(--sf-text) 2%, var(--sf-background))}
html.cz-store .checkout-confirmation-card{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));background:linear-gradient(155deg,color-mix(in srgb, var(--sf-text) 8%, var(--sf-background)),color-mix(in srgb, var(--sf-text) 4%, var(--sf-background)) 72%);color:var(--sf-text)}
html.cz-store .checkout-confirmation-icon{color:color-mix(in srgb, #55e6ad 55%, var(--sf-text))}
html.cz-store .checkout-confirmation-icon svg{fill:rgba(85,230,173,.08);stroke:currentColor}
html.cz-store .checkout-confirmation.is-processing .checkout-confirmation-icon{color:color-mix(in srgb, #f5a328 55%, var(--sf-text));animation:checkout-confirmation-pulse 1.4s ease-in-out infinite}
html.cz-store .checkout-confirmation.has-error .checkout-confirmation-icon{color:var(--sf-accent-line)}
html.cz-store .checkout-confirmation-kicker{color:var(--sf-accent-line)}
html.cz-store .checkout-confirmation-message{color:color-mix(in srgb, var(--sf-text) 77%, var(--sf-background))}
html.cz-store .checkout-confirmation-details{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 3%, var(--sf-background))}
html.cz-store .checkout-confirmation-details div{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background))}
html.cz-store .checkout-confirmation-details div:last-child{border-bottom:0}
html.cz-store .checkout-confirmation-details dt{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .checkout-confirmation-details dd{color:var(--sf-text)}
html.cz-store .checkout-confirmation-note{color:color-mix(in srgb, var(--sf-text) 59%, var(--sf-background))}
html.cz-store .checkout-confirmation-primary{border:1px solid var(--sf-accent-line);background:var(--sf-accent);color:var(--sf-accentText);box-shadow:0 10px 30px color-mix(in srgb, var(--sf-accent) 20%, transparent)}
html.cz-store .checkout-confirmation-secondary{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background));color:var(--sf-text)}
@media(prefers-reduced-motion:reduce){
  html.cz-store .checkout-confirmation.is-processing .checkout-confirmation-icon{animation:none}
}
html.cz-store.embed-viewer #helpButton{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store.embed-viewer #helpButton svg{fill:none;stroke:currentColor}
html.cz-store.embed-viewer #helpButton:hover{background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));color:var(--sf-text)}
html.cz-store.embed-viewer .embed-spin-hint-arc{fill:none;stroke:var(--sf-text);animation:embed-spin-hint-flow 1.4s linear infinite}
html.cz-store.embed-viewer .embed-spin-hint-head{fill:var(--sf-text)}
@media(prefers-reduced-motion:reduce){
  html.cz-store.embed-viewer .embed-spin-hint-arc{animation:none}
}
html.cz-store.embed-designer #helpButton{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store.embed-designer #helpButton svg{fill:none;stroke:currentColor}
html.cz-store.embed-designer #helpButton:hover{background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));color:var(--sf-text)}
html.cz-store .embed-submit-intro{color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text))}
html.cz-store .embed-submit-section .order-contact-field{color:var(--sf-text)}
html.cz-store .embed-submit-section .order-contact-field b{color:var(--sf-accent-line)}
html.cz-store .embed-submit-section .order-contact-field input,html.cz-store .embed-submit-section .order-contact-field textarea{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 5%, var(--sf-background));color:var(--sf-text);outline:none}
html.cz-store .embed-submit-section .order-contact-field input:focus,html.cz-store .embed-submit-section .order-contact-field textarea:focus{border-color:var(--sf-accent-line);box-shadow:0 0 0 1px var(--sf-accent)}
html.cz-store .embed-submit-section .order-contact-field input[aria-invalid="true"],html.cz-store .embed-submit-section .order-contact-field textarea[aria-invalid="true"]{border-color:var(--sf-accent-line)}
html.cz-store .embed-submit-section .secure-note.checkout-error{color:var(--sf-accent-line)}
html.cz-store .embed-submit-done{border:1px solid color-mix(in srgb, #2e6b45 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 93%, var(--sf-background))}
html.cz-store .embed-submit-done p{color:color-mix(in srgb, var(--sf-text) 80%, var(--sf-background))}
html.cz-store .embed-sending{background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 1%, var(--sf-background)) 72%, transparent)}
html.cz-store .embed-sending:focus{outline:none}
html.cz-store .embed-sending-card{border:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .embed-sending-spinner{border:4px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));border-top-color:var(--sf-accent-line);animation:spin .9s linear infinite}
html.cz-store .embed-sending-card h2{color:var(--sf-text)}
html.cz-store .embed-sending-card>p{color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .embed-sending-progress-head{color:color-mix(in srgb, var(--sf-text) 90%, var(--sf-background))}
html.cz-store .embed-sending-progress-head span:last-child{color:var(--sf-accent-line)}
html.cz-store .embed-sending-bar{border:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .embed-sending-bar div{background:linear-gradient(90deg,var(--sf-accent),var(--sf-accent))}
html.cz-store .embed-sending-steps{color:color-mix(in srgb, var(--sf-text) 61%, var(--sf-background))}
html.cz-store .embed-sending-steps li::before{border:2px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background))}
html.cz-store .embed-sending-steps li.active{color:var(--sf-text)}
html.cz-store .embed-sending-steps li.active::before{border-color:var(--sf-accent-line);background:radial-gradient(circle,var(--sf-accent) 0 3px,transparent 3.5px)}
html.cz-store .embed-sending-steps li.done{color:color-mix(in srgb, var(--sf-text) 85%, var(--sf-background))}
html.cz-store .embed-sending-steps li.done::before{border-color:color-mix(in srgb, #1f9d5a 55%, var(--sf-text));background:#1f9d5a 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
html.cz-store .embed-badge-footer{border-top:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 53%, var(--sf-background))}
html.cz-store .embed-badge-footer a{color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text));text-decoration:none}
html.cz-store .embed-badge-footer a:hover{text-decoration:underline}
html.cz-store.embed-designer .embed-badge{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 6%, var(--sf-background)) 92%, transparent);color:color-mix(in srgb, var(--sf-text) 85%, var(--sf-background));text-decoration:none}
html.cz-store.embed-designer .embed-badge b{color:var(--sf-text)}
html.cz-store.embed-designer .embed-badge svg{fill:var(--sf-accent)}
html.cz-store.embed-designer .embed-badge:hover{border-color:color-mix(in srgb, var(--sf-text) 39%, var(--sf-background));color:var(--sf-text)}
@media(min-width:901px){
  html.cz-store.embed-designer body.order-view-active .controls-panel{border-right:1px solid color-mix(in srgb, var(--sf-text) 11%, var(--sf-background))}
}
html.cz-store.embed-designer #fullscreenButton{border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store.embed-designer #fullscreenButton svg{fill:none;stroke:currentColor}
html.cz-store.embed-designer #fullscreenButton:hover{background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));color:var(--sf-text)}
html.cz-store.embed-designer #fullscreenButton.is-active{border-color:var(--sf-accent-line);background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store.embed-designer #fullscreenButton.is-active:hover{background:var(--sf-accent)}
html.cz-store.embed-designer #fullscreenButton.is-hinted{animation:cz-store-fullscreen-pulse 1.6s ease-out infinite}
@keyframes cz-store-fullscreen-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sf-accent) 55%, transparent)}70%{box-shadow:0 0 0 9px color-mix(in srgb, var(--sf-accent) 0%, transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sf-accent) 0%, transparent)}}
html.cz-store .fullscreen-hint{border:1px solid var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .fullscreen-hint::before{border-left:1px solid var(--sf-accent-line);border-top:1px solid var(--sf-accent-line);background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background))}
html.cz-store .fullscreen-hint-icon{background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .fullscreen-hint-icon svg{fill:none;stroke:currentColor}
html.cz-store .fullscreen-hint strong{color:var(--sf-text)}
html.cz-store .fullscreen-hint p{color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .fullscreen-hint-actions label{color:color-mix(in srgb, var(--sf-text) 85%, var(--sf-background))}
html.cz-store .fullscreen-hint-actions input{accent-color:var(--sf-accent-line)}
html.cz-store .fullscreen-hint-actions button{border:0;background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));color:var(--sf-text)}
html.cz-store .fullscreen-hint-actions button:hover{background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store.embed-designer .order-summary-card{border:0;background:transparent}
html.cz-store.embed-designer .embed-submit-section h3{color:var(--sf-text)}
html.cz-store.embed-designer .embed-submit-section h3::before{color:var(--red-2)}
html.cz-store.embed-designer .embed-submit-intro{color:color-mix(in srgb, var(--sf-text) 76%, var(--sf-background))}
html.cz-store.embed-designer .color-quick-swatches button{border:1px solid color-mix(in srgb, var(--sf-text) 25%, transparent);background:var(--quick-color)}
html.cz-store.embed-designer .color-quick-swatches button:hover{border-color:var(--sf-text)}
html.cz-store.embed-designer .embed-unconfigured{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background))}
html.cz-store .account-save-dialog .leave-design-stay{background:var(--sf-accent);border-color:var(--sf-accent-line)}
/* shopping.css */
html.cz-store .shopping-dialog{background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));color:var(--sf-text);border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .shopping-dialog::backdrop{background:color-mix(in srgb, var(--sf-background) 67%, transparent)}
html.cz-store .shopping-dialog p{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .shopping-close{border:0;background:transparent;color:color-mix(in srgb, var(--sf-text) 81%, var(--sf-background))}
html.cz-store .shopping-dialog input{background:color-mix(in srgb, var(--sf-text) 1%, var(--sf-background));color:var(--sf-text);border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background))}
html.cz-store .shopping-primary,html.cz-store .shopping-secondary{border:1px solid var(--sf-accent-line);background:var(--sf-accent);color:var(--sf-accentText);text-decoration:none}
html.cz-store .shopping-secondary{background:color-mix(in srgb, var(--sf-text) 6%, var(--sf-background));border-color:color-mix(in srgb, var(--sf-text) 24%, var(--sf-background))}
html.cz-store .shopping-dialog a:not(.shopping-primary):not(.shopping-secondary){color:color-mix(in srgb, #9ec5ff 55%, var(--sf-text))}
html.cz-store .shopping-added-product{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .shopping-added-product img{background:color-mix(in srgb, var(--sf-text) 95%, var(--sf-background))}
html.cz-store .shopping-chart{border:0;background:var(--sf-text)}
html.cz-store .shopping-account-bar button,html.cz-store .shopping-size-bar button{background:none;border:0;color:color-mix(in srgb, #9bc3ff 55%, var(--sf-text))}
html.cz-store .shopping-account-bar span{color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .shopping-cart-link{color:inherit;text-decoration:none;border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background))}
html.cz-store .shopping-dialog .shopping-check{color:color-mix(in srgb, #80e2b6 55%, var(--sf-text))}
html.cz-store .shopping-size-chart-dialog{border:0}
html.cz-store .shopping-size-chart-dialog .shopping-close{background:color-mix(in srgb, color-mix(in srgb, var(--sf-text) 3%, var(--sf-background)) 80%, transparent);color:var(--sf-text)}
html.cz-store .shopping-preview-placeholder{border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background));color:color-mix(in srgb, var(--sf-text) 75%, var(--sf-background))}
html.cz-store .cart-coupon{border-top:1px solid var(--line,color-mix(in srgb, var(--sf-text) 21%, var(--sf-background)));border-bottom:1px solid var(--line,color-mix(in srgb, var(--sf-text) 21%, var(--sf-background)))}
html.cz-store .cart-coupon-entry input{background:color-mix(in srgb, var(--sf-text) 2%, var(--sf-background));color:var(--sf-text);border:1px solid color-mix(in srgb, var(--sf-text) 24%, var(--sf-background))}
html.cz-store .cart-coupon-entry button{border:1px solid color-mix(in srgb, var(--sf-text) 31%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));color:var(--sf-text)}
html.cz-store .cart-coupon small{color:var(--muted,color-mix(in srgb, var(--sf-text) 75%, var(--sf-background)))}
html.cz-store .cart-coupon-applied{color:color-mix(in srgb, #62e8c1 55%, var(--sf-text));background:color-mix(in srgb, var(--sf-text) 11%, var(--sf-background));border:1px solid color-mix(in srgb, #397f6d 55%, var(--sf-text))}
html.cz-store .cart-coupon-applied button{background:none;border:0;color:inherit}
html.cz-store .cart-coupon-saving{color:color-mix(in srgb, #62e8c1 55%, var(--sf-text))}
/* header.css */
html.cz-store .topbar .header-icon,html.cz-store .topbar #saveAccountDesignButton{border:0;background:transparent;color:color-mix(in srgb, var(--sf-text) 96%, var(--sf-background));text-decoration:none}
html.cz-store .topbar .header-icon svg{fill:none;stroke:currentColor}
html.cz-store .topbar .header-icon:hover:not(:disabled),html.cz-store .topbar .header-icon[aria-expanded="true"],html.cz-store .topbar .header-more[open]>summary{background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background));color:var(--sf-text)}
html.cz-store .topbar .header-icon:focus-visible{outline:2px solid color-mix(in srgb, #95bbff 55%, var(--sf-text))}
html.cz-store .topbar .header-nav-divider{background:color-mix(in srgb, var(--sf-text) 20%, var(--sf-background))}
html.cz-store .topbar .header-cart-count{background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .topbar .header-more-menu{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background))}
html.cz-store .topbar .header-more-menu .build-version{border:0!important;border-top:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background))!important;background:none!important;color:color-mix(in srgb, var(--sf-text) 73%, var(--sf-background))}
html.cz-store .account-drawer{border:0;border-left:1px solid color-mix(in srgb, var(--sf-text) 17%, var(--sf-background));background:var(--sf-background);color:var(--sf-text)}
html.cz-store .account-drawer::backdrop{background:color-mix(in srgb, var(--sf-background) 55%, transparent)}
html.cz-store .account-drawer.closing::backdrop{background:transparent}
html.cz-store .account-drawer-frame{border:0;background:var(--sf-background)}
/* order-summary.css */
html.cz-store .order-product-summary{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .order-product-summary p{color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text))}
html.cz-store .order-customer-tabs{border-bottom:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .order-customer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text))}
html.cz-store .order-customer-tabs button[aria-selected="true"]{border-bottom-color:var(--sf-accent-line);color:var(--sf-text)}
html.cz-store .order-customer-tabs button:hover{color:var(--sf-text);background:color-mix(in srgb, var(--sf-text) 10%, var(--sf-background))}
html.cz-store .order-customer-tabs button:focus-visible,html.cz-store .order-signin-button:focus-visible{outline:2px solid color-mix(in srgb, #95bbff 55%, var(--sf-text))}
html.cz-store .order-customer-section .order-contact-field{color:var(--sf-text)}
html.cz-store .order-customer-section .order-contact-field small,html.cz-store .order-signin-help{color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text))}
html.cz-store .order-customer-section .order-contact-requirement{color:color-mix(in srgb, #ff8d9e 55%, var(--sf-text))!important}
html.cz-store .order-customer-section input[aria-invalid="true"]{border-color:var(--sf-accent-line)}
html.cz-store .order-signin-button{border:0;background:var(--sf-accent);color:var(--sf-accentText)}
html.cz-store .order-signin-button:hover:not(:disabled){background:var(--sf-accent)}
html.cz-store .order-signin-status{color:color-mix(in srgb, #a5c9ff 55%, var(--sf-text))}
html.cz-store .order-signin-code{border-top:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .order-signin-button-secondary{background:color-mix(in srgb, var(--sf-text) 15%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 26%, var(--sf-background))}
html.cz-store .order-signin-button-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--sf-text) 19%, var(--sf-background))}
html.cz-store .order-signin-status.is-error{color:color-mix(in srgb, #ff8d9e 55%, var(--sf-text))}
html.cz-store .order-signed-in{background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store .order-signed-in strong{color:color-mix(in srgb, #8adeb2 55%, var(--sf-text))}
html.cz-store .order-signed-in p{color:color-mix(in srgb, #a6b8d0 55%, var(--sf-text))}
html.cz-store .order-summary-card .shopping-size-bar{border-top:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background))}
html.cz-store body.order-view-active .controls-panel{border-right:0}
html.cz-store .order-edit-design:focus-visible,html.cz-store .size-qty-step:focus-visible{outline:2px solid color-mix(in srgb, #95bbff 55%, var(--sf-text))}
html.cz-store .order-column-label{color:color-mix(in srgb, var(--sf-text) 62%, var(--sf-background))}
html.cz-store .order-design-thumb{border:1px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background))}
html.cz-store .order-design-thumb:has(img[hidden])::before{border:2px solid color-mix(in srgb, var(--sf-text) 21%, var(--sf-background));border-top-color:var(--sf-accent-line);animation:order-thumb-spin 1s linear infinite}
html.cz-store .order-edit-design{border:0;background:none;color:var(--sf-accent-line)}
html.cz-store .order-edit-design:hover{text-decoration:underline}
html.cz-store .order-roster-card .shopping-size-bar{border-top:0}
html.cz-store .order-roster-card .shopping-size-bar button{color:var(--sf-accent-line)}
html.cz-store .order-roster-card .size-order-row>strong:first-child{color:color-mix(in srgb, var(--sf-text) 95%, var(--sf-background))}
html.cz-store .order-roster-card .size-order-row.has-quantity{background:color-mix(in srgb, var(--sf-text) 8%, var(--sf-background))}
html.cz-store .size-qty-stepper{border:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background))}
html.cz-store .size-order-row.has-quantity .size-qty-stepper{border-color:var(--sf-accent-line)}
html.cz-store .size-qty-step{border:0;background:color-mix(in srgb, var(--sf-text) 7%, var(--sf-background));color:var(--sf-text)}
html.cz-store .size-qty-step:hover{background:color-mix(in srgb, var(--sf-text) 13%, var(--sf-background))}
html.cz-store .size-qty-step:active{background:color-mix(in srgb, var(--sf-text) 18%, var(--sf-background))}
html.cz-store .order-roster-card .size-qty-input{border:0;border-left:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background));border-right:1px solid color-mix(in srgb, var(--sf-text) 22%, var(--sf-background))}
html.cz-store .order-roster-card .size-qty-input:focus{box-shadow:inset 0 0 0 1px var(--sf-accent)}
html.cz-store .order-roster-card .order-now-button{box-shadow:0 8px 24px color-mix(in srgb, var(--sf-accent) 33%, transparent)}
/* artwork-fit.css */
html.cz-store .artwork-fit-controls{border-top:1px solid color-mix(in srgb, var(--sf-text) 20%, var(--sf-background))}
html.cz-store .artwork-fit-title{color:color-mix(in srgb, var(--sf-text) 74%, var(--sf-background))}
html.cz-store .artwork-fit-actions button{border:1px solid color-mix(in srgb, var(--sf-text) 25%, var(--sf-background));background:color-mix(in srgb, var(--sf-text) 9%, var(--sf-background));color:var(--sf-text)}
html.cz-store .artwork-fit-actions button[aria-pressed="true"]{background:var(--sf-accent);border-color:var(--sf-accent-line)}
html.cz-store .artwork-fit-actions button:hover{border-color:var(--sf-accent-line)}
html.cz-store .artwork-fit-actions button:focus-visible,html.cz-store .artwork-overscan input:focus-visible{outline:2px solid var(--sf-text)}
html.cz-store .artwork-fit-hint{color:color-mix(in srgb, var(--sf-text) 77%, var(--sf-background))}
html.cz-store .artwork-overscan input{accent-color:var(--sf-accent-line)}
html.cz-store #artworkOverscanHelp{color:color-mix(in srgb, var(--sf-text) 66%, var(--sf-background))}
html.cz-store .artwork-fit-quality{color:color-mix(in srgb, var(--sf-text) 80%, var(--sf-background))}
/* design-loading.css */
html.cz-store.design-loading{background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background))}
html.cz-store #designLoadingScreen{border:0;background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background));color:var(--sf-text)}
html.cz-store #designLoadingScreen::backdrop{background:color-mix(in srgb, var(--sf-text) 4%, var(--sf-background))}
html.cz-store .design-loading-content p{color:color-mix(in srgb, var(--sf-text) 69%, var(--sf-background))}
html.cz-store .design-loading-spinner{border:3px solid color-mix(in srgb, var(--sf-text) 19%, var(--sf-background));border-top-color:var(--sf-accent-line);animation:design-loading-spin 1s linear infinite}
html.cz-store .design-loading-actions a{background:var(--sf-accent);color:var(--sf-accentText);text-decoration:none}
html.cz-store .design-loading-actions a:last-child{background:color-mix(in srgb, var(--sf-text) 13%, var(--sf-background))}
html.cz-store .design-loading-actions a:focus-visible{outline:3px solid var(--sf-accent-line)}
@media(prefers-reduced-motion:reduce){
  html.cz-store .design-loading-spinner{animation:none}
}