.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;margin-top:.75rem;font-size:.9375rem;font-weight:600;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.preview-button:hover{background:#e5e7eb;border-color:#9ca3af}.preview-button:active{transform:scale(.98)}.preview-button svg{flex-shrink:0}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.preview-modal[aria-hidden=false]{opacity:1;visibility:visible}.preview-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.preview-modal__container{position:relative;width:100%;max-width:500px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .25s ease}.preview-modal[aria-hidden=false] .preview-modal__container{transform:scale(1) translateY(0)}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.preview-modal__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.preview-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s}.preview-modal__close:hover{background:#f3f4f6;color:#111827}.preview-modal__body{flex:1;overflow-y:auto;padding:1.25rem}.preview-modal__tabs{display:flex;gap:.5rem;margin-bottom:1rem}.preview-modal__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease}.preview-modal__tab:hover{background:#f3f4f6;color:#374151}.preview-modal__tab.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.preview-modal__tab svg{flex-shrink:0}.preview-modal__canvas-wrapper{position:relative;margin-bottom:1rem}.preview-modal__canvas{position:relative;width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.preview-modal__text-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem}.preview-modal__text-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.preview-modal__text-line{font-size:clamp(1.25rem,6vw,2rem);font-weight:600;color:#000;text-shadow:.5px .5px 0 currentColor,1px 1px 1px rgba(0,0,0,.15);letter-spacing:.02em;word-break:break-word;max-width:100%;transition:color .2s ease}.preview-modal__text-line:empty{display:none}.preview-modal__text-line[data-position=back]{font-size:clamp(1rem,4vw,1.5rem);opacity:.9}.preview-modal__image-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem}.preview-modal__image-layer img{max-width:60%;max-height:70%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.preview-modal__contrast{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:500;border-radius:100px;white-space:nowrap;box-shadow:0 2px 8px #00000026}.preview-modal__contrast.contrast-good{background:#10b981;color:#fff}.preview-modal__contrast.contrast-warning{background:#f59e0b;color:#1f2937}.preview-modal__contrast.contrast-bad{background:#ef4444;color:#fff}.preview-modal__contrast-icon:before{content:"\2713"}.preview-modal__contrast.contrast-warning .preview-modal__contrast-icon:before,.preview-modal__contrast.contrast-bad .preview-modal__contrast-icon:before{content:"\26a0"}.preview-modal__summary{background:#f9fafb;border-radius:8px;padding:.875rem 1rem}.preview-modal__summary-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.preview-modal__summary-row:not(:last-child){border-bottom:1px solid #e5e7eb}.preview-modal__summary-label{font-size:.8125rem;color:#6b7280}.preview-modal__summary-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#111827}.preview-modal__colour-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.preview-modal__image-info{margin-top:1rem}.preview-modal__image-note{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.75rem;font-size:.8125rem;color:#6b7280;background:#f9fafb;border-radius:8px}.preview-modal__image-note svg{flex-shrink:0;margin-top:1px}.preview-modal__footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb}.preview-modal__disclaimer{font-size:.75rem;color:#6b7280;text-align:center;margin:0 0 .75rem}.preview-modal__done{display:block;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.preview-modal__done:hover{background:#1d4ed8}.preview-modal__done:active{transform:scale(.98)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.preview-modal-open{overflow:hidden}@media (max-width: 480px){.preview-modal{padding:0;align-items:flex-end}.preview-modal__container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/customisation-preview-modal.css.map */