.xhc-workspace{--xhc-ink:#111316;--xhc-muted:#62676f;--xhc-line:#e2e5e9;--xhc-blue:#0759ec;--xhc-wash:#f5f6f8;margin:0;background:#fff;color:var(--xhc-ink);font-family:'Instrument Sans',Arial,sans-serif;font-size:14px;line-height:1.45}
.xhc-step-heading .xhc-step-title{font-size:17px;font-weight:650;letter-spacing:-.4px;line-height:1.2}.xhc-step-heading{float:none;width:100%;padding:0}.xhc-workspace .xhc-step-heading>span{vertical-align:middle}.xhc-workspace legend.xhc-step-heading{display:flex}.xhc-workspace .xhc-step-heading .xhc-step-number{float:none}.xhc-workspace .xhc-options fieldset{min-width:0}.xhc-workspace .xhc-choice .xhc-choice-name{color:#17191c}
.xhc-workspace .xhc-style[aria-pressed=true] .xhc-style-image::after{content:'';background:#0759ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/16px no-repeat}.xhc-selection-summary a svg{width:14px;height:14px;vertical-align:middle;margin-inline-start:3px}
.xhc-workspace *{box-sizing:border-box}.xhc-workspace [hidden]{display:none!important}.xhc-workspace a{color:inherit;text-decoration:none}.xhc-workspace button,.xhc-workspace select,.xhc-workspace textarea,.xhc-workspace input{font:inherit}.xhc-workspace button{cursor:pointer;text-transform:none;letter-spacing:normal;min-height:0;box-shadow:none}.xhc-workspace h1,.xhc-workspace h2,.xhc-workspace p{margin:0}.xhc-workspace svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.xhc-workspace img{display:block;width:100%;max-width:100%}.xhc-workspace button:focus-visible,.xhc-workspace a:focus-visible,.xhc-workspace summary:focus-visible,.xhc-workspace input:focus-visible,.xhc-workspace select:focus-visible,.xhc-workspace textarea:focus-visible{outline:3px solid #0759ec;outline-offset:4px}.xhc-workspace ::selection{background:#dce8ff;color:#111}.xhc-workspace input,.xhc-workspace textarea{caret-color:#0759ec}.xhc-skip{position:fixed;inset:8px auto auto 8px;transform:translateY(-150%);background:#fff;padding:12px;z-index:1000}.xhc-skip:focus{transform:none}
.xhc-nav{height:76px;padding-inline:clamp(24px,3.5vw,68px);display:flex;align-items:center;gap:70px;background:#0e1011;color:#fff}.xhc-brand{font-size:26px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.xhc-brand span{font-weight:400}.xhc-brand-dot{color:#7d9aff}.xhc-nav nav{display:flex;gap:34px;align-self:stretch;align-items:center}.xhc-nav nav a{font-size:14px;font-weight:500;color:#d5d6d8;position:relative;display:flex;align-items:center;height:100%}.xhc-nav nav a[aria-current]{color:#fff}.xhc-nav nav a[aria-current]::after{position:absolute;inset:auto 0 0;height:3px;content:'';background:#fff}.xhc-nav-caption{margin-inline-start:auto;font-size:13px;color:#bec1c5}
.xhc-workspace{max-width:1800px;margin:auto;padding:28px clamp(18px,1.7vw,32px) 38px;display:grid;grid-template-columns:minmax(240px,.84fr) minmax(360px,1.28fr) minmax(360px,1.04fr);gap:26px;align-items:start}.xhc-library{border:1px solid #ebedf0;border-radius:12px;background:#fafbfc;padding:16px 15px 20px}.xhc-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--xhc-line);margin-bottom:20px}.xhc-tabs button{position:relative;border:0;background:none;padding:12px 5px;color:#62676f;border-radius:0;font-size:13px;font-weight:500}.xhc-tabs button[aria-selected=true]{color:#111;font-weight:650}.xhc-tabs button[aria-selected=true]::after{position:absolute;inset:auto 0 -1px;height:2px;content:'';background:var(--xhc-blue)}.xhc-panel-title{display:flex;gap:8px;justify-content:space-between;align-items:baseline;margin-bottom:14px}.xhc-panel-title h2,.xhc-library h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.xhc-panel-title>span{font-size:11px;color:var(--xhc-muted);white-space:nowrap}.xhc-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.xhc-style{position:relative;border:0;background:none;padding:0;color:#16181b;text-align:start;font-size:11px;font-weight:500;line-height:1.4}.xhc-style .xhc-style-image{position:relative;display:block;border:2px solid transparent;border-radius:8px;margin-bottom:6px;overflow:hidden}.xhc-style img{aspect-ratio:3/4;object-fit:cover;object-position:center 30%;border-radius:5px}.xhc-style[aria-pressed=true] .xhc-style-image{border-color:var(--xhc-blue)}.xhc-style[aria-pressed=true] .xhc-style-image::after{content:'✓';position:absolute;inset:auto 5px 5px auto;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:var(--xhc-blue);color:#fff;font-size:15px;line-height:1}.xhc-style .xhc-style-index{color:#73777e;margin-inline-end:4px}.xhc-library-note{font-size:12px;line-height:1.6;color:var(--xhc-muted);border-top:1px solid var(--xhc-line);padding-top:16px;margin-top:22px!important}.xhc-library textarea{resize:vertical;width:100%;border:1px solid #b8c0ca;border-radius:6px;padding:10px;background:#fff;margin-block:8px}.xhc-library #xhc-custom p{color:var(--xhc-muted);font-size:13px;margin-block:14px}.xhc-small{font-size:12px!important}
.xhc-intro{text-align:center;padding:8px 0 24px}.xhc-intro h1{font-size:clamp(28px,2.45vw,45px);letter-spacing:-1.5px;line-height:1.13;font-weight:700;text-wrap:balance}.xhc-intro .xhc-subtitle{font-size:16px;font-weight:500;color:#31353b;margin-top:12px}.xhc-intro p:last-child{font-size:13px;line-height:1.6;color:var(--xhc-muted);max-width:52ch;margin:7px auto 0}.xhc-viewer{position:relative;aspect-ratio:4/4.8;overflow:hidden;border-radius:10px;background:#e7e8e9;--split:50%}.xhc-reference,.xhc-photo-layer,.xhc-photo-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}.xhc-photo-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#e7e8e9}.xhc-photo-layer img{object-fit:contain}.xhc-view-badge{position:absolute;top:15px;padding:7px 12px;border-radius:5px;font-size:12px;font-weight:600;background:#fff;color:#111;z-index:2}.xhc-badge-left{left:15px}.xhc-badge-right{right:15px;background:var(--xhc-blue);color:#fff}.xhc-view-name{position:absolute;inset:auto 15px 14px;font-weight:550;color:#fff;width:max-content;max-width:calc(100% - 30px);background:#17191cd9;border-radius:5px;padding:6px 10px;font-size:12px}.xhc-compare-control{position:absolute;inset:0;z-index:3}.xhc-compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.xhc-compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:#111;border-radius:50%;height:46px;width:46px;box-shadow:0 2px 10px #0002}.xhc-compare-control input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y;margin:0}.xhc-compare-control:has(input:focus-visible) .xhc-compare-line>span{outline:3px solid #0759ec;outline-offset:3px}.xhc-angles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.xhc-angle{border:0;background:none;padding:0;color:#17191c;text-align:center;font-size:12px;line-height:1.3}.xhc-angle img{aspect-ratio:1.25;object-fit:cover;object-position:center 22%;border:2px solid transparent;border-radius:7px;margin-bottom:6px}.xhc-angle[aria-pressed=true] img{border-color:var(--xhc-blue)}.xhc-angle:disabled{opacity:.35;cursor:not-allowed}.xhc-preview-disclosure{font-size:11px;color:var(--xhc-muted);line-height:1.6;margin-top:12px!important}.xhc-selection-summary{margin-top:18px;padding-top:16px;border-top:1px solid var(--xhc-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.xhc-selection-summary>div{display:grid;gap:3px}.xhc-selection-summary span{font-size:11px;color:var(--xhc-muted)}.xhc-selection-summary strong{font-size:14px}.xhc-selection-summary a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.xhc-options{padding:5px 0}.xhc-step{margin-bottom:22px}.xhc-step-heading{display:flex;align-items:center;gap:9px;position:relative;margin-bottom:13px}.xhc-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;font-size:16px;line-height:1}.xhc-step-heading h2{font-size:17px;font-weight:650;letter-spacing:-.4px;line-height:1.2}.xhc-tips{margin-inline-start:auto;font-size:12px}.xhc-tips summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:none;color:#3e4d66;min-width:44px;min-height:34px;display:grid;place-items:center}.xhc-tips p{position:absolute;right:0;top:40px;background:white;border:1px solid #d1d8e2;box-shadow:0 4px 20px #0001;padding:16px;z-index:6;width:280px;max-width:90vw;font-size:13px;line-height:1.6;border-radius:6px}.xhc-upload-row{display:grid;grid-template-columns:1fr 74px;gap:12px}.xhc-drop{border:1px dashed #b9c0ca;background:#f8f9fa;border-radius:7px;min-height:126px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;position:relative;cursor:pointer;gap:7px}.xhc-drop svg{width:30px;height:30px}.xhc-drop strong{font-size:12px;font-weight:500}.xhc-drop>span{font-size:10px;color:var(--xhc-muted)}.xhc-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.xhc-drop:focus-within,.xhc-drop.is-over{outline:2px solid var(--xhc-blue);outline-offset:2px;background:#f0f5ff}.xhc-example img{aspect-ratio:3/4;border-radius:5px;object-fit:cover;object-position:center 25%}.xhc-example span{display:block;font-size:9px;text-align:center;margin-top:5px}.xhc-privacy{display:flex;gap:5px;align-items:center;margin-top:8px!important;font-size:10px;color:var(--xhc-muted);line-height:1.4}.xhc-privacy svg{width:13px;height:13px;flex-shrink:0}.xhc-upload-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin-top:5px}.xhc-upload-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.xhc-upload-actions button{padding:3px;background:none;border:0;color:#0759ec;text-decoration:underline;font-size:11px}.xhc-error{color:#b42318;font-size:12px;margin-top:6px!important}.xhc-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.xhc-choice{cursor:pointer;position:relative;display:block;text-align:center;font-size:11px;line-height:1.3}.xhc-choice img{aspect-ratio:1.35;object-fit:cover;object-position:center 24%;border-radius:6px;border:2px solid transparent;margin-bottom:6px}.xhc-choice input{position:absolute;opacity:0;width:1px;height:1px;inset:4px auto auto 4px}.xhc-choice:has(input:checked) img{border-color:var(--xhc-blue)}.xhc-choice:has(input:focus-visible){outline:3px solid var(--xhc-blue);outline-offset:4px;border-radius:5px}.xhc-choice .xhc-choice-name{display:block}.xhc-choice .xhc-no-image{display:grid;place-items:center;min-height:65px;padding:8px;background:#f4f5f6;border:2px solid transparent;border-radius:6px;margin-bottom:6px}.xhc-choice:has(input:checked) .xhc-no-image{border-color:var(--xhc-blue)}.xhc-choice-grid.is-swatch{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.xhc-choice .xhc-swatch{display:block;position:relative;width:min(100%,36px);aspect-ratio:1;border-radius:50%;margin:3px auto 8px;background:var(--swatch);border:1px solid #0002}.xhc-choice:has(input:checked) .xhc-swatch{outline:2px solid var(--xhc-blue);outline-offset:3px}.xhc-choice .xhc-swatch::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#fff0 20%,#ffffff38 48%,#fff0 70%)}.xhc-choice-grid.is-swatch .xhc-choice{font-size:9px}.xhc-help{margin-inline-start:2px}.xhc-help summary{list-style:none;cursor:pointer;display:grid;place-items:center;border:1px solid #868b92;color:#62676f;width:16px;height:16px;font-size:11px;border-radius:50%}.xhc-help p{position:absolute;z-index:6;background:#fff;border:1px solid #d1d8e2;padding:12px;max-width:300px;font-size:12px;box-shadow:0 3px 10px #0001}.xhc-select{display:grid;gap:7px;font-size:11px;color:#42464d}.xhc-select select{width:100%;padding:9px 26px 9px 10px;min-height:40px;border:1px solid #cfd5dd;border-radius:6px;background-color:#fff;color:#17191c;font-size:12px}.xhc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xhc-detail-grid fieldset{grid-column:1/-1}.xhc-options fieldset{padding:0;border:0;margin:0}.xhc-ai-button,.xhc-save-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 17px;border-radius:6px;font-weight:600;font-size:14px;min-height:50px!important}.xhc-ai-button{background:#e9ecf0;color:#4a5059;border:1px solid #d5d9df;cursor:default!important}.xhc-ai-button span{font-size:10px;font-weight:500;background:#fff;padding:4px 6px;border-radius:4px;color:#4a5059}.xhc-ai-note{font-size:10px;line-height:1.6;color:var(--xhc-muted);margin:8px 0 16px!important}.xhc-save-button{border:1px solid #111;background:#111;color:white}.xhc-save-button:hover{background:#2d3035;color:#fff}.xhc-save-button svg{width:19px;height:19px}.xhc-reset{display:block;margin:12px auto 0;background:none;border:0;color:#62676f;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:6px}.xhc-status{font-size:12px;color:#334c6a;line-height:1.6;margin-top:12px!important}.xhc-footer{border-top:1px solid var(--xhc-line);padding:22px clamp(20px,3.5vw,68px);display:flex;gap:30px;align-items:center;color:#62676f;font-size:11px}.xhc-footer>span{font-size:13px;font-weight:700;color:#111}.xhc-footer a{margin-inline-start:auto;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.xhc-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.xhc-options{padding-inline-start:8px}.xhc-step{margin-bottom:27px}.xhc-step-heading h2{font-size:19px}.xhc-choice{font-size:12px}.xhc-choice-grid.is-swatch .xhc-choice{font-size:10px}.xhc-upload-row{grid-template-columns:1fr 85px}}
@media(max-width:1199px){.xhc-workspace{grid-template-columns:minmax(280px,1fr) minmax(340px,1fr);gap:25px;max-width:1040px}.xhc-library{grid-column:1;grid-row:2}.xhc-preview{grid-column:1;grid-row:1}.xhc-options{grid-column:2;grid-row:1/span 2}.xhc-styles{grid-template-columns:repeat(5,minmax(0,1fr))}.xhc-style img{aspect-ratio:3/4}.xhc-intro h1{font-size:35px}.xhc-nav{gap:45px}.xhc-nav-caption{display:none}}
@media(max-width:767px){.xhc-nav{height:64px;padding-inline:18px;gap:20px;justify-content:space-between}.xhc-brand{font-size:22px}.xhc-nav nav{gap:20px}.xhc-nav nav a{font-size:12px}.xhc-workspace{display:flex;flex-direction:column;padding:22px 18px 32px;gap:26px}.xhc-preview{order:0;width:100%}.xhc-library{order:1;width:100%;padding:14px}.xhc-options{order:2;width:100%;padding:0}.xhc-intro{padding:0 0 20px}.xhc-intro h1{font-size:34px;letter-spacing:-1px}.xhc-intro .xhc-subtitle{font-size:15px;margin-top:9px}.xhc-intro p:last-child{font-size:12px}.xhc-viewer{aspect-ratio:4/4.5}.xhc-angles{gap:8px;margin-top:10px}.xhc-angle{font-size:12px}.xhc-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}.xhc-style{font-size:10px}.xhc-style .xhc-style-index{display:none}.xhc-style[aria-pressed=true] .xhc-style-image::after{height:17px;width:17px;font-size:11px;inset:auto 2px 2px auto}.xhc-tabs button{font-size:14px;padding:12px}.xhc-panel-title h2{font-size:17px}.xhc-step{margin-bottom:26px}.xhc-step-number{width:32px;height:32px;flex-basis:32px}.xhc-step-heading h2{font-size:19px}.xhc-upload-row{grid-template-columns:1fr 80px}.xhc-drop{min-height:135px}.xhc-drop strong{font-size:13px}.xhc-drop>span{font-size:11px}.xhc-privacy{font-size:11px}.xhc-choice{font-size:12px}.xhc-choice-grid{gap:10px}.xhc-choice-grid.is-swatch .xhc-choice{font-size:10px}.xhc-choice .xhc-swatch{width:31px}.xhc-detail-grid{gap:14px}.xhc-select{font-size:12px}.xhc-select select{min-height:44px;font-size:14px}.xhc-save-button,.xhc-ai-button{font-size:15px;padding:16px}.xhc-ai-note{font-size:11px}.xhc-reset{font-size:12px;padding:10px}.xhc-footer{flex-wrap:wrap;gap:12px;padding:20px 18px}.xhc-footer p{width:100%;order:2;max-width:45ch}.xhc-preview-disclosure{font-size:11px}.xhc-preview .xhc-selection-summary{margin-top:14px}}
@media(max-width:359px){.xhc-nav{padding-inline:14px}.xhc-nav nav{gap:13px}.xhc-nav nav a{font-size:11px}.xhc-workspace{padding-inline:14px}.xhc-intro h1{font-size:30px}.xhc-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.xhc-choice-grid.is-swatch{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.xhc-choice .xhc-swatch{width:36px}.xhc-selection-summary{align-items:start}.xhc-selection-summary a{max-width:105px}.xhc-step-heading h2{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.xhc-workspace button,.xhc-workspace a{transition:color .15s,background-color .15s,border-color .15s}.xhc-styles .xhc-style:hover .xhc-style-image{border-color:#819fe0}}
/* The store theme makes every button a horizontal flex row. Keep image
 * selectors explicitly vertical so portraits never shrink beside captions. */
.xhc-workspace button.xhc-style,.xhc-workspace button.xhc-angle{display:block;width:100%;white-space:normal;background:transparent;gap:0}
.xhc-workspace .xhc-style .xhc-style-image{width:100%}
.xhc-workspace .xhc-angle img{object-fit:contain;object-position:center;background:var(--xhc-wash)}
.xhc-workspace button.xhc-style:hover,.xhc-workspace button.xhc-style:focus,.xhc-workspace button.xhc-angle:hover,.xhc-workspace button.xhc-angle:focus,.xhc-workspace button.xhc-reset:hover,.xhc-workspace button.xhc-reset:focus{background:transparent;color:#111316}
.xhc-workspace button.xhc-ai-button:disabled{opacity:1;color:#4a5059;background:#e9ecf0}
@media(min-width:768px){.xhc-viewer{aspect-ratio:1.04}.xhc-intro h1{font-size:clamp(28px,3vw,46px)}}
@media(min-width:1400px){.xhc-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Only the customizer content escapes the standard narrow page container.
 * The theme continues to own its header, footer, menus and mobile toolbar. */
body.xhc-page #site-content{padding-block:0}
.xhc-theme-content{width:100%;max-width:none;padding:0}
.xhc-ai-consent{margin:0 0 14px;font-size:12px;line-height:1.55;color:var(--xhc-ink)}
.xhc-ai-consent label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}
.xhc-ai-consent input{appearance:auto;flex:0 0 17px;width:17px;height:17px;margin:3px 0 0;accent-color:var(--xhc-blue)}
.xhc-ai-consent p{margin:8px 0 0!important;color:var(--xhc-muted);font-size:11px}
.xhc-ai-consent a{text-decoration:underline;text-underline-offset:3px}
.xhc-workspace .xhc-ai-login{display:block;background:#f0f5ff;color:#0759ec;padding:12px;margin-bottom:10px;border-radius:6px;text-align:center;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.xhc-workspace button.xhc-ai-button:not(:disabled){background:#0759ec;color:#fff;border-color:#0759ec;cursor:pointer!important;justify-content:center}
.xhc-workspace button.xhc-ai-button:not(:disabled):hover{background:#0647bd}
.xhc-workspace[aria-busy=true] button.xhc-ai-button{opacity:1;background:#e9ecf0;color:#4a5059}
.xhc-options #xhc-ai-error:empty{display:none}
.xhc-options #xhc-ai-error{margin-bottom:14px!important}
/* Photo selection, explicit consent and native purchasing stay within the
 * existing workspace; the store still owns its header, footer and checkout. */
.xhc-workspace .xhc-upload-intro{font-size:12px;color:var(--xhc-muted);margin:-5px 0 14px}
.xhc-workspace .xhc-upload-row{grid-template-columns:minmax(0,1fr) 116px;gap:12px;align-items:start}
.xhc-workspace .xhc-drop{min-height:280px;padding:18px 12px;gap:12px;justify-content:center}
.xhc-workspace .xhc-drop strong{font-size:14px;font-weight:600;max-width:22ch}
.xhc-workspace .xhc-drop>span{font-size:11px}
.xhc-workspace .xhc-drop>svg{width:34px;height:34px}
.xhc-workspace .xhc-drop .xhc-upload-cta{background:#f02743;color:#fff;font-weight:650;font-size:13px;border-radius:6px;padding:12px 15px;min-height:44px;margin-top:8px}
.xhc-photo-tips{background:#f6f7f9;border-radius:8px;padding:10px;grid-column:2;grid-row:1/span 2}
.xhc-workspace .xhc-photo-tips h3{font-size:13px;margin:0 0 9px;font-weight:650}
.xhc-photo-tips img{aspect-ratio:3/4;height:auto;object-fit:cover;border-radius:5px}
.xhc-example-caption{display:block;font-size:10px;color:#62676f;margin-top:5px}
.xhc-photo-tips ul{padding:0;margin:9px 0;list-style:none;font-size:10px;line-height:1.5}
.xhc-photo-tips li{padding-left:13px;position:relative;margin:4px 0}
.xhc-photo-tips li::before{content:'✓';position:absolute;left:0;color:#147542;font-weight:700}
.xhc-workspace .xhc-photo-tips p{border-top:1px solid #dce0e6;padding-top:8px;color:#62676f;font-size:10px;line-height:1.5}
.xhc-selected-photo{padding:10px;border:1px solid #a7d7b9;background:#f1faf4;border-radius:8px;min-width:0}
.xhc-workspace .xhc-photo-ready{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:#167343;margin-bottom:9px}
.xhc-photo-ready svg{width:19px;height:19px;flex-shrink:0}
.xhc-workspace .xhc-selected-photo>img{width:min(100%,144px);height:auto;max-height:192px;aspect-ratio:3/4;object-fit:contain;background:#e6eae7;border-radius:5px;margin-inline:auto}
.xhc-selected-photo>span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0;color:#526259}
.xhc-photo-buttons{display:grid;grid-template-columns:1fr;gap:6px}
.xhc-workspace .xhc-photo-buttons button{display:flex;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 5px;border:1px solid #bcc7c0;border-radius:5px;background:#fff;color:#17211b;font-size:12px;white-space:normal;line-height:1.3}
.xhc-photo-buttons svg{width:17px;height:17px;flex-shrink:0}
.xhc-workspace .has-photo .xhc-drop{min-height:78px;padding:12px;gap:5px}
.xhc-workspace .has-photo .xhc-drop>svg,.xhc-workspace .has-photo .xhc-upload-cta{display:none}
.has-photo .xhc-photo-tips{grid-row:1/span 2}
.xhc-workspace .xhc-privacy{font-size:11px;align-items:flex-start;margin-top:12px!important;line-height:1.6}
.xhc-privacy svg{width:17px;height:17px;margin-top:1px}
.xhc-workspace .xhc-ai-consent{border:1px solid #c6d9ff;background:#f0f5ff;border-radius:8px;padding:18px 16px;margin:6px 0 16px}
.xhc-workspace .xhc-ai-consent label{gap:12px;align-items:flex-start;line-height:1.55;font-size:14px;font-weight:650}
.xhc-workspace .xhc-ai-consent input{appearance:none;-webkit-appearance:none;flex:0 0 32px;width:32px;height:32px;margin:1px 0 0;border:2px solid #6c8fc4;border-radius:6px;background:#fff;cursor:pointer;position:relative}
.xhc-workspace .xhc-ai-consent input:checked{border-color:#0759ec;background:#0759ec}
.xhc-workspace .xhc-ai-consent input::before{content:none!important;display:none!important}
.xhc-workspace .xhc-ai-consent input:checked::after{content:'';position:absolute;width:9px;height:17px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);left:9px;top:3px}
.xhc-workspace .xhc-ai-consent p{margin:12px 0 0!important;font-size:12px;color:#495970;line-height:1.65}
.xhc-consent-facts{display:flex;align-items:center;gap:8px;border-top:1px solid #d5e2f8;margin-top:12px;padding-top:11px;font-size:11px;line-height:1.5;color:#315688}
.xhc-consent-facts svg{width:23px;height:23px;flex-shrink:0}
.xhc-workspace button.xhc-ai-button{min-height:60px!important;justify-content:center;gap:10px;background:#0759ec;border-color:#0759ec;color:white;font-size:16px;line-height:1.35}
.xhc-workspace button.xhc-ai-button span{font:inherit;background:none;padding:0;color:inherit}
.xhc-workspace button.xhc-ai-button svg{flex-shrink:0;width:22px;height:22px}
.xhc-workspace button.xhc-ai-button svg:last-child{width:19px;margin-left:auto}
.xhc-workspace button.xhc-ai-button:disabled{background:#e0eaff;border-color:#b4caff;color:#355e9e;cursor:not-allowed!important}
.xhc-workspace .xhc-ai-note{font-size:11px;line-height:1.65;margin:10px 0 20px!important}
.xhc-purchase{border-top:1px solid #e2e5e9;padding-top:20px;margin-bottom:18px}
.xhc-purchase-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:14px}
.xhc-workspace .xhc-purchase h2{font-size:17px;line-height:1.3;font-weight:650}
.xhc-workspace .xhc-purchase-heading p{font-size:11px;color:#62676f;margin-top:5px}
.xhc-purchase-heading>strong{font-size:21px;letter-spacing:-.5px;white-space:nowrap}
.xhc-purchase-actions{display:grid;grid-template-columns:72px 1fr;gap:8px}
.xhc-quantity{grid-row:1/span 2;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}
.xhc-workspace .xhc-quantity input{width:100%;height:48px;min-height:44px;padding:8px;border:1px solid #cbd1da;background:#fff;border-radius:6px;color:#111;text-align:center}
.xhc-workspace .xhc-purchase-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid #111;border-radius:6px;padding:11px 10px;font-size:14px;line-height:1.3;background:#fff;color:#111}
.xhc-workspace #xhc-buy-now{border-color:#e91d36;background:#e91d36;color:#fff}
.xhc-workspace #xhc-buy-now:hover{background:#c8142b;border-color:#c8142b}
.xhc-workspace .xhc-purchase-actions button:disabled{opacity:.5;cursor:not-allowed}
.xhc-purchase-actions svg{width:20px;height:20px;flex-shrink:0}
.xhc-workspace .xhc-purchase-note{font-size:11px;color:#62676f;line-height:1.6;margin-top:12px}
.xhc-workspace #xhc-purchase-status{font-size:12px;line-height:1.6;color:#334c6a;margin-top:9px}
.xhc-workspace #xhc-view-cart{display:inline-block;min-height:44px;padding:10px 0;color:#0759ec;text-decoration:underline}
@media(min-width:1600px){.xhc-workspace .xhc-upload-row{grid-template-columns:minmax(0,1fr) 135px}.xhc-photo-tips ul,.xhc-workspace .xhc-photo-tips p{font-size:11px}}
@media(max-width:767px){.xhc-workspace .xhc-upload-row{grid-template-columns:minmax(0,1fr) 120px}.xhc-workspace .xhc-ai-consent{padding:17px 14px}.xhc-purchase-heading>strong{font-size:22px}.xhc-workspace .xhc-ai-consent label{font-size:15px}.xhc-workspace .xhc-ai-consent p{font-size:13px}}
@media(max-width:359px){.xhc-workspace .xhc-upload-row{grid-template-columns:minmax(0,1fr) 105px;gap:8px}.xhc-workspace .xhc-drop strong{font-size:12px}.xhc-photo-tips{padding:8px}.xhc-workspace .xhc-purchase h2{font-size:15px}.xhc-purchase-heading>strong{font-size:19px}}
/* Keep reference selection and the portrait in view while the long options
 * column scrolls. Sticky positioning releases at the workspace/footer edge.
 * Only the three-column layout is affected; tablet/mobile retain normal flow. */
@media(min-width:1200px){
  .xhc-workspace{--xhc-sticky-top:16px;--xhc-panel-height:calc(100vh - var(--xhc-sticky-top) - 16px);--xhc-panel-height:calc(100dvh - var(--xhc-sticky-top) - 16px)}
  .xhc-workspace>.xhc-library,.xhc-workspace>.xhc-preview{position:sticky;top:var(--xhc-sticky-top);align-self:start;max-height:var(--xhc-panel-height);scrollbar-width:thin;scrollbar-color:#bcc5d1 transparent;scroll-padding-block:12px}
  .xhc-workspace>.xhc-library{display:flex;flex-direction:column;overflow:hidden}
  .xhc-library>.xhc-tabs{flex-shrink:0}
  .xhc-library>#xhc-premade,.xhc-library>#xhc-custom{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bcc5d1 transparent;scrollbar-gutter:stable;scroll-padding-block:12px}
  .xhc-library .xhc-panel-title{position:sticky;top:0;background:#fafbfc;z-index:1;padding-bottom:10px;margin-bottom:4px}
  .xhc-workspace>.xhc-preview{display:flex;flex-direction:column;height:var(--xhc-panel-height);min-height:0;overflow-y:auto;scrollbar-gutter:auto}
  .xhc-preview>*{flex-shrink:0}
  .xhc-preview .xhc-intro{padding:0 0 12px}
  .xhc-preview .xhc-intro h1{font-size:clamp(28px,2.25vw,40px)}
  .xhc-preview .xhc-intro .xhc-subtitle{margin-top:6px}
  .xhc-preview .xhc-intro p:last-child{margin-top:5px}
  .xhc-preview .xhc-viewer{flex:1 0 120px;min-height:120px;aspect-ratio:auto}
  .xhc-preview .xhc-reference{object-fit:contain}
  .xhc-preview .xhc-angles{margin-top:10px}
  .xhc-preview .xhc-angle img{height:clamp(44px,8vh,82px);aspect-ratio:auto}
  .xhc-preview .xhc-preview-disclosure{margin-top:8px!important;line-height:1.4}
  .xhc-preview .xhc-selection-summary{margin-top:10px;padding-top:10px}
  .xhc-library>[role=tabpanel]:focus-visible,.xhc-workspace>.xhc-preview:focus-visible{outline:3px solid var(--xhc-blue);outline-offset:-3px}
}
@media(min-width:1200px) and (max-height:740px){
  .xhc-preview .xhc-intro h1{font-size:28px}
  .xhc-preview .xhc-intro .xhc-subtitle{font-size:14px}
  .xhc-preview .xhc-intro p:last-child{font-size:12px}
  .xhc-preview .xhc-angle img{height:44px}
}
/* User-pinned consent/AI action treatment. Responsive to the control pane,
 * not the page width; disclosure stays visible and consent stays explicit. */
.xhc-ai-action-region{container-name:xhc-ai-action;container-type:inline-size}
.xhc-workspace .xhc-ai-consent{display:grid;gap:18px;padding:22px 20px;border:1px solid #d0e0ff;border-radius:12px;background:linear-gradient(110deg,#f4f8ff,#edf3ff);margin:6px 0 22px}
.xhc-consent-copy{min-width:0}
.xhc-workspace .xhc-ai-consent label{font-size:15px;font-weight:700;gap:13px;line-height:1.5}
.xhc-workspace .xhc-ai-consent input{width:40px;height:40px;flex-basis:40px;border-radius:7px;flex-shrink:0}
.xhc-workspace .xhc-ai-consent input:checked::after{left:12px;top:6px;width:10px;height:19px}
.xhc-workspace .xhc-ai-consent p{font-size:12px;line-height:1.7;margin-top:14px!important;color:#52647d}
.xhc-consent-assurance{display:flex;gap:16px;align-items:center;min-width:0;border-top:1px solid #d7e4fa;padding-top:16px}
.xhc-privacy-mark{position:relative;display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,#bad4ff,#e3edff)}
.xhc-workspace .xhc-privacy-mark .xhc-privacy-shield{width:57px;height:57px;fill:#0759ec;stroke:#fff;stroke-width:1.1}
.xhc-workspace .xhc-privacy-mark .xhc-privacy-lock{position:absolute;width:23px;height:23px;color:white;top:29px;left:28px;stroke-width:1.9}
.xhc-workspace .xhc-assurance-list{display:grid;gap:10px;list-style:none;padding:0;margin:0;min-width:0;font-size:12px;line-height:1.4;color:#20334e}
.xhc-assurance-list li{display:flex;gap:7px;align-items:flex-start}
.xhc-assurance-list li>span{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#159953;margin-top:1px}
.xhc-workspace .xhc-assurance-list svg{width:11px;height:11px;color:white;stroke-width:3}
.xhc-workspace button.xhc-ai-button,.xhc-workspace button.xhc-ai-button:disabled,.xhc-workspace button.xhc-ai-button:not(:disabled){position:relative;display:flex;justify-content:center;align-items:center;min-height:84px!important;padding:20px 58px;border:1px solid #3f8aff;border-radius:10px;background:linear-gradient(110deg,#0759ec,#0050df);color:#fff;opacity:1;font-size:20px;font-size:clamp(17px,3.8cqi,22px);font-weight:700;line-height:1.3;box-shadow:0 8px 22px #0759ec26}
.xhc-workspace button.xhc-ai-button .xhc-ai-button-main{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;font:inherit;background:none;padding:0;color:inherit;min-width:0;text-align:center}
.xhc-workspace button.xhc-ai-button .xhc-ai-button-main>svg{width:30px;height:30px;flex-shrink:0;margin:0}
.xhc-workspace button.xhc-ai-button>svg:last-child{position:absolute;right:21px;top:50%;transform:translateY(-50%);width:27px;height:27px;margin:0}
.xhc-workspace button.xhc-ai-button:disabled{cursor:not-allowed!important}
.xhc-workspace button.xhc-ai-button:not(:disabled):hover{background:#0045cc;border-color:#2673ef;box-shadow:0 10px 24px #0759ec33}
.xhc-workspace .xhc-ai-note{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.65;color:#5a687c;margin:14px 0 23px!important}
.xhc-workspace .xhc-ai-note>svg{flex:0 0 17px;width:17px;height:17px;margin-top:1px}
@container xhc-ai-action (min-width:520px){
  .xhc-workspace .xhc-ai-consent{grid-template-columns:minmax(0,1fr) 145px;gap:18px}
  .xhc-consent-assurance{flex-direction:column;justify-content:center;gap:18px;border:0;padding:0}
  .xhc-privacy-mark{flex-basis:88px;width:88px;height:88px}
  .xhc-workspace .xhc-privacy-mark .xhc-privacy-shield{width:64px;height:64px}
  .xhc-workspace .xhc-privacy-mark .xhc-privacy-lock{width:25px;height:25px;top:33px;left:32px}
}
@container xhc-ai-action (min-width:760px){
  .xhc-workspace .xhc-ai-consent{grid-template-columns:minmax(0,1fr) 270px;padding:26px;gap:24px}
  .xhc-consent-assurance{flex-direction:row;gap:16px}
  .xhc-workspace button.xhc-ai-button,.xhc-workspace button.xhc-ai-button:disabled,.xhc-workspace button.xhc-ai-button:not(:disabled){min-height:96px!important;font-size:25px}
}
@container xhc-ai-action (max-width:360px){
  .xhc-workspace .xhc-ai-consent{padding:18px 14px}
  .xhc-workspace .xhc-ai-consent label{font-size:14px;gap:10px}
  .xhc-workspace .xhc-ai-consent input{width:36px;height:36px;flex-basis:36px}
  .xhc-workspace .xhc-ai-consent input:checked::after{left:10px;top:4px}
  .xhc-privacy-mark{flex-basis:66px;width:66px;height:66px}
  .xhc-workspace .xhc-privacy-mark .xhc-privacy-shield{width:49px;height:49px}
  .xhc-workspace .xhc-privacy-mark .xhc-privacy-lock{width:20px;height:20px;top:24px;left:23px}
  .xhc-workspace button.xhc-ai-button,.xhc-workspace button.xhc-ai-button:disabled,.xhc-workspace button.xhc-ai-button:not(:disabled){padding:18px 43px;min-height:84px!important;font-size:17px}
  .xhc-workspace button.xhc-ai-button .xhc-ai-button-main{gap:8px}
  .xhc-workspace button.xhc-ai-button .xhc-ai-button-main>svg{width:24px;height:24px}
  .xhc-workspace button.xhc-ai-button>svg:last-child{right:13px;width:23px;height:23px}
}
/* Optional fixed surcharges use the same red price treatment as the store. */
.xhc-workspace .xhc-choice-price{display:block;color:#c5222a;font-size:12px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;margin-top:3px}