@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);.phone-number-notice{background:color-mix(in srgb,var(--brand-50) 65%,#fff);border:1px solid color-mix(in srgb,var(--brand-600) 22%,var(--border-color));border-radius:var(--radius-xs);color:var(--text-secondary);line-height:1.45;margin:0;padding:var(--space-sm) var(--space-md)}.phone-number-confirm-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--content-padding);position:fixed;z-index:120}.phone-number-confirm-modal__overlay{background:#00000073;cursor:pointer;inset:0;position:absolute}.phone-number-confirm-modal__content{background:var(--surface-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-width:400px;padding:var(--space-xl);position:relative;width:100%}.phone-number-confirm-modal__notice,.phone-number-confirm-modal__title{margin-bottom:var(--space-md)}.phone-number-confirm-modal__details{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:var(--space-md);margin:0 0 var(--space-lg);padding:var(--space-md)}.phone-number-confirm-modal__detail{display:flex;flex-direction:column;gap:var(--space-xs)}.phone-number-confirm-modal__detail dd{margin:0}.phone-number-confirm-modal__actions{display:flex;gap:var(--space-md)}.phone-number-confirm-modal__actions .btn{flex:1 1}.phone-number-mismatch-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--content-padding);position:fixed;z-index:220}.phone-number-mismatch-modal__overlay{background:#00000073;cursor:pointer;inset:0;position:absolute}.phone-number-mismatch-modal__content{background:var(--surface-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-width:400px;padding:var(--space-xl);position:relative;width:100%}.phone-number-mismatch-modal__title{margin-bottom:var(--space-md)}.phone-number-mismatch-modal__notice{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 0 var(--space-lg)}.phone-number-mismatch-modal__notice p{margin:0}.phone-number-mismatch-modal__tip{align-items:flex-start;background:var(--surface-muted);border:1px dashed var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);display:flex;gap:var(--space-sm);margin:0 0 var(--space-lg);padding:var(--space-md)}.phone-number-mismatch-modal__tip-icon{color:var(--brand-600);flex-shrink:0;font-size:18px;margin-top:1px}.phone-number-mismatch-modal__tip p{line-height:1.45;margin:0}.phone-number-mismatch-modal__link{color:var(--text-link);text-decoration:underline}.phone-number-mismatch-modal__actions{display:flex;gap:var(--space-md)}.phone-number-mismatch-modal__actions .btn{flex:1 1}.social-links{align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.social-links--collapsible{align-items:flex-end;justify-content:flex-start}.social-links__toggle-wrap{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.social-links__label{text-align:center;white-space:nowrap}.social-links__toggle{align-items:center;background:var(--white);border:0;border-radius:50%;box-shadow:var(--shadow-card);color:var(--brand-600);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:color var(--transition-base),transform .22s ease,background-color var(--transition-base);width:40px}.social-links__toggle:focus-visible,.social-links__toggle:hover{color:var(--brand-700);outline:none}.social-links__toggle-icons{display:grid;height:22px;place-items:center;width:22px}.social-links__toggle-icon{display:block;grid-area:1/1;transform-origin:center;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.social-links__toggle-icon--dots{opacity:1;transform:rotate(0deg) scale(1)}.social-links__toggle-icon--close{opacity:0;transform:rotate(-90deg) scale(.4)}.social-links--open .social-links__toggle-icon--dots{opacity:0;transform:rotate(90deg) scale(.4)}.social-links--open .social-links__toggle-icon--close{opacity:1;transform:rotate(0deg) scale(1)}.social-links__panel{display:grid;grid-template-columns:1fr;min-width:0;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1)}.social-links--collapsible .social-links__panel{grid-template-columns:0fr}.social-links--open .social-links__panel{grid-template-columns:1fr}.social-links__panel-inner{align-items:center;display:flex;gap:var(--space-sm);min-width:0;overflow:hidden}.social-links__link{align-items:center;background:var(--white);border-radius:50%;box-shadow:var(--shadow-card);color:var(--brand-600);display:inline-flex;flex-shrink:0;height:48px;justify-content:center;transition:transform .28s cubic-bezier(.22,1,.36,1),color var(--transition-base),opacity .2s ease;width:48px}.social-links--collapsible .social-links__link{height:40px;opacity:0;pointer-events:none;transform:scale(.55) translateX(-10px);width:40px}.social-links--collapsible .social-links__link svg{height:22px;width:22px}.social-links--open .social-links__link{opacity:1;pointer-events:auto;transform:scale(1) translateX(0)}.social-links--open .social-links__link--instagram{transition-delay:70ms}.social-links--collapsible:not(.social-links--open) .social-links__link--whatsapp{transition-delay:50ms}.social-links__link:focus-visible,.social-links__link:hover{color:var(--brand-700);outline:none;transform:translateY(-1px)}.social-links--open .social-links__link:focus-visible,.social-links--open .social-links__link:hover{transform:translateY(-1px) scale(1)}.customer-onboarding{-webkit-overflow-scrolling:touch;background:var(--page-bg);inset:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:100}.customer-onboarding__container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-xl);justify-content:center;margin:0 auto;max-width:400px;min-height:100dvh;padding:var(--space-xl) var(--content-padding) calc(var(--space-xl) + env(safe-area-inset-bottom, 0));width:100%}.customer-onboarding__logo{height:200px;object-fit:contain;width:200px}.customer-onboarding__card{background:var(--surface-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-xl);width:100%}.customer-onboarding__title{margin-bottom:var(--space-sm)}.customer-onboarding__desc{margin-bottom:var(--space-xl)}.customer-onboarding__form{display:flex;flex-direction:column;gap:var(--space-lg)}.customer-onboarding__field{display:flex;flex-direction:column;gap:var(--space-sm)}.customer-onboarding__input{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:16px;min-height:48px;padding:0 var(--space-md)}.customer-onboarding__input:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px #9660402e;outline:none}.customer-onboarding__error{color:var(--red-600)}.edit-profile-confirm-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--content-padding);position:fixed;z-index:220}.edit-profile-confirm-modal__overlay{background:#00000073;cursor:pointer;inset:0;position:absolute}.edit-profile-confirm-modal__content{background:var(--surface-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-width:400px;padding:var(--space-xl);position:relative;width:100%}.edit-profile-confirm-modal__title{margin-bottom:var(--space-md)}.edit-profile-confirm-modal__notice{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 0 var(--space-lg)}.edit-profile-confirm-modal__notice p{margin:0}.edit-profile-confirm-modal__actions{display:flex;gap:var(--space-md)}.edit-profile-confirm-modal__actions .btn{flex:1 1}.edit-profile-modal{align-items:flex-end;display:flex;inset:0;position:fixed;z-index:200}.edit-profile-modal__overlay{background:#0006;cursor:pointer;inset:0;position:absolute}.edit-profile-modal__content{animation:slideUp .3s ease-out;background:var(--surface-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 16px #0000001a;margin:0 auto;max-width:480px;padding:var(--space-lg) var(--content-padding) calc(var(--content-padding) + env(safe-area-inset-bottom, 0));position:relative;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.edit-profile-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.edit-profile-modal__close{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;width:36px}.edit-profile-modal__form{display:flex;flex-direction:column;gap:var(--space-lg)}.edit-profile-modal__field{display:flex;flex-direction:column;gap:var(--space-sm)}.edit-profile-modal__input{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:16px;min-height:48px;padding:0 var(--space-md)}.edit-profile-modal__input:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px #9660402e;outline:none}.edit-profile-modal__error{color:var(--red-600)}.edit-profile-modal__actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.edit-profile-modal__actions .btn{flex:1 1}.edit-profile-modal__footer{margin-top:var(--space-lg)}.edit-profile-modal__logout{background:#fef2f2;border-color:#fecaca;color:var(--red-600)}.edit-profile-modal__logout:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.kioku-header{background:var(--surface-bg);margin:0 auto;max-width:480px;padding:var(--space-sm) var(--content-padding);width:100%}.kioku-header__content{justify-content:space-between;min-height:56px;position:relative}.kioku-header__brand,.kioku-header__content{align-items:center;display:flex;gap:var(--space-md)}.kioku-header__brand{min-width:0}.kioku-header__logo-wrapper{align-items:center;display:flex;flex-shrink:0;height:56px;justify-content:center;left:50%;overflow:visible;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}.kioku-header__logo{height:56px;object-fit:contain;width:56px}.kioku-header__page-title{color:var(--text-secondary);font-size:14px;font-weight:var(--fw-medium);margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kioku-header__user{align-items:center;background:#0000;border:none;border-radius:var(--radius-xs);cursor:pointer;display:flex;flex-shrink:0;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-base)}.kioku-header__user:hover{background:var(--surface-muted)}.kioku-header__user-icon{color:var(--brand-600);flex-shrink:0;font-size:16px}.kioku-header__user-name{color:var(--text-secondary);font-size:14px;font-weight:var(--fw-medium)}.kioku-header__user-placeholder{flex-shrink:0;height:1px;width:44px}.magnet-app{background:var(--page-bg);min-height:100vh;min-height:100dvh}.magnet-app--home{background:var(--brand-50)}.app-shell{background:var(--surface-bg);display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0 auto;max-width:480px;overflow:hidden}.app-shell--home,.app-shell__content{background:var(--brand-50)}.app-shell__content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.app-shell--home .kioku-header{background:var(--brand-50)}.app-shell__footer{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__item{position:relative}.bottom-nav__badge{align-items:center;background:var(--brand-600);border-radius:999px;color:var(--white);display:flex;font-size:9px;font-weight:var(--fw-bold);height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:0}.home-page{background:var(--brand-50);display:flex;flex:1 0 auto;flex-direction:column;isolation:isolate;min-height:100%;position:relative;width:100%}.home-page:before{background-image:var(--home-bg-image);background-position:top;background-size:cover;content:"";inset:0;opacity:.18;pointer-events:none;position:absolute;z-index:-1}.home-page__center{align-items:center;animation:home-fade-up .48s ease both;display:flex;flex:1 1;flex-direction:column;gap:var(--space-xl);justify-content:center;min-width:0;padding:0 0 var(--space-xl);width:100%}.home-page__social{align-self:flex-start;flex-shrink:0;padding:var(--space-md) var(--content-padding) 0;z-index:1}.home-page .page-action-footer{background:#0000;padding-bottom:var(--space-xl)}.home-page__hero{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--content-padding);text-align:center}.home-page__title{color:var(--brand-900)}.home-page__subtitle{max-width:28ch}.home-page__packages-wrap{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);min-width:0;width:100%}.home-page__packages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-md);max-width:100%;overflow-anchor:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px max(var(--content-padding),(100% - 158px)/2) var(--space-sm);scrollbar-width:none;width:100%}.home-page__packages::-webkit-scrollbar{display:none}.home-page__package{align-items:center;background:var(--white);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-md);min-height:200px;padding:var(--space-lg) var(--space-md);transition:border-color var(--transition-base);width:158px}.home-page__package--selected,.home-page__package:hover{border-color:var(--brand-600)}.home-page__package--selected{background:var(--brand-50)}.home-page__dots{align-items:center;display:flex;gap:8px;justify-content:center;min-height:12px}.home-page__dot{background:color-mix(in srgb,var(--brand-600) 28%,#0000);border:0;border-radius:999px;cursor:pointer;height:7px;padding:0;transition:width .18s ease,background-color .18s ease;width:7px}.home-page__dot--active{background:var(--brand-600);width:18px}.home-page__preview{--preview-size:72px;--preview-gap:2px;box-sizing:border-box;flex-shrink:0;height:var(--preview-size);margin:0;padding:0}.home-page__preview--single{display:grid;width:var(--preview-size)}.home-page__preview--double{--double-cell:calc(var(--preview-size)*0.72);grid-gap:var(--preview-gap);grid-template-columns:repeat(2,var(--double-cell));grid-template-rows:var(--double-cell);width:calc(var(--double-cell)*2 + var(--preview-gap))}.home-page__preview--custom,.home-page__preview--double{align-content:center;display:grid;gap:var(--preview-gap);justify-content:center}.home-page__preview--custom{--custom-cell:calc(var(--preview-size)*0.48);grid-gap:var(--preview-gap);grid-template-columns:repeat(2,var(--custom-cell));grid-template-rows:repeat(2,var(--custom-cell));width:calc(var(--custom-cell)*2 + var(--preview-gap))}.home-page__magnet--plus{border-style:dashed}.home-page__preview--grid{grid-gap:var(--preview-gap)}.home-page__preview--grid,.home-page__preview--mosaic{display:grid;gap:var(--preview-gap);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);width:calc((var(--preview-size) - var(--preview-gap))*3/2 + var(--preview-gap)*2)}.home-page__preview--mosaic{grid-gap:var(--preview-gap);grid-template-columns:repeat(var(--mosaic-cols,3),1fr);grid-template-rows:repeat(var(--mosaic-rows,2),1fr)}.home-page__mosaic-piece{background:color-mix(in srgb,var(--brand-600) 6%,#fff);border:1.5px solid var(--brand-600);box-sizing:border-box;color:var(--brand-600);height:100%;overflow:hidden;position:relative;width:100%}.home-page__mosaic-icon{display:block;height:200%;height:calc(var(--mosaic-rows, 2)*100%);left:0;position:absolute;top:0;transform:translate(0,0);transform:translate(calc(var(--piece-col, 0)*-100%/var(--mosaic-cols, 3)),calc(var(--piece-row, 0)*-100%/var(--mosaic-rows, 2)));width:300%;width:calc(var(--mosaic-cols, 3)*100%)}.home-page__magnet{align-items:center;background:#0000;border:2px solid var(--brand-600);box-sizing:border-box;color:var(--brand-600);display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.home-page__magnet-icon{height:45%;width:45%}.home-page__preview--single .home-page__magnet-icon{height:40%;width:40%}.home-page__package-qty{color:var(--brand-900);font-family:var(--font-sans);font-size:18px;font-weight:var(--fw-medium);letter-spacing:var(--text-letter-spacing);text-align:center}.home-page__package-prices{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:flex-start;margin-top:auto;min-height:calc(2.55em + 2px)}.home-page__package-price{color:var(--brand-600);font-family:var(--font-sans);font-size:18px;font-weight:var(--fw-semibold);letter-spacing:var(--text-letter-spacing);line-height:1.35}.home-page__package-price--original{color:var(--text-tertiary);font-size:14px;font-weight:var(--fw-regular);line-height:1.2;text-decoration:line-through}.home-page__package-price--solo{font-size:18px;line-height:1.2}@keyframes home-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.image-cropper{--crop-guide:#f5e6d4;--crop-guide-ink:#2e2420b8;--product-guide:var(--brand-500);--corner-len:22px;--corner-thick:2.5px;display:flex;flex-direction:column;gap:var(--space-md)}.image-cropper__viewport{--rail-size:24px;background:radial-gradient(circle at 50% 40%,#3a302a 0,#1f1916 72%);box-sizing:border-box;display:flex;flex-direction:column;height:340px;justify-content:center;overflow:hidden;padding-block:var(--rail-size);width:100%}.image-cropper__stage{flex:1 1 auto;min-height:0;position:relative;width:100%}.image-cropper__controls{align-items:center;display:flex;gap:var(--space-md);padding:0}.image-cropper__zoom-label{flex-shrink:0;min-width:32px}.image-cropper__slider{accent-color:var(--brand-600);flex:1 1}.image-cropper__hint{padding:0;text-align:center}.image-cropper__legend{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);justify-content:center}.image-cropper__legend-item{align-items:center;color:var(--zinc-500);display:inline-flex;font-size:12px;gap:6px}.image-cropper__legend-item:before{box-sizing:border-box;content:"";flex-shrink:0;height:16px;width:16px}.image-cropper__legend-item--crop:before{background-color:#0000;background-image:linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0),linear-gradient(var(--crop-guide-ink) 0 0);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%,0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:7px 2px,2px 7px,7px 2px,2px 7px,7px 2px,2px 7px,7px 2px,2px 7px,7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px;border:none;height:18px;width:18px}.image-cropper__legend-item--product:before{border:1.5px dashed color-mix(in srgb,var(--product-guide) 88%,#fff)}.image-cropper__viewport .image-cropper__crop-area{background:linear-gradient(var(--crop-guide) 0 0) 0 0/var(--corner-len) var(--corner-thick) no-repeat,linear-gradient(var(--crop-guide) 0 0) 0 0/var(--corner-thick) var(--corner-len) no-repeat,linear-gradient(var(--crop-guide) 0 0) 100% 0/var(--corner-len) var(--corner-thick) no-repeat,linear-gradient(var(--crop-guide) 0 0) 100% 0/var(--corner-thick) var(--corner-len) no-repeat,linear-gradient(var(--crop-guide) 0 0) 0 100%/var(--corner-len) var(--corner-thick) no-repeat,linear-gradient(var(--crop-guide) 0 0) 0 100%/var(--corner-thick) var(--corner-len) no-repeat,linear-gradient(var(--crop-guide) 0 0) 100% 100%/var(--corner-len) var(--corner-thick) no-repeat,linear-gradient(var(--crop-guide) 0 0) 100% 100%/var(--corner-thick) var(--corner-len) no-repeat;border:none;border-radius:0;box-shadow:none;color:#0000;outline:1px solid color-mix(in srgb,var(--crop-guide) 35%,#0000);outline-offset:-1px;overflow:visible}.image-cropper__viewport .image-cropper__crop-area:before{background:linear-gradient(var(--crop-guide-ink) 0 0) 0 0/var(--corner-len) 1px no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 0 0/1px var(--corner-len) no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 100% 0/var(--corner-len) 1px no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 100% 0/1px var(--corner-len) no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 0 100%/var(--corner-len) 1px no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 0 100%/1px var(--corner-len) no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 100% 100%/var(--corner-len) 1px no-repeat,linear-gradient(var(--crop-guide-ink) 0 0) 100% 100%/1px var(--corner-len) no-repeat;content:"";inset:0;pointer-events:none;position:absolute}.image-cropper__viewport:not(.image-cropper__viewport--mosaic) .image-cropper__crop-area:after{border:1.5px dashed color-mix(in srgb,var(--product-guide) 88%,#fff);box-shadow:0 0 0 1px #2e242047;box-sizing:border-box;content:"";height:83.333%;height:var(--product-guide-size,83.333%);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:83.333%;width:var(--product-guide-size,83.333%)}.image-cropper__viewport--mosaic .image-cropper__crop-area{outline:1px solid color-mix(in srgb,var(--crop-guide) 35%,#0000);outline-offset:-1px}.image-cropper__viewport--mosaic .image-cropper__crop-area:after{background-image:repeating-linear-gradient(to right,#0000 0,#0000 calc(100%/var(--mosaic-cols) - 2px),#282828c7 calc(100%/var(--mosaic-cols) - 2px),#282828c7 calc(100%/var(--mosaic-cols) - 1px),#ffffffe6 calc(100%/var(--mosaic-cols) - 1px),#ffffffe6 calc(100%/var(--mosaic-cols))),repeating-linear-gradient(to bottom,#0000 0,#0000 calc(100%/var(--mosaic-rows) - 2px),#282828c7 calc(100%/var(--mosaic-rows) - 2px),#282828c7 calc(100%/var(--mosaic-rows) - 1px),#ffffffe6 calc(100%/var(--mosaic-rows) - 1px),#ffffffe6 calc(100%/var(--mosaic-rows)));border:1.5px dashed color-mix(in srgb,var(--product-guide) 88%,#fff);box-shadow:0 0 0 1px #2e242047;box-sizing:border-box;content:"";height:100%;height:var(--mosaic-product-height,100%);left:0;left:var(--mosaic-product-left,0);pointer-events:none;position:absolute;top:0;top:var(--mosaic-product-top,0);width:100%;width:var(--mosaic-product-width,100%);z-index:2}.image-cropper__legend-item--mosaic:before{background:linear-gradient(90deg,#0000 32%,#282828d9 0,#282828d9 33%,#fffffff2 0,#fffffff2 34%,#0000 0),linear-gradient(90deg,#0000 65%,#282828d9 0,#282828d9 66%,#fffffff2 0,#fffffff2 67%,#0000 0),linear-gradient(180deg,#0000 48%,#282828d9 0,#282828d9 50%,#fffffff2 0,#fffffff2 52%,#0000 0);border:1.5px dashed color-mix(in srgb,var(--product-guide) 88%,#fff)}.product-image{aspect-ratio:1;background:#f4f4f5;background:var(--surface-muted,#f4f4f5);overflow:hidden;position:relative}.product-image__img{display:block;height:140%;height:calc(100%*var(--frame-to-product-scale, 1.4));left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:140%;width:calc(100%*var(--frame-to-product-scale, 1.4))}.magnet-preview{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.magnet-preview__outer{align-items:center;aspect-ratio:1;background:var(--zinc-200);border-radius:0;box-shadow:0 4px 12px #0000001f,inset 0 0 0 1px var(--zinc-200);display:flex;justify-content:center;position:relative}.magnet-preview--large .magnet-preview__outer{height:220px;width:220px}.magnet-preview--medium .magnet-preview__outer{height:154px;width:154px}.magnet-preview--small .magnet-preview__outer{height:88px;width:88px}.magnet-preview__crop{background:var(--zinc-200);height:75.714%;height:var(--crop-size,75.714%);overflow:hidden;position:relative;width:75.714%;width:var(--crop-size,75.714%)}.magnet-preview__image{display:block;height:100%;object-fit:cover;width:100%}.magnet-preview__empty{align-items:center;background:var(--surface-muted);display:flex;height:100%;justify-content:center;width:100%}.magnet-preview__product-guide{border:1px dashed #ffdc50e6;box-shadow:0 0 0 1px #00000026;height:94.34%;height:var(--product-guide-in-crop,94.34%);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:94.34%;width:var(--product-guide-in-crop,94.34%)}.magnet-preview__shine{background:linear-gradient(135deg,#fff3,#0000 50%,#0000);inset:0;pointer-events:none;position:absolute}.magnet-preview__labels{text-align:center}.magnet-preview__label{letter-spacing:.02em}.magnet-preview__label-sub{margin-top:2px}.magnet-preview__outer--final,.magnet-preview__outer--product{overflow:hidden}.magnet-preview__product-image{height:100%;width:100%}.magnet-preview__image--final{background:var(--zinc-200);display:block;height:100%;object-fit:cover;width:100%}.customize-page{display:flex;flex:1 1;flex-direction:column;padding-bottom:var(--space-xl)}.customize-page__back-row{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--content-padding) 0}.customize-page__package-chip{align-items:center;background:var(--surface-muted);border-radius:var(--radius-sm);display:inline-flex;gap:var(--space-sm);padding:6px 10px}.customize-page__package-price{color:var(--brand-600);font-weight:var(--fw-semibold)}.customize-page__body{flex:1 1;padding:var(--space-lg) var(--content-padding) 0}.customize-page__back-action{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.customize-page__crop-list{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:calc(var(--space-xl) + 72px)}.customize-page__progress{display:flex;flex-direction:column;gap:4px}.customize-page__crop-card{background:var(--surface-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);transition:border-color var(--transition-base)}.customize-page__crop-card--active{border-color:var(--brand-400)}.customize-page__crop-card--done{border-color:var(--brand-600)}.customize-page__crop-card-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.customize-page__crop-card-actions{align-items:center;display:inline-flex;gap:var(--space-sm)}.customize-page__remove-btn{align-items:center;background:#0000;border:0;border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background-color var(--transition-base),color var(--transition-base);width:34px}.customize-page__remove-btn:hover{background:#dc262614;color:var(--red-600)}.customize-page__add-btn{align-items:center;background:var(--surface-muted);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--brand-600);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:112px;padding:var(--space-lg);transition:border-color var(--transition-base),background-color var(--transition-base);width:100%}.customize-page__add-btn:hover{background:var(--brand-50);border-color:var(--brand-400)}.customize-page__upload{gap:var(--space-xl)}.customize-page__upload,.customize-page__upload-zone{align-items:center;display:flex;flex-direction:column}.customize-page__upload-zone{background:var(--surface-muted);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;gap:var(--space-sm);padding:var(--space-xl);transition:border-color var(--transition-base);width:100%}.customize-page__upload-zone:hover{border-color:var(--brand-400)}.customize-page__upload-icon{color:var(--brand-500);font-size:40px}.customize-page__file-input{display:none}.customize-page__preview{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg)}.customize-page__grid-toggle{display:flex;gap:var(--space-sm);justify-content:center}.customize-page__grid-btn{background:var(--white);border:1.5px solid var(--zinc-300);border-radius:999px;color:var(--text-secondary);cursor:pointer;font:inherit;min-width:72px;padding:8px 12px}.customize-page__grid-btn--active{background:color-mix(in srgb,var(--brand-600) 8%,#fff);border-color:var(--brand-600);color:var(--brand-600)}.customize-page__mosaic-board{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--mosaic-cols,3),minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-template-rows:repeat(var(--mosaic-rows,2),auto);margin:0 auto;width:min(100%,280px)}.customize-page__mosaic-cell{display:block;min-width:0}.customize-page__mosaic-cell .magnet-preview{gap:0;width:100%}.customize-page__mosaic-cell .magnet-preview__outer,.customize-page__mosaic-cell .magnet-preview__outer--product{height:auto!important;width:100%!important}.customize-page__remove-link{background:none;border:0;color:var(--text-tertiary);cursor:pointer;display:block;margin-top:var(--space-sm);padding:0;text-align:center;text-decoration:underline;width:100%}.customize-page__error{color:var(--red-600);margin-top:var(--space-md);text-align:center}.customize-page__expand{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:240px;padding:var(--space-xl) 0}.customize-page__expand-icon{animation:expand-pulse 1.5s ease-in-out infinite;color:var(--brand-500);font-size:48px}@keyframes expand-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.customize-page__upload-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf5f0d1;cursor:wait;display:flex;inset:0;justify-content:center;padding:var(--content-padding);pointer-events:all;position:fixed;z-index:1000}.customize-page__upload-overlay-card{align-items:center;background:var(--surface-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);text-align:center;width:min(100%,280px)}.customize-page__upload-overlay-icon{animation:expand-pulse 1.5s ease-in-out infinite;color:var(--brand-600);font-size:40px}.orders-page{display:flex;flex-direction:column;min-height:100%;padding-bottom:var(--space-xl);width:100%}.orders-page__empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-lg);justify-content:center;padding:var(--space-xl)}.orders-page__empty-icon{color:var(--zinc-300);font-size:64px}.orders-page__toolbar{padding:var(--space-lg) var(--content-padding) var(--space-md)}.orders-page__list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;margin:0;padding:0 var(--content-padding)}.orders-page__item{align-items:center;background:var(--surface-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);text-align:left;transition:border-color var(--transition-base),background-color var(--transition-base);width:100%}.orders-page__item:hover{background:var(--brand-50);border-color:var(--brand-400)}.orders-page__thumb{align-items:center;background:var(--surface-muted);border-radius:var(--radius-xs);color:var(--text-tertiary);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.orders-page__thumb--mosaic{grid-gap:1px;background:var(--zinc-300);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--mosaic-cols,3),1fr);grid-template-rows:repeat(2,1fr);grid-template-rows:repeat(var(--mosaic-rows,2),1fr);padding:1px}.orders-page__thumb-mosaic-tile,.orders-page__thumb-product{height:100%;width:100%}.orders-page__thumb-mosaic-tile{min-height:0;min-width:0}.orders-page__thumb-img,.orders-page__thumb-mosaic-img{height:100%;object-fit:cover;width:100%}.orders-page__thumb-mosaic-img{background:var(--surface-muted);display:block}.orders-page__meta{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.orders-page__meta-top{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.orders-page__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);min-width:0}.orders-page__package{color:var(--brand-900);font-size:20px;font-weight:var(--fw-medium);line-height:1.2}.orders-page__package,.orders-page__price{font-family:var(--font-sans);letter-spacing:var(--text-letter-spacing)}.orders-page__price{color:var(--brand-600);font-size:15px;font-weight:var(--fw-semibold)}.orders-page__remark{background:color-mix(in srgb,var(--brand-100) 80%,#fff);border:1px solid color-mix(in srgb,var(--brand-600) 22%,var(--border-color));border-radius:999px;color:var(--brand-700);flex-shrink:0;font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--text-letter-spacing);line-height:1.4;padding:2px 8px}.orders-page__remark--pending{background:#fff7ed;border-color:#fdba74;color:#c2410c}.orders-page__remark--paid{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.orders-page__remark--completed{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.orders-page__remark--cancelled{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.orders-page__chevron{color:var(--text-tertiary);flex-shrink:0}.orders-page__detail-header{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--content-padding) 0}.orders-page__back{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.orders-page__detail-title{align-items:center;display:flex;flex:1 1;gap:var(--space-md);justify-content:space-between;min-width:0}.orders-page__detail-sub{padding:var(--space-sm) var(--content-padding) var(--space-lg)}.orders-page__grid{flex-wrap:wrap;list-style:none;margin:0}.orders-page__grid,.orders-page__mosaic-wrap{display:flex;gap:var(--space-md);padding:0 var(--content-padding)}.orders-page__mosaic-wrap{align-items:center;flex-direction:column}.orders-page__mosaic-board{grid-gap:3px;background:var(--zinc-300);border-radius:var(--radius-sm);box-shadow:0 4px 14px #00000014;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--mosaic-cols,3),minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-template-rows:repeat(var(--mosaic-rows,2),auto);padding:3px;width:min(100%,360px)}.orders-page__mosaic-tile{aspect-ratio:1;background:var(--surface-muted);overflow:hidden}.orders-page__mosaic-product{height:100%;width:100%}.orders-page__mosaic-img{display:block;height:100%;object-fit:cover;width:100%}.orders-page__mosaic-caption{text-align:center}.orders-page__card{align-items:center;background:var(--surface-muted);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;padding:var(--space-md);width:calc((100% - var(--space-md))/2)}.orders-page__date{text-align:center;width:100%}.vault-page{-webkit-overflow-scrolling:touch;background:#f7f3ef;color:#2e2420;font-family:Patrick Hand,Segoe UI,sans-serif;height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:24px 20px 96px}.vault-page__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.vault-page__eyebrow{color:#8a7568;font-size:13px;letter-spacing:.08em;margin:0;text-transform:uppercase}.vault-page__title{color:#5c4033;font-size:34px;line-height:1.1;margin:4px 0 0}.vault-page__sub{color:#7a6558;font-size:15px;margin:6px 0 0}.vault-page__crumbs{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:18px}.vault-page__back{align-items:center;background:#fff;border:1.5px solid #e4d5c5;border-radius:999px;color:#5c4033;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin-right:4px;width:36px}.vault-page__back:hover{border-color:#c49060;color:#966040}.vault-page__crumb{background:#0000;border:0;color:#966040;cursor:pointer;font:inherit;padding:0}.vault-page__section{margin-top:22px}.vault-page__section-title{align-items:baseline;color:#5c4033;display:flex;flex-wrap:wrap;font-size:18px;gap:8px 12px;margin:0 0 10px}.vault-page__hint{color:#9a8678;font-size:13px;font-weight:400}.vault-page__toolbar{background:#fff;border:1.5px solid #e4d5c5;border-radius:12px;container-name:vault-toolbar;container-type:inline-size;display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px}.vault-page__toolbar-filters{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:10px 12px}@container vault-toolbar (max-width: 960px){.vault-page__toolbar-filters{align-items:stretch;flex-direction:column;gap:10px}.vault-page__toolbar-field{flex:none;min-width:0;width:100%}.vault-page__toolbar-control{width:100%}}.vault-page__toolbar-field--search{min-width:0;width:100%}.vault-page__toolbar-control{background:#faf7f3;border:1.5px solid #e4d5c5;border-radius:8px;box-sizing:border-box;color:#2e2420;font:inherit;line-height:1.25;min-height:37px;padding:8px 10px;width:100%}.vault-page__toolbar-search{align-items:center;display:flex;gap:8px}.vault-page__toolbar-icon{color:#9a8678;flex-shrink:0}.vault-page__toolbar-input{background:#0000;border:0;color:inherit;flex:1 1;font:inherit;line-height:inherit;margin:0;min-width:0;outline:none;padding:0}.vault-page__toolbar-input::placeholder{color:#b5a498}.vault-page__toolbar-field{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.vault-page__toolbar-label{color:#8a7568;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.vault-page__toolbar-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a8678' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:28px}.vault-page__toolbar-meta{color:#9a8678;font-size:13px;margin:0}.vault-page__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:16px}.vault-page__page-btn{align-items:center;background:#fff;border:1.5px solid #e4d5c5;border-radius:8px;color:#5c4033;cursor:pointer;display:inline-flex;font:inherit;height:36px;justify-content:center;min-width:36px;padding:0 8px}.vault-page__page-btn:hover:not(:disabled){border-color:#c49060;color:#966040}.vault-page__page-btn.is-active{background:#c49060;border-color:#c49060;color:#fff}.vault-page__page-btn:disabled{cursor:default;opacity:.4}.vault-page__page-ellipsis{color:#9a8678;padding:0 4px}.vault-page__empty,.vault-page__status{color:#8a7568;margin:0}.vault-page__error{background:#fde8e8;border-radius:10px;color:#a12b2b;margin:0 0 12px;padding:10px 12px}.vault-page__file-list,.vault-page__folder-list,.vault-page__image-grid{list-style:none;margin:0;padding:0}.vault-page__folder-list{display:flex;flex-direction:column;gap:8px}.vault-page__folder-node{container-name:vault-folder;container-type:inline-size;list-style:none}.vault-page__folder-node .vault-page__folder-list{margin-top:8px}.vault-page__folder-row{align-items:center;background:#fff;border:1.5px solid #e4d5c5;border-radius:12px;display:flex;gap:12px;padding:12px 14px}@container vault-folder (max-width: 640px){.vault-page__folder-row{align-items:stretch;flex-direction:column}.vault-page__folder-status{min-width:0;width:100%}}.vault-page__folder{grid-gap:10px;align-items:center;background:#0000;border:0;cursor:pointer;display:grid;flex:1 1;gap:10px;grid-template-columns:auto auto 1fr auto;min-width:0;padding:0;text-align:left;width:auto}.vault-page__folder-status{align-items:center;display:flex;flex-shrink:0;min-width:108px}.vault-page__folder-status-select{background:#faf7f3;border:1px solid #e4d5c5;border-radius:8px;color:#5c4033;cursor:pointer;font:inherit;font-size:14px;padding:6px 8px;width:100%}.vault-page__folder-status-select:disabled{cursor:not-allowed;opacity:.6}.vault-page__folder-node.is-open>.vault-page__folder-row{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#c49060}.vault-page__folder-caret{color:#9a8678;flex-shrink:0}.vault-page__folder-icon{color:#c49060;font-size:22px}.vault-page__folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-page__folder-body{background:#faf7f3;border:1.5px solid #e4d5c5;border-radius:0 0 12px 12px;border-top:0;margin-left:0;margin-left:calc(var(--depth, 0)*12px);padding:12px}.vault-page__folder-node.is-open>.vault-page__folder-body{border-color:#c49060}.vault-page__meta{color:#9a8678;font-size:13px;margin-right:16px}.vault-page__image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.vault-page__image-card{background:#fff;border:1.5px solid #e4d5c5;border-radius:12px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.vault-page__image-card.is-selected{border-color:#c49060;box-shadow:0 0 0 1px #c49060}.vault-page__image-card.is-disabled{opacity:.55}.vault-page__image-frame{position:relative}.vault-page__image-btn{aspect-ratio:1;background:#efe6dc;border:0;cursor:pointer;display:block;padding:0;position:relative;width:100%}.vault-page__image{display:block;height:100%;object-fit:cover;width:100%}.vault-page__check{background:#2e242059;border:2px solid #ffffffe6;border-radius:999px;color:#fff;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:600;height:24px;left:8px;line-height:20px;position:absolute;text-align:center;top:8px;width:24px}.vault-page__check.is-on{background:#c49060;border-color:#c49060}.vault-page__view{align-items:center;background:#ffffffe0;border:0;border-radius:999px;color:#5c4033;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:8px;top:8px;width:30px}.vault-page__view:hover{background:#fff;color:#966040}.vault-page__dock{align-items:center;background:#2e2420;border-radius:16px;bottom:20px;box-shadow:0 12px 32px #2e242047;color:#f5ebe0;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;left:50%;padding:12px 14px;position:fixed;transform:translateX(-50%);width:min(520px,100vw - 32px);z-index:40}.vault-page__dock-info{align-items:baseline;display:flex;font-size:14px;gap:8px}.vault-page__dock-info strong{color:#f0c9a0;font-size:18px}.vault-page__dock-actions{align-items:center;display:flex;gap:8px}.vault-page__dock-clear{background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#f5ebe0;cursor:pointer;padding:8px 12px}.vault-page__dock-export{align-items:center;background:#c49060;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:8px 14px}.vault-page__dock-clear:disabled,.vault-page__dock-export:disabled{cursor:default;opacity:.55}.vault-page__image-meta{display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px}.vault-page__image-name{font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-page__link{color:#966040;font-size:12px;text-decoration:none}.vault-page__file-list{display:flex;flex-direction:column;gap:8px}.vault-page__file-row{grid-gap:10px;align-items:center;background:#fff;border:1.5px solid #e4d5c5;border-radius:12px;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px}.vault-page__lightbox{align-items:center;background:#140e0ad1;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.vault-page__lightbox-img{background:#111;border-radius:8px;max-height:78vh;max-width:min(96vw,900px);object-fit:contain}.vault-page__lightbox-caption{color:#f5ebe0;margin:0}.vault-page__lightbox-close{align-items:center;background:#ffffff1f;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px}.vault-preview{-webkit-overflow-scrolling:touch;background:#f7f3ef;color:#2e2420;font-family:Patrick Hand,Segoe UI,sans-serif;inset:0;overflow-y:auto;padding:20px 16px 40px;position:fixed;z-index:60}.vault-preview__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto 18px;max-width:520px}.vault-preview__back,.vault-preview__download{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:8px 14px}.vault-preview__back{background:#fff;border:1.5px solid #e4d5c5;color:#5c4033}.vault-preview__download{background:#c49060;border:0;color:#fff}.vault-preview__back:disabled,.vault-preview__download:disabled{cursor:default;opacity:.55}.vault-preview__eyebrow{color:#8a7568;font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.vault-preview__title{color:#5c4033;font-size:28px;line-height:1.1;margin:2px 0 0}.vault-preview__sub{color:#7a6558;font-size:14px;margin:4px 0 0}.vault-preview__error{background:#fde8e8;border-radius:10px;color:#a12b2b;margin:0 auto 12px;max-width:520px;padding:10px 12px}.vault-preview__sheet{background:#fff;border:1.5px solid #e4d5c5;border-radius:8px;box-shadow:0 10px 28px #2e242014;margin:0 auto;max-width:420px;padding:10px 16px 14px}.vault-preview__grid{grid-gap:12px 16px;align-content:start;aspect-ratio:210/297;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr}.vault-preview__slot{aspect-ratio:1;background:#f3ebe3;border:1.5px dashed #d2bfae;border-radius:8px;color:inherit;cursor:grab;font:inherit;overflow:hidden;padding:0;position:relative}.vault-preview__slot:not(.has-image){cursor:default}.vault-preview__slot.has-image{background:#efe6dc;border-color:#e4d5c5;border-style:solid}.vault-preview__slot.is-picked{outline:2px solid #c49060;outline-offset:2px}.vault-preview__slot.is-over{background:#f6e8d8;border-color:#c49060}.vault-preview__slot.is-dragging{opacity:.45}.vault-preview__slot-index{background:#2e24208c;border-radius:999px;color:#fff;font-family:Segoe UI,sans-serif;font-size:12px;font-weight:600;height:22px;left:6px;line-height:22px;position:absolute;text-align:center;top:6px;width:22px;z-index:1}.vault-preview__img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.vault-preview__empty{align-items:center;color:#9a8678;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.vault-preview__meta{color:#9a8678;font-size:13px;margin:12px 0 0;text-align:center}:root{--brand-50:#fdf8f4;--brand-100:#f5e6d4;--brand-200:#e8cba8;--brand-400:#c49060;--brand-500:#b07848;--brand-600:#966040;--brand-700:#7a4c30;--brand-900:#4a2c18;--navy-primary:#2e2420;--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--white:#fff;--blue-600:#2563eb;--green-700:#16a34a;--amber-600:#d97706;--red-600:#dc2626;--text-primary:var(--zinc-900);--text-secondary:var(--zinc-600);--text-tertiary:var(--zinc-400);--text-inverse:var(--zinc-50);--text-brand:var(--brand-600);--text-link:var(--blue-600);--page-bg:#faf5f0;--surface-bg:var(--white);--surface-muted:var(--zinc-100);--border-color:var(--zinc-200);--content-padding:16px;--font-sans:"Patrick Hand","Open Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-letter-spacing:0.05em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 10px 30px #18181b0f;--transition-base:150ms ease;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--btn-font-size:13px;--btn-font-weight:var(--fw-semibold);--btn-disabled-bg:#c4c4c4;--btn-disabled-text:var(--white);--color-bg:var(--page-bg);--color-surface:var(--surface-bg);--color-border:var(--border-color);--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-brand-600:var(--brand-600)}body{background:#faf5f0;background:var(--page-bg);color:#18181b;color:var(--text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-brand{color:var(--text-brand)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}.text,h1,h2,h3,h4,h5,h6,p{color:var(--text-primary);font-family:var(--font-sans);letter-spacing:var(--text-letter-spacing)}.text{color:var(--text-color,var(--text-primary));font-size:inherit;font-size:var(--text-size,inherit);font-weight:inherit;font-weight:var(--text-weight,inherit);line-height:inherit;line-height:var(--text-line-height,inherit)}.text--display{--text-size:32px;--text-weight:var(--fw-medium);--text-line-height:1.25}.text--h1,h1{--text-size:20px;--text-weight:var(--fw-medium);--text-line-height:1.3}.text--h1,.text--h3,h1,h3{font-size:var(--text-size);font-weight:var(--text-weight);line-height:var(--text-line-height)}.text--h3,h3{--text-size:17px;--text-weight:var(--fw-medium);--text-line-height:1.35}.text--section{--text-size:14px;--text-weight:var(--fw-semibold);--text-line-height:1.4}.text--body{--text-size:13px;--text-weight:var(--fw-regular);--text-line-height:1.5}.text--body-semibold{--text-size:13px;--text-weight:var(--fw-semibold);--text-line-height:1.5}.text--label{--text-size:11px;--text-weight:var(--fw-semibold);--text-line-height:1.4}.text--caption{--text-size:11px;--text-weight:var(--fw-regular);--text-line-height:1.4}.text--secondary{--text-color:var(--text-secondary)}.text--tertiary{--text-color:var(--text-tertiary)}.text--brand{--text-color:var(--text-brand)}.text--inverse{--text-color:var(--text-inverse)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:8px;justify-content:center;line-height:1.5;min-height:48px;padding:0 20px;transition:background-color var(--transition-base),border-color var(--transition-base)}.btn--primary{background:var(--brand-600);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--brand-700)}.btn--secondary{background:var(--zinc-100);color:var(--text-primary)}.btn--tertiary{background:var(--white);border-color:var(--border-color);color:var(--text-primary)}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.btn--block{width:100%}.btn--pill{border-radius:999px}.page-header{align-items:center;background:var(--brand-50);display:flex;flex-shrink:0;gap:14px;padding:var(--space-lg) var(--content-padding);position:-webkit-sticky;position:sticky;top:0;z-index:20}.page-header__action{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.page-header__title{min-width:0}.page-action-footer{background:var(--brand-50);flex-shrink:0;padding:var(--space-xl) var(--content-padding) 0}.bottom-nav{align-items:stretch;background:var(--surface-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px var(--content-padding) 4px}.bottom-nav__item{align-items:center;background:#0000;border:0;color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:var(--fw-semibold);gap:2px;padding:6px 12px;text-decoration:none}.bottom-nav__item--active{color:var(--brand-600)}.bottom-nav__icon{font-size:22px}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;overscroll-behavior-y:none}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);letter-spacing:var(--text-letter-spacing);overflow:hidden}button,input,select,textarea{font-family:inherit;letter-spacing:inherit}input,select,textarea{font-size:16px}a{color:var(--text-link);text-decoration:none}
/*# sourceMappingURL=main.3e4f2d22.css.map*/