:is(.app-photonation,.app-photonation *,.preview-dialog-photonation,.preview-dialog-photonation *,.modal-overlay-photonation,.modal-overlay-photonation *)[hidden]{display:none !important}.app-photonation,.preview-dialog-photonation,.modal-overlay-photonation{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1d29;-webkit-font-smoothing:antialiased}:is(.app-photonation,.preview-dialog-photonation,.modal-overlay-photonation) button{font-family:inherit;cursor:pointer}:is(.app-photonation,.preview-dialog-photonation,.modal-overlay-photonation) button[type]{appearance:none;-webkit-appearance:none}:is(.app-photonation,.preview-dialog-photonation,.modal-overlay-photonation) button[type]:active{box-shadow:none}.app-photonation{max-width:1100px;margin:0 auto}.screen-title{text-align:center;font-size:22.4px;font-weight:700;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #d7dce5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 12px;font-size:15.2px;letter-spacing:-0.2px;border:1px solid rgba(0,0,0,0);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover,.btn:focus,.btn:active{border-style:solid;border-width:1px}.btn--primary{background:#2f5bff;color:#fff}.btn--primary:disabled{background:#c3d0ef;cursor:not-allowed}.btn--outline{background:#fff;color:#2f5bff;border-color:#2f5bff}.btn--ghost{background:rgba(0,0,0,0);color:#767676;border-color:#e3e6ea}.btn--ghost:hover{background:rgba(0,0,0,0);color:#444546;border-color:#444546}.demo-name-field{max-width:1100px;margin:0 auto 32px;padding:0 24px;font-size:13.6px;color:#6b7280}.demo-name-field input{display:block;margin-top:8px;padding:8px 12px;font-size:15.2px;border:1px solid #d7dce5;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.df-poppover{inset:auto;position-area:bottom}@media(min-width: 640px){.df-poppover{position-area:bottom right}}.df-poppover{margin:8px 0 0 -38px;max-width:320px;padding:16px;border:none;border-radius:8px;background:#e3e6ea;color:#343c48;font-size:13.6px;line-height:1.5;overflow:visible}.df-poppover::before{content:"";position:absolute;top:-8px;left:24px;width:18px;height:8px;background:inherit;clip-path:polygon(50% 0, 100% 100%, 0 100%)}.sk-builder--LB-PHOTOMATON .skb-opt-text-color{order:inherit}.sk-builder--LB-PHOTOMATON .skb-input-wrapper{width:100% !important}.sk-builder--LB-PHOTOMATON .skb-input-wrap:after{content:none}.sk-builder--LB-PHOTOMATON .skb-input-wrap .skb-input{height:50px}.app-photonation .upload-screen{display:flex;flex-direction:column;gap:24px}.app-photonation .dropzone{border:2px dashed #d7dce5;border-radius:16px;background:#f6f8fc;padding:32px 24px;text-align:center;transition:border-color .15s ease,background-color .15s ease}.app-photonation .dropzone.is-dragover{border-color:#2f5bff;background:rgba(47,91,255,.05)}.app-photonation .placeholder-grid{display:grid;grid-template-columns:repeat(3, 72px);gap:8px;justify-content:center;margin:0 auto 24px}.app-photonation .placeholder-grid .placeholder-cell{aspect-ratio:1.6/2;background:#dbe3f5;border-radius:6px;overflow:hidden;position:relative}.app-photonation .placeholder-grid .placeholder-cell.is-tall{grid-row:span 2}.app-photonation .placeholder-grid .placeholder-cell img{width:100%;height:100%;object-fit:cover;display:block}.app-photonation .placeholder-grid .placeholder-cell.is-filled{background:#c3d0ef}.app-photonation .dropzone-title{font-size:17.6px;font-weight:700;margin:0 0 8px}.app-photonation .dropzone-subtitle{color:#6b7280;font-size:14.4px;max-width:420px;margin:0 auto 16px;line-height:1.5}.app-photonation .dropzone-count{color:#6b7280;font-size:13.6px;margin-top:12px}.app-photonation .dropzone-warning{color:#b3261e;font-size:13.6px;margin-top:8px;min-height:1.2em}.app-photonation .info-banner{display:flex;align-items:flex-start;gap:12px;background:#fff8e1;border:1px solid #f3d98b;color:#8a6d1f;border-radius:10px;padding:16px;font-size:14.4px;line-height:1.5}.app-photonation .info-banner .info-banner__icon{flex-shrink:0}.app-photonation .preview-photo,.preview-dialog-photonation .preview-photo{width:100%;aspect-ratio:1.6/2}.app-photonation .preview-photo img,.preview-dialog-photonation .preview-photo img{width:100%;height:100%;object-fit:cover;display:block}.customize-product-builder:has(.app-photonation.is-incomplete) .builder-addto-cart,.customize-product-builder:has(.app-photonation.is-busy) .builder-addto-cart{cursor:not-allowed}.customize-product-builder:has(.app-photonation.is-incomplete) .builder-addto-cart button,.customize-product-builder:has(.app-photonation.is-busy) .builder-addto-cart button{pointer-events:none;opacity:.5}.customize-product-builder:has(.app-photonation.is-busy){cursor:wait}.customize-product-builder:has(.app-photonation.is-preinit) .builder-addto-cart{display:none !important}.app-photonation .sheet-screen{display:grid;grid-template-columns:minmax(280px, 380px) minmax(0, 1fr);max-width:820px;margin-inline:auto}@media(max-width: 760px){.app-photonation .sheet-screen{grid-template-columns:1fr;gap:32px;max-width:fit-content}}.app-photonation .sheet-screen__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-photonation .sheet-screen__header .screen-title{flex:1;margin:0;padding-bottom:0;border-bottom:none}.app-photonation .reset-btn{flex-shrink:0;height:36px;padding:0 16px;font-size:13.6px}.app-photonation .sheet-error-banner{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fdecea;border-left:4px solid #e62519;color:#e62519;padding:4px 9px 2px;font-size:13.6px;line-height:1.5;margin-top:8px;margin-bottom:8px}.app-photonation .sheet-error-banner span{white-space:pre-line}.app-photonation .sheet-error-banner button{background:none;border:none;color:inherit;width:24px;height:24px;min-width:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14.4px;line-height:1;cursor:pointer;flex-shrink:0}.app-photonation .sheet-error-banner button:hover{background:rgba(0,0,0,.06)}.app-photonation .preview-panel{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:300px}@media(max-width: 760px){.app-photonation .preview-panel{margin:0 auto}}.app-photonation .preview-frame-wrap{width:100%;aspect-ratio:var(--pb-wrapper-ratio);display:flex;align-items:center;position:relative}.app-photonation .preview-nav{background:#fff;border:1px solid #d7dce5;border-radius:50%;width:32px;height:32px;min-width:0;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#2f5bff;font-size:16px;line-height:1}.app-photonation .preview-nav:hover,.app-photonation .preview-nav:focus,.app-photonation .preview-nav:active{border-style:solid;border-width:1px}.app-photonation .preview-nav:disabled{opacity:.35;cursor:not-allowed}.app-photonation .preview-nav:hover:not(:disabled){background:#f6f8fc}.app-photonation .preview-nav{position:absolute;z-index:1}.app-photonation .preview-nav:last-child{right:0}.app-photonation .preview-frame{padding:var(--pb-pad);position:relative;transition:background-color .2s ease;width:100%;height:100%;background-size:cover;background-position:top;background-repeat:no-repeat}.app-photonation .preview-frame[data-theme=blank]{background-color:var(--custom-color, #2f5bff);background-image:none}.app-photonation .preview-photo{background:#fff;overflow:hidden}.app-photonation .preview-photo .preview-photo__placeholder{color:#6b7280;font-size:13.6px;text-align:center;padding:12px}.app-photonation .preview-label{text-align:center;color:#6b7280;font-size:13.6px}.app-photonation .preview-label strong{display:block;color:#1a1d29;font-size:15.2px;margin-bottom:2px}.app-photonation .preview-actions{display:flex;width:100%;gap:12px}.app-photonation .preview-actions .btn{flex-grow:1}.app-photonation .preview-sheet-btn{width:100%}.app-photonation .side-panel{display:flex;flex-direction:column;gap:16px}.app-photonation .side-panel__header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.app-photonation .side-panel__header h3{margin:0}.app-photonation .side-panel__header span,.app-photonation .side-panel__header button[popovertarget]{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:12.8px;color:#6b7280}.app-photonation .side-panel__header button[popovertarget]{cursor:pointer}.app-photonation .order-grid{display:flex;flex-wrap:wrap;gap:8px}.app-photonation .order-thumb{position:relative;width:40px;aspect-ratio:1.6/2;flex:0 0 auto;border-radius:6px;background:#dbe3f5;overflow:hidden;border:2px solid rgba(0,0,0,0);cursor:grab}.app-photonation .order-thumb img{width:100%;height:100%;object-fit:cover;display:block}.app-photonation .order-thumb .order-thumb__badge{position:absolute;top:2px;left:2px;background:rgba(0,0,0,.65);color:#fff;font-size:9.6px;font-weight:700;border-radius:3px;padding:0 4px;line-height:1.4}.app-photonation .order-thumb.is-active{border-color:#2f5bff}.app-photonation .order-thumb.is-dragging{opacity:.4}.app-photonation .order-thumb.is-drop-target{border-color:#1f3fc9;border-style:dashed}.app-photonation .order-thumb.is-uploading{opacity:.85}.app-photonation .order-thumb.is-empty{border-style:dashed;border-color:#d7dce5;cursor:default}.app-photonation .order-thumb .order-thumb__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.35)}.app-photonation .order-thumb .order-thumb__progress .order-thumb__progress-fill{height:100%;width:0%;background:#2f5bff;transition:width .15s ease}.app-photonation .order-hint{color:#6b7280;font-size:12.8px;line-height:1.5;margin-top:12px}.app-photonation .theme-picker{display:flex;flex-wrap:wrap;gap:12px}.app-photonation .theme-option{display:flex;align-items:center;gap:8px;border:1px solid #d7dce5;border-radius:2px;padding:0;background:#fff;font-size:13.6px;color:#1a1d29}.app-photonation .theme-option.is-selected{border-color:#2f5bff;box-shadow:0 0 0 1px #2f5bff}.app-photonation .theme-option:hover,.app-photonation .theme-option:focus,.app-photonation .theme-option:active{border-style:solid;border-width:1px}.app-photonation .theme-option:hover{background:#f6f8fc}.app-photonation .side-divider{border:none;border-top:1px solid #d7dce5;margin:0}.app-photonation .disabled-note{font-size:12px;color:#6b7280}.modal-overlay-photonation{position:fixed;inset:0;background:rgba(15,17,26,.55);display:flex;align-items:center;justify-content:center;z-index:9000;padding:24px}.crop-modal{background:#2b2e38;color:#fff;border-radius:16px;width:min(920px,100%);height:min(640px,90vh);display:grid;grid-template-columns:1fr 260px;overflow:hidden}@media(max-width: 900px){.crop-modal{grid-template-columns:1fr;grid-template-rows:minmax(0, 1fr) auto;height:min(680px,92vh)}}.crop-modal__stage{background:#1c1e26;position:relative;overflow:hidden;min-height:0;min-width:0}.crop-modal__stage .crop-image{display:block;max-width:100%;max-height:100%}.crop-modal__side{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;min-height:0;overflow-y:auto}.crop-modal__close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.08);color:#fff;border:none;border-radius:6px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;z-index:5}.crop-progress-label{font-weight:700;color:#2f5bff;font-size:15.2px}.crop-progress-bar{display:flex;gap:4px}.crop-progress-bar span{height:4px;flex:1;border-radius:2px;background:rgba(255,255,255,.2)}.crop-progress-bar span.is-done{background:#2f5bff}.crop-instructions{font-size:13.6px;color:rgba(255,255,255,.75);line-height:1.5}.crop-modal__actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;position:sticky;bottom:0;background:#2b2e38;padding-top:12px;padding-bottom:8px}.crop-skip-link{background:none;border:none;color:rgba(255,255,255,.75);text-decoration:underline;font-size:13.6px;padding:0;text-align:left}.crop-footnote{font-size:12px;color:rgba(255,255,255,.5)}.preview-dialog-photonation{border:none;padding:16px;max-height:calc(100vh - 16px);overflow-y:auto;background:#fff;box-shadow:0 16px 48px rgba(0,0,0,.25);scrollbar-width:none;-ms-overflow-style:none}.preview-dialog-photonation::-webkit-scrollbar{display:none;width:0;height:0}.preview-dialog-photonation::backdrop{background:rgba(15,17,26,.55)}.preview-dialog__close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#1a1d29;color:#fff;border:none;border-radius:0;z-index:5}.preview-dialog__close:hover{background:#6b7280}.preview-dialog__grid{display:grid;grid-template-columns:repeat(3, 1fr);aspect-ratio:125/170;gap:.8% !important}.preview-dialog__grid[data-theme=blank]{background-image:none}.preview-dialog__grid[data-theme=blank] .preview-dialog__cell{background-color:var(--custom-color, #2f5bff)}.preview-dialog__grid{max-height:calc(100vh - 140px) !important}.preview-dialog__grid:has(~.preview-dialog__label[hidden]){max-height:calc(100vh - 100px) !important}.preview-dialog__cell{width:100%;padding:var(--pb-pad);aspect-ratio:var(--pb-wrapper-ratio)}.preview-dialog__label{text-align:center;font-size:22.4px;font-weight:700;margin:16px 0}
