/* START_SNIPPET:coozie-ai-preview (INDEX:91) */
.coozie-preview{border-block:1px solid rgb(var(--text-color) / .16);padding-block:28px;margin-block-end:24px}
.coozie-preview__drop{border:1px dashed #aaa;padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fafafa;position:relative;text-align:center}
.coozie-preview__drop.has-logo{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:12px;text-align:left}
.coozie-preview__drop.has-logo>svg,.coozie-preview__drop.has-logo>p{display:none}
.coozie-preview__drop.has-logo .coozie-preview__selected{grid-column:1;grid-row:1;min-width:0}
.coozie-preview__drop.has-logo .coozie-preview__choose{grid-column:2;grid-row:1;padding:10px 14px;white-space:nowrap}
.coozie-preview__drop.has-logo .coozie-preview__logo{width:44px;height:44px}
.coozie-preview__drop.has-logo [data-filename]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:380px){.coozie-preview__drop.has-logo [data-filename]{display:none}}
.coozie-preview__drop.is-dragging,.coozie-preview__drop:focus-within{border-color:#111;background:#f0f5f7;outline:1px solid #111}
.coozie-preview__choose{font-family:var(--heading-font-family);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em;background:#1c1c1c;color:white;padding:12px 25px;cursor:pointer}
.coozie-preview__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.coozie-preview__selected{display:flex;align-items:center;gap:12px;max-width:100%;font-size:12px;overflow-wrap:anywhere}
.coozie-preview [hidden]{display:none!important}
.coozie-preview__logo{object-fit:contain;background:white;flex-shrink:0}
.coozie-preview__muted,.coozie-preview figcaption{color:#666;line-height:1.6}
.coozie-preview__sample{margin:0}
.coozie-preview__sample>img{width:100%;height:auto}
.coozie-preview figcaption{padding-top:10px}
.coozie-preview textarea{width:100%;resize:vertical;min-height:105px;font:inherit;font-size:14px;line-height:1.6}
.coozie-preview [data-estimate]{margin-top:8px}
.coozie-preview progress{appearance:none;border:0;display:block;width:100%;height:6px;accent-color:#1c1c1c}
.coozie-preview progress::-webkit-progress-bar{background:#e8e8e8}
.coozie-preview progress::-webkit-progress-value{background:#1c1c1c;transition:width .1s linear}
.coozie-preview progress::-moz-progress-bar{background:#1c1c1c}
.coozie-preview__steps{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:10px 0 0;font-size:11px;color:#666}
.coozie-preview .button:disabled{opacity:.5;cursor:not-allowed}
.product-info:has(coozie-preview) .uploadkit-label,.product-info:has(coozie-preview) .uploadkit-button,.product-info:has(coozie-preview) .uploadkit-thumbnails,.product-info:has(coozie-preview) .uploadkit-initial-text-field{display:none}

.coozie-preview progress:indeterminate{appearance:none;background:linear-gradient(90deg,#e8e8e8 0%,#222 45%,#e8e8e8 85%);background-size:200% 100%;animation:coozie-progress 1.6s linear infinite}
.coozie-preview progress:indeterminate::-webkit-progress-bar{background:transparent}
@keyframes coozie-progress{from{background-position:200% 0}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.coozie-preview progress:indeterminate{animation:none}}
.product-info:has(coozie-preview) .shopify-payment-button{display:none}

.coozie-preview__steps{counter-reset:mockup-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0 0;margin:0;list-style:none}
.coozie-preview__steps li{counter-increment:mockup-step;display:flex;align-items:center;gap:8px;color:#777;font-size:12px;line-height:1.4;min-width:0;transition:color .2s ease}
.coozie-preview__steps li::before{content:counter(mockup-step);display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #d9dde0;border-radius:50%;background:#f5f6f7;color:#777;font-size:11px;font-weight:700;box-sizing:border-box}
.coozie-preview__steps li.is-active{color:#222;font-weight:600}
.coozie-preview__steps li.is-active::before{content:"";background:transparent;border:2px solid #dfe4e7;border-top-color:#262626;animation:mockup-step-spin .85s linear infinite}
.coozie-preview__steps li.is-complete{color:#217346}
.coozie-preview__steps li.is-complete::before{content:"✓";background:#e9f5ed;border-color:#c9e5d3;color:#217346;font-size:14px}
@keyframes mockup-step-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.coozie-preview__steps{grid-template-columns:1fr;gap:10px;padding-top:14px}.coozie-preview__steps li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.coozie-preview__steps li.is-active::before{animation:none}.coozie-preview__steps li{transition:none}}
/* END_SNIPPET:coozie-ai-preview */