.preview-update-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;color:#243d2e}.preview-update-card{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100% - 36px));min-height:64px;padding:12px 17px 12px 12px;background:#fffef8f2;backdrop-filter:blur(14px);border:1px solid #dbe3d5;border-radius:12px;box-shadow:0 5px 24px #1c342312;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .22s ease;visibility:hidden}.preview-update-layer[data-active=true] .preview-update-card{opacity:1;transform:translateY(0);visibility:visible}.preview-update-icon{height:36px;width:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eaf0e3;color:#45683b}.preview-update-layer[data-state=loading] .preview-update-icon>svg{animation:preview-update-spin 1.1s linear infinite}.preview-update-copy{display:grid;gap:4px;min-width:0}.preview-update-copy>span{font:10px/1.3 Arial,sans-serif;color:#6c7b61;letter-spacing:.025em}.preview-update-copy>strong{font:500 13px/1.4 Arial,sans-serif;overflow-wrap:anywhere;color:#233b2b}.preview-update-swatch{height:28px;width:28px;border-radius:50%;border:1px solid #20372a20;position:relative;box-shadow:inset 0 0 0 3px #ffffff50}.preview-update-swatch>svg{position:absolute;right:-5px;bottom:-3px;border-radius:50%;background:#2c4b32;color:white;width:17px;height:17px;padding:2px;border:2px solid #fffef8}.preview-update-layer[data-state=error] .preview-update-icon{background:#f5ead9;color:#856137}.preview-update-card>button{pointer-events:auto;height:38px;width:38px;flex:none;display:grid;place-items:center;border:1px solid #d6dccf;border-radius:8px}.preview-update-card>button:focus-visible{outline:2px solid #557b48;outline-offset:3px}.preview-update-dot{width:8px;height:8px;border-radius:50%;background:#64805a}@keyframes preview-update-spin{to{transform:rotate(1turn)}}@media(max-width:760px){.preview-update-card{top:52px;left:8px;max-width:min(260px,calc(100% - 16px));min-height:43px;padding:7px 11px 7px 8px;gap:8px;border-radius:9px;box-shadow:0 3px 14px #1c34230e}.preview-update-icon{width:28px;height:28px}.preview-update-icon>svg{width:16px;height:16px}.preview-update-copy{gap:2px}.preview-update-copy>span{font-size:9px}.preview-update-copy>strong{font-size:11px;line-height:1.3}.preview-update-swatch{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.preview-update-card{transition:none;transform:none}.preview-update-icon>svg{animation:none!important}}.preview-update-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-preview-motion=true]>:is(.component-photo-viewport,.component-photo-canvas,.stable-interior,canvas,img[data-preview-image]){transition:filter .2s ease}[data-preview-motion=true][aria-busy=true]>:is(.component-photo-viewport,.component-photo-canvas,.stable-interior,canvas,img[data-preview-image]){filter:blur(2px)}.preview-motion{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;isolation:isolate}.preview-motion canvas.preview-motion-previous{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:none!important;opacity:0;pointer-events:none;z-index:0}.preview-motion-light{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .26s ease}.preview-motion-light>span{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 38%,#ffffff08 44%,#ffffff46 49%,#ffffff0a 54%,transparent 61%);transform:translateX(-110%)}.preview-motion[data-state=loading] .preview-motion-light{animation:preview-light-appear .24s .14s both}.preview-motion[data-state=loading] .preview-motion-light>span{animation:preview-light-pass 2.4s cubic-bezier(.4,0,.2,1) .14s infinite;will-change:transform}.preview-motion-ring{position:absolute;right:max(20px,calc((100% - 480px)/2));bottom:20px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #ffffffb3;background:#ffffff26;backdrop-filter:blur(8px);box-shadow:0 2px 12px #20382b0e,inset 0 1px 0 #ffffff9e;opacity:0;transition:opacity .16s ease}.preview-motion-ring>i{display:block;width:19px;height:19px;border-radius:50%;border-color:#426151b3 #ffffffd9 #20382b24 #20382b24;border-style:solid;border-width:1px}.preview-motion[data-state=loading] .preview-motion-ring{animation:preview-light-appear .26s .42s both}.preview-motion[data-state=loading] .preview-motion-ring>i{animation:preview-ring-turn 1.6s linear infinite}@keyframes preview-light-appear{0%{opacity:0}to{opacity:1}}@keyframes preview-light-pass{0%{transform:translateX(-110%)}85%,to{transform:translateX(110%)}}@keyframes preview-ring-turn{to{transform:rotate(1turn)}}@media(max-width:760px){.preview-motion-ring{width:26px;height:26px;right:76px;bottom:14px}.preview-motion-ring>i{width:16px;height:16px}}[data-preview-size=small]{position:relative;isolation:isolate}[data-preview-size=small]>.preview-motion{border-radius:inherit}[data-preview-size=small]>.preview-motion .preview-motion-ring{width:20px;height:20px;right:7px;bottom:7px;backdrop-filter:blur(4px)}[data-preview-size=small]>.preview-motion .preview-motion-ring>i{position:static;inset:auto;display:block;width:12px;height:12px;background:transparent}.preview-image{position:relative;min-height:0;overflow:hidden;background:#eeeee8;border-radius:inherit}.preview-image,.preview-image>img{display:block;width:100%;height:100%}.preview-image>img{object-fit:cover}.preview-image-unavailable{position:absolute;inset:0;display:grid;place-items:center;color:#788171}.monogram-font-options .preview-image{width:100px;max-width:100%;height:46px;background:transparent}.monogram-font-options .preview-image>img{object-fit:contain}@media(max-width:760px){[data-mobile-atelier] .monogram-font-options .preview-image{height:22px}}@media(prefers-reduced-motion:reduce){[data-preview-motion=true]>:is(.component-photo-viewport,.component-photo-canvas,.stable-interior,canvas,img[data-preview-image]){filter:none!important;transition:none!important}.preview-motion-light{display:none}.preview-motion .preview-motion-ring,.preview-motion .preview-motion-ring>i{animation:none!important;transition:none}.preview-motion[data-state=loading] .preview-motion-ring{opacity:.7}.preview-motion canvas.preview-motion-previous{display:none!important}}