.pp-config-body{margin:0;background:var(--pp-bg);color:var(--pp-fg);font-family:var(--pp-font-body);min-height:100vh;min-height:100dvh;overflow-x:hidden}[x-cloak]{display:none!important}.pp-config-app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;--pp-config-header-h: 60px}.pp-config-app__inner{display:flex;flex-direction:column;flex:1;min-height:100vh;min-height:100dvh}.pp-config-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pp-space-3);padding:var(--pp-space-3) var(--pp-gutter);border-bottom:1px solid color-mix(in oklab,var(--pp-fg) 8%,transparent);background:var(--pp-bg);position:sticky;top:0;z-index:10}.pp-config-header__brand{display:inline-flex;align-items:center;color:var(--pp-fg);border:0}.pp-config-header__status{font-size:var(--pp-size-small);color:var(--pp-fg-muted)}.pp-config-header__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--pp-radius-pill);background:var(--pp-surface-warm);color:var(--pp-fg);font-size:1.25rem;cursor:pointer}.pp-config-header__close:hover{background:var(--pp-fg);color:var(--pp-bg-elevated)}.pp-config-entry{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pp-space-6) var(--pp-gutter);text-align:center;gap:var(--pp-space-4)}.pp-config-entry__occasion-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--pp-space-2);max-width:640px;margin-bottom:var(--pp-space-3)}.pp-config-entry__occasion-row__eyebrow{width:100%;text-transform:uppercase;letter-spacing:.2em;font-size:var(--pp-size-small);color:var(--pp-fg-muted);font-weight:600;margin-bottom:var(--pp-space-2)}.pp-config-entry-chip{background:var(--pp-surface-warm);color:var(--pp-fg);border:0;padding:.5rem 1rem;border-radius:var(--pp-radius-pill);font:inherit;font-size:var(--pp-size-small);font-weight:500;cursor:pointer}.pp-config-entry-chip[aria-pressed=true]{background:var(--pp-fg);color:var(--pp-bg-elevated)}.pp-config-entry__cta{width:144px;height:144px;border-radius:50%;background:var(--pp-magic);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;font-size:4rem;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 24px 60px #d710572e;transition:background var(--pp-dur-fast) var(--pp-ease-out),transform var(--pp-dur-fast) var(--pp-ease-out)}.pp-config-entry__cta:hover{background:var(--pp-magic-hover)}.pp-config-entry__cta:active{transform:scale(.97)}.pp-config-entry__cta-label{font-family:var(--pp-font-display);font-size:1.25rem;color:var(--pp-fg);margin-top:0}.pp-config-entry__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.pp-config-entry__caption{color:var(--pp-fg-muted);font-style:italic;font-size:var(--pp-size-small);max-width:36ch}.pp-config-builder{flex:1;display:flex;flex-direction:column;min-height:0}.pp-config-preview{background:var(--pp-surface-soft);padding:var(--pp-space-4) var(--pp-gutter);display:flex;align-items:center;justify-content:center;position:relative}.pp-config-preview .pp-card-anim{max-width:280px}.pp-config-preview__canvas{display:block;width:100%;height:100%;min-height:400px}.pp-config-preview__toggle{position:absolute;bottom:var(--pp-space-4);left:50%;transform:translate(-50%);background:var(--pp-fg);color:var(--pp-bg);border:none;border-radius:999px;padding:var(--pp-space-2) var(--pp-space-5);font:inherit;font-size:.875rem;cursor:pointer;transition:opacity .15s ease}.pp-config-preview__toggle:hover{opacity:.85}.pp-config-tabs{background:var(--pp-bg);border-top:1px solid color-mix(in oklab,var(--pp-fg) 8%,transparent);display:flex;flex-direction:column;flex:1;min-height:0}.pp-config-tabbar{display:flex;gap:4px;padding:var(--pp-space-3) var(--pp-gutter);overflow-x:auto;scrollbar-width:none}.pp-config-tabbar::-webkit-scrollbar{display:none}.pp-config-tabbar__btn{flex:0 0 auto;padding:.5rem 1rem;background:transparent;border:0;border-radius:var(--pp-radius-pill);color:var(--pp-fg-muted);font-family:var(--pp-font-body);font-weight:500;font-size:var(--pp-size-small);cursor:pointer;transition:background var(--pp-dur-fast) var(--pp-ease-out),color var(--pp-dur-fast) var(--pp-ease-out)}.pp-config-tabbar__btn[aria-pressed=true]{background:var(--pp-fg);color:var(--pp-bg-elevated)}.pp-config-tabbar__btn--valid:after{content:" \2713";color:var(--pp-magic)}.pp-config-tabbar__btn[aria-pressed=true].pp-config-tabbar__btn--valid:after{color:var(--pp-bg-elevated)}.pp-config-tabpanel{padding:var(--pp-space-3) var(--pp-gutter) var(--pp-space-7);overflow-y:auto;flex:1;min-height:0}.pp-photos{display:grid;gap:var(--pp-space-3)}.pp-photos__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pp-space-3)}.pp-photos__slot{aspect-ratio:1 / 1;background:var(--pp-surface-soft);border-radius:var(--pp-radius-md);overflow:hidden;position:relative}.pp-photos__slot img{width:100%;height:100%;object-fit:cover}.pp-photos__slot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--pp-fg-muted);font-size:var(--pp-size-small)}.pp-photos__row{display:grid;gap:var(--pp-space-3);background:var(--pp-surface-warm);border-radius:var(--pp-radius-md);padding:var(--pp-space-3)}.pp-photos__row-head{display:flex;align-items:center;gap:var(--pp-space-3)}.pp-photos__row-head img{width:48px;height:48px;border-radius:var(--pp-radius-sm);object-fit:cover}.pp-photos__row-head-label{font-family:var(--pp-font-display);font-size:1rem}.pp-photos__row-fields{display:grid;gap:var(--pp-space-2)}.pp-photos__row-fields input{padding:.625rem .875rem;border:1px solid color-mix(in oklab,var(--pp-fg) 12%,transparent);border-radius:var(--pp-radius-sm);background:var(--pp-bg-elevated);font:inherit}.pp-photos__replace{display:inline-flex;align-items:center;justify-content:center;margin:var(--pp-space-3) auto 0}.pp-photos__replace-label{font-family:var(--pp-font-body);font-weight:500;font-size:var(--pp-size-small);color:var(--pp-fg);border-bottom:1px solid currentColor;cursor:pointer}.pp-words{display:grid;gap:var(--pp-space-3)}.pp-words__row{display:grid;gap:var(--pp-space-2);padding:var(--pp-space-3);background:var(--pp-surface-warm);border-radius:var(--pp-radius-md)}.pp-words__row input{padding:.625rem .875rem;border:1px solid color-mix(in oklab,var(--pp-fg) 12%,transparent);border-radius:var(--pp-radius-sm);background:var(--pp-bg-elevated);font-family:var(--pp-font-display);font-weight:400;font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.pp-words__words{display:flex;gap:4px;flex-wrap:wrap}.pp-words__word{background:var(--pp-bg-elevated);padding:4px 8px;border-radius:var(--pp-radius-sm);border:1px solid transparent;font-family:var(--pp-font-display);font-size:.875rem;cursor:pointer}.pp-words__word[aria-pressed=true]{border-color:var(--pp-magic)}.pp-words__colors{display:flex;gap:var(--pp-space-2);align-items:center;justify-content:center}.pp-words__swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer}.pp-words__swatch[aria-pressed=true]{border-color:var(--pp-fg)}.pp-note{display:grid;gap:var(--pp-space-2)}.pp-note textarea{width:100%;min-height:200px;padding:var(--pp-space-3);border:1px solid color-mix(in oklab,var(--pp-fg) 12%,transparent);border-radius:var(--pp-radius-md);background:var(--pp-bg-elevated);font-family:var(--pp-font-hand);font-size:1.25rem;line-height:1.4;color:var(--pp-fg);resize:vertical}.pp-note__count{font-size:var(--pp-size-small);color:var(--pp-fg-muted);text-align:right}.pp-note__count--bad{color:var(--pp-magic-hover);font-weight:600}.pp-send{display:grid;gap:var(--pp-space-3)}.pp-send__row{display:grid;gap:var(--pp-space-2)}.pp-send__row--double{grid-template-columns:1fr 1fr;gap:var(--pp-space-3)}.pp-send__row label{font-size:var(--pp-size-small);color:var(--pp-fg-muted);font-weight:500}.pp-send__row input{padding:.75rem 1rem;border:1px solid color-mix(in oklab,var(--pp-fg) 12%,transparent);border-radius:var(--pp-radius-md);background:var(--pp-bg-elevated);font:inherit}.pp-config-cta{flex-shrink:0;padding:var(--pp-space-3) var(--pp-gutter);padding-bottom:calc(var(--pp-space-3) + env(safe-area-inset-bottom));background:var(--pp-bg);border-top:1px solid color-mix(in oklab,var(--pp-fg) 8%,transparent)}.pp-config-cta__btn{width:100%;justify-content:center}.pp-config-cta__btn:disabled{opacity:.5;cursor:not-allowed}.pp-config-cta .pp-submit-error{margin-top:var(--pp-space-2);text-align:center}.pp-config-unavailable{padding:var(--pp-space-7) var(--pp-gutter);text-align:center;max-width:640px;margin:0 auto}.pp-config-unavailable__inner h1{margin:0 0 var(--pp-space-3)}.pp-config-unavailable__inner p{color:var(--pp-fg-muted);margin:0 0 var(--pp-space-5)}@media(min-width:1024px){.pp-config-builder{flex-direction:row}.pp-config-preview{flex:1;align-self:stretch;position:sticky;top:var(--pp-config-header-h);height:calc(100vh - var(--pp-config-header-h));height:calc(100dvh - var(--pp-config-header-h))}.pp-config-preview .pp-card-anim{max-width:360px}.pp-config-tabs{flex:1;border-top:0;border-left:1px solid color-mix(in oklab,var(--pp-fg) 8%,transparent)}}.pp-builder-stage{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;background:#fbf9f9}.pp-builder-stage__canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.pp-builder-stage__canvas{display:block;width:100%;height:100%;max-width:720px;max-height:60vh}.pp-builder-panels{display:block;padding:1rem 1.25rem;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.pp-builder-panel{display:block}.pp-builder-panel__inner{display:flex;flex-direction:column;gap:1rem}.pp-builder-panel__h{font-family:var(--pp-font-display, "DM Serif Display"),serif;font-size:clamp(1.25rem,4vw,1.5rem);margin:0}.pp-builder-panel__sub{font-size:.9375rem;color:#0f0f0f99;margin:0;line-height:1.4}.pp-builder-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.pp-builder-field__label{font-size:.8125rem;color:#0f0f0f99;font-weight:500}.pp-builder-field__input{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.625rem;font:inherit;font-size:1rem;box-sizing:border-box;box-shadow:0 1px 2px #00000005}.pp-builder-field__input:focus{outline:none;border-color:var(--pp-magic, #D71057);box-shadow:0 0 0 3px #d710571f}.pp-builder-field__input--big{font-family:var(--pp-font-display, "DM Serif Display"),serif;font-size:1.25rem}.pp-builder-field__input--note{resize:vertical;min-height:6rem;line-height:1.4}.pp-builder-field__hint{position:absolute;right:.5rem;bottom:.5rem;font-size:.75rem;color:#0f0f0f66;pointer-events:none}.pp-builder-front-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;background:#fff;border:1px dashed rgba(0,0,0,.15);border-radius:.75rem;text-align:center}.pp-builder-front-preview__illustration{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.pp-builder-front-preview__illustration-placeholder{font-size:2.5rem}.pp-builder-front-preview__wordmark{font-family:var(--pp-font-display, "DM Serif Display"),serif;font-weight:400;letter-spacing:.08em;font-size:1rem;color:var(--pp-fg, #0f0f0f)}.pp-builder-front-preview__for{font-size:.875rem;color:#0f0f0f99}.pp-builder-front-preview__for span:last-child{font-weight:500;color:var(--pp-fg, #0f0f0f);margin-left:.25rem}.pp-builder-photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:720px){.pp-builder-photos-grid{grid-template-columns:repeat(4,1fr)}}.pp-builder-photos-grid__item{display:flex;flex-direction:column;gap:.5rem}.pp-builder-photos-grid__tile{aspect-ratio:1 / 1;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pp-builder-photos-grid__tile img{width:100%;height:100%;object-fit:cover;display:block}.pp-builder-send-form{display:flex;flex-direction:column;gap:.875rem}.pp-builder-send-form__row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem}.pp-builder-field--sm{flex:0 0 auto}.pp-builder-send-form__cta{margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600}.pp-builder-send-form__cta:disabled{opacity:.4;cursor:not-allowed}.pp-builder-send-form__error{margin:0;color:#b00020;font-size:.875rem}.pp-builder-toolbar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;padding:.375rem;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px;box-shadow:0 4px 12px #0000000f,0 12px 30px #00000014;z-index:20;max-width:calc(100vw - 2rem);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.pp-builder-toolbar::-webkit-scrollbar{display:none}.pp-builder-toolbar__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:999px;color:#0f0f0f99;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.pp-builder-toolbar__btn:hover{color:var(--pp-fg, #0f0f0f);background:#0000000a}.pp-builder-toolbar__btn--active{background:#0f0f0f;color:#fff}.pp-builder-toolbar__btn--active:hover{background:#0f0f0f}.pp-builder-toolbar__btn--send{background:var(--pp-magic, #D71057);color:#fff}.pp-builder-toolbar__btn--send:hover{background:#b60c48}.pp-builder-toolbar__btn svg{display:block}.pp-builder-toolbar__sep{display:inline-block;width:1px;height:20px;background:#00000014;margin:0 .25rem}.pp-builder-panels{padding-bottom:6rem}@media(max-width:480px){.pp-builder-toolbar{left:0;right:0;bottom:0;transform:none;max-width:100vw;border-radius:0;justify-content:space-around;box-shadow:0 -4px 12px #0000000f}.pp-builder-toolbar__btn{padding:.75rem .5rem;font-size:.75rem;flex-direction:column;gap:.125rem}.pp-builder-toolbar__sep{display:none}.pp-builder-panels{padding-bottom:8rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/configurator.css.map */