:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0b3048;--color-secondary:#63c7bd;--color-secondary-dark:#24998f;--color-accent-pink:#e83d8c;--color-accent-yellow:#ffe22e;--color-accent-purple:#7564b8;--color-success:#2fa99d;--color-background:#fbf9f3;--color-surface:#fff;--color-soft:#eef8f6;--color-soft-warm:#fff8df;--color-border:#d9e6e2;--color-text:#26343d;--color-muted:#65737b;--color-danger:#c93636;--shadow-card:0 12px 34px #0b30481f;--shadow-button:0 4px 14px #0b304838;--button-bg:var(--color-primary);--button-bg-hover:#123d5b}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;height:100vh;margin:0 auto}.welcome-screen{background:#fff;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:clamp(18px,4vw,48px);display:flex}.welcome-content{text-align:center;justify-items:center;width:min(100%,980px);padding:0;animation:.5s ease-out slideUp;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-logo{width:100%;margin-bottom:clamp(20px,4vh,36px)}.brand-logo{object-fit:contain;width:min(86vw,860px);height:auto;max-height:58vh;margin:0 auto;display:block}.welcome-screen h1{width:min(100%,500px);color:var(--color-text);margin-bottom:12px;font-size:42px;font-weight:700}.welcome-tagline{width:min(100%,500px);color:var(--color-text);margin-bottom:10px;font-size:18px;line-height:1.35}.local-note{width:min(100%,500px);color:var(--color-accent-pink);margin-bottom:18px;font-size:14px;font-weight:700}.price-list{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,500px);margin-bottom:20px;display:grid}.price-item{background:var(--color-soft);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:12px;font-size:13px}.price-item span,.price-item strong{display:block}.price-item strong{color:var(--color-primary);margin-top:4px;font-size:18px}.promotion-card{border:2px solid #e83d8c47;border-left:6px solid var(--color-accent-pink);width:min(100%,500px);color:var(--color-text);text-align:left;background:linear-gradient(135deg,#fff9e7 0%,#fff1f7 100%);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:14px;margin:0 0 26px;padding:18px 18px 18px 16px;display:grid;box-shadow:0 8px 20px #0b30481a}.promotion-icon{background:var(--color-accent-pink);width:42px;height:42px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.promotion-copy h2{color:var(--color-primary);margin-bottom:6px;font-size:21px;line-height:1.2}.promotion-copy p{color:#51452c;font-size:15px;font-weight:700;line-height:1.45}.welcome-options{gap:12px;width:min(100%,500px);margin:0 0 22px;display:grid}.welcome-option-card{background:var(--color-surface);border:2px solid var(--color-border);width:100%;color:var(--color-text);text-align:left;border-radius:8px;gap:5px;padding:16px;display:grid;box-shadow:0 6px 18px #0b304814}.welcome-option-card:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.welcome-option-card span{color:var(--color-primary);font-size:18px;font-weight:800;line-height:1.2}.welcome-option-card small{color:var(--color-muted);font-size:14px;font-weight:700;line-height:1.3}.feature p{color:var(--color-muted);font-size:12px}.cta-button{background:var(--button-bg);width:100%;color:var(--color-surface);box-shadow:var(--shadow-button);border-radius:12px;padding:16px 32px;font-size:18px;font-weight:700;transition:all .3s}.cta-button:hover{background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 18px #0b304847}.settings-link{color:var(--color-muted);margin-top:14px;font-size:12px;text-decoration:underline;display:inline-block}@media (width<=640px){.welcome-content{padding:0}.welcome-screen h1{font-size:32px}.welcome-tagline{font-size:16px}.brand-logo{width:min(90vw,520px);max-height:52vh}.price-list{grid-template-columns:1fr}}.magnet-type-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.type-content{text-align:center;background:var(--color-surface);width:100%;max-width:600px;box-shadow:var(--shadow-card);border-radius:20px;padding:40px 20px;animation:.5s ease-out slideUp}.type-content h1{color:var(--color-text);margin-bottom:10px;font-size:36px}.subtitle{color:var(--color-muted);margin-bottom:40px;font-size:16px}.type-options{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;display:grid}.type-option{background:var(--color-soft);border:2px solid var(--color-border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;min-height:292px;padding:20px;transition:all .3s;display:flex}.type-option:hover{border-color:var(--color-secondary-dark);background:#f3fbf9;transform:translateY(-4px);box-shadow:0 8px 20px #0b30481f}.type-preview{justify-content:center;align-items:center;width:100%;height:136px;margin-bottom:15px;display:flex}.round-preview{background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;width:136px;height:136px;padding:20px}.circle{background:var(--color-secondary);border:6px solid var(--color-primary);border-radius:50%;width:80px;height:80px;box-shadow:inset 0 0 0 10px #ffffff59}.rectangle-preview{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;width:136px;height:148px;padding:18px 20px}.rectangle-shape{background:var(--color-secondary);border:6px solid var(--color-primary);border-radius:4px;width:68px;height:100px;box-shadow:inset 0 0 0 10px #ffffff59}.type-option h2{color:var(--color-text);justify-content:center;align-items:center;min-height:48px;margin-bottom:8px;font-size:20px;display:flex}.type-option p{color:#7b878e;min-height:36px;font-size:13px;line-height:1.35}@media (width<=640px){.type-content{max-width:420px;padding:30px 20px}.type-content h1{font-size:28px}.type-options{grid-template-columns:1fr}.type-option{width:100%;min-height:252px}.type-preview{margin-bottom:12px}.round-preview,.rectangle-preview{max-width:136px}}.upload-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.upload-content{text-align:center;background:var(--color-surface);max-width:500px;box-shadow:var(--shadow-card);border-radius:20px;padding:40px 20px;animation:.5s ease-out slideUp}.upload-content h1{color:var(--color-text);margin-bottom:10px;font-size:36px}.upload-content .subtitle{color:var(--color-muted);margin-bottom:30px;font-size:16px}.upload-area{border:2px dashed var(--color-primary);background:#63c7bd14;border-radius:16px;margin-bottom:30px;padding:40px 20px;transition:all .3s}.upload-area:hover{border-color:var(--color-secondary-dark);background:#63c7bd24}.upload-icon{border:3px solid var(--color-primary);background:var(--color-surface);border-radius:8px;width:64px;height:50px;margin:0 auto 15px;position:relative}.upload-icon:before{content:"";border:3px solid var(--color-primary);background:var(--color-surface);border-bottom:0;border-radius:6px 6px 0 0;width:24px;height:12px;position:absolute;top:-10px;left:18px}.upload-icon:after{content:"";border:3px solid var(--color-primary);background:var(--color-soft);border-radius:50%;width:18px;height:18px;position:absolute;top:13px;left:20px}.upload-icon{margin-bottom:15px}.upload-text{color:var(--color-muted);margin-bottom:20px;font-size:16px}.upload-button{background:var(--button-bg);color:var(--color-surface);border-radius:10px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0b304838}.upload-button:hover{background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b304847}.upload-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.hidden-input{display:none}.upload-error{border-left:4px solid var(--color-danger);color:#8a1f16;text-align:left;background:#fdecea;border-radius:8px;margin-bottom:18px;padding:12px;font-size:14px;font-weight:600}.upload-tips{text-align:left;background:var(--color-soft);border-left:4px solid var(--color-primary);border-radius:12px;padding:20px}.upload-tips h3{color:var(--color-text);margin-bottom:12px;font-size:16px}.upload-tips ul{padding:0;list-style:none}.upload-tips li{color:var(--color-muted);padding:6px 0 6px 20px;font-size:14px;position:relative}.upload-tips li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}@media (width<=640px){.upload-content{padding:30px 20px}.upload-content h1{font-size:28px}.upload-icon{font-size:50px}.upload-area{padding:30px 15px}}.adjust-photo-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.adjust-content{text-align:center;background:var(--color-surface);width:100%;max-width:700px;box-shadow:var(--shadow-card);border-radius:20px;max-height:95vh;padding:30px 20px;animation:.5s ease-out slideUp;overflow-y:auto}.adjust-content h1{color:var(--color-text);margin-bottom:10px;font-size:36px}.adjust-content .subtitle{color:var(--color-muted);margin-bottom:25px;font-size:16px}.cropper-container{border:2px solid var(--color-border);background:#f4f6f5;border-radius:12px;width:100%;height:350px;margin-bottom:20px;position:relative;overflow:hidden}.warning-message{background:var(--color-soft-warm);border-left:4px solid var(--color-accent-yellow);color:#6c5520;border-radius:8px;margin-bottom:20px;padding:15px;font-size:14px}.warning-message p{margin:0}.zoom-controls{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.zoom-controls label{color:var(--color-muted);font-size:14px;font-weight:600}.zoom-slider{background:var(--color-border);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--button-bg);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0b304838}.zoom-slider::-moz-range-thumb{background:var(--button-bg);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0b304838}.preview-info{background:var(--color-soft);border:2px solid var(--color-soft);border-radius:12px;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px;padding:20px;display:flex}.preview-box{width:min(var(--preview-width), 100%);aspect-ratio:var(--preview-aspect-ratio);background:var(--color-surface);border:2px solid var(--color-primary);flex:none;position:relative;overflow:hidden;box-shadow:0 4px 12px #0b30481f}.preview-loading{width:100%;height:100%;color:var(--color-muted);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.preview-label{color:var(--color-muted);font-size:13px;font-weight:500}.next-button{background:var(--button-bg);color:var(--color-surface);border-radius:10px;flex:1;max-width:200px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0b304838}.next-button:hover:not(:disabled){background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b304847}.next-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.adjust-content{padding:20px 15px}.adjust-content h1{font-size:28px}.cropper-container{height:280px}.preview-box{width:min(var(--preview-width), 200px, 100%)}.next-button{max-width:100%}}.order-details-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.details-content{text-align:center;background:var(--color-surface);width:100%;max-width:500px;box-shadow:var(--shadow-card);border-radius:20px;max-height:95vh;padding:30px 20px;animation:.5s ease-out slideUp;overflow-y:auto}.details-content h1{color:var(--color-text);margin-bottom:10px;font-size:36px}.details-content .subtitle{color:var(--color-muted);margin-bottom:25px;font-size:16px}.customer-form{text-align:left;margin-bottom:16px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:var(--color-text);text-align:left;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid var(--color-border);border-radius:8px;padding:12px;font-family:inherit;font-size:16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #63c7bd2e}.form-group input.error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);text-align:left;margin-top:6px;font-size:12px}.notes-input{resize:vertical;min-height:80px}.details-payment-note{margin-bottom:18px}.quantity-selector{border:2px solid var(--color-border);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.quantity-selector input{text-align:center;border:none;flex:1;padding:10px;font-size:16px;font-weight:600}.quantity-selector input:focus{outline:none;box-shadow:inset 0 0 0 2px #0b30481f}.qty-btn{background:var(--color-soft);color:var(--color-primary);cursor:pointer;border:none;padding:10px 15px;font-size:20px;font-weight:600;transition:all .2s}.qty-btn:hover{background:#dff3ef}.qty-btn:active{transform:scale(.95)}.next-button{background:var(--button-bg);width:100%;color:var(--color-surface);border-radius:10px;padding:14px 24px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0b304838}.next-button:hover{background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b304847}@media (width<=640px){.details-content{padding:20px 15px}.details-content h1{font-size:28px}.form-row{grid-template-columns:1fr}}.review-order-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.review-content{text-align:center;background:var(--color-surface);width:100%;max-width:500px;box-shadow:var(--shadow-card);border-radius:20px;max-height:95vh;padding:30px 20px;animation:.5s ease-out slideUp;overflow-y:auto}.review-content h1{color:var(--color-text);margin-bottom:8px;font-size:36px}.review-content .subtitle{color:var(--color-muted);margin-bottom:25px;font-size:14px}.preview-section{text-align:center;border-bottom:2px solid var(--color-soft);margin-bottom:30px;padding-bottom:25px}.preview-section h2{color:var(--color-muted);margin-bottom:15px;font-size:18px;font-weight:600}.order-preview{width:min(var(--preview-width), 100%);aspect-ratio:var(--preview-aspect-ratio);background:var(--color-surface);border:3px solid var(--color-primary);flex:none;margin:0 auto 12px;overflow:hidden;box-shadow:0 6px 16px #0b304824}.magnet-info{text-align:left;background:var(--color-soft);border-radius:8px;margin-top:12px;padding:12px}.magnet-type{color:var(--color-muted);margin-bottom:8px;font-size:14px;font-weight:500}.magnet-type strong{color:var(--color-text)}.preview-note{color:var(--color-primary);margin:0;font-size:13px;font-weight:500}.payment-confirmation-note{background:var(--color-soft-warm);color:#51452c;text-align:left;border:1px solid #eadfbf;border-radius:10px;margin:-8px 0 18px;padding:12px;font-size:13px;line-height:1.45}.review-promotion-note{background:var(--color-soft-warm);color:#51452c;text-align:left;border:1px solid #eadfbf;border-radius:10px;margin:-8px 0 18px;padding:12px;font-size:13px;font-weight:700;line-height:1.45}.order-summary{text-align:left;background:var(--color-soft);border-left:4px solid var(--color-primary);border-radius:12px;margin-bottom:25px;padding:20px}.summary-item .value{color:var(--color-text);text-align:right;flex:1;margin-left:12px;font-weight:600}.summary-item.total-item{font-size:15px}.summary-item.total-item .label,.summary-item.total-item .value{color:var(--color-primary);font-weight:800}.action-buttons{justify-content:space-between;gap:12px;display:flex}.submit-error{border-left:4px solid var(--color-danger);color:#8a1f16;text-align:left;background:#fdecea;border-radius:8px;margin-bottom:18px;padding:12px;font-size:14px;font-weight:600}.order-verification{justify-content:center;min-height:65px;margin:0 0 18px;display:flex}.turnstile-widget{min-width:300px;min-height:65px}.verification-warning{color:#8a1f16;margin:0;font-size:14px;font-weight:600}.back-button{color:var(--color-text);border:2px solid var(--color-border);background:#f4f6f5;border-radius:10px;flex:1;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #0000001a}.back-button:disabled,.submit-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.submit-button{background:var(--button-bg);color:var(--color-surface);border-radius:10px;flex:1;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0b304838}.submit-button:hover:not(:disabled){background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b304847}@media (width<=640px){.review-content{padding:20px 15px}.review-content h1{font-size:28px}.preview-section{margin-bottom:20px;padding-bottom:20px}.order-preview{width:min(var(--preview-width), 180px, 100%);margin:0 auto 12px}.action-buttons{flex-direction:column}.back-button,.submit-button{width:100%}}.order-submitted-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.submitted-content{text-align:center;background:var(--color-surface);max-width:500px;box-shadow:var(--shadow-card);border-radius:20px;padding:40px 20px;animation:.5s ease-out slideUp}.success-icon{background:var(--color-success);width:80px;height:80px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 25px;font-size:48px;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.submitted-content h1{color:var(--color-text);margin-bottom:12px;font-size:36px}.confirmation-message{color:var(--color-muted);margin-bottom:30px;font-size:18px;font-weight:500}.order-summary{background:var(--color-soft);border-left:4px solid var(--color-primary);text-align:left;border-radius:12px;margin-bottom:25px;padding:20px}.order-summary h2{color:var(--color-text);text-align:center;margin-bottom:15px;font-size:16px;font-weight:600}.submitted-preview-wrap{justify-content:center;margin-bottom:18px;display:flex}.submitted-preview{width:min(var(--preview-width), 100%);aspect-ratio:var(--preview-aspect-ratio);background:var(--color-surface);border:2px solid var(--color-primary);flex:none;overflow:hidden;box-shadow:0 4px 12px #0b30481f}.submitted-preview img{object-fit:cover;width:100%;height:100%;display:block}.stored-image-note{color:var(--color-muted);text-align:center;margin-bottom:18px;font-size:13px;line-height:1.4}.summary-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.summary-item:last-child{border-bottom:none}.summary-item .label{color:var(--color-muted);font-weight:500}.summary-item .value{color:var(--color-text);font-weight:600}.order-id{background:var(--color-soft);border-radius:4px;padding:4px 8px;font-family:Courier New,monospace}.next-steps{text-align:left;background:var(--color-surface);border:2px dashed var(--color-primary);border-radius:12px;margin-bottom:25px;padding:20px}.next-steps h3{color:var(--color-text);text-align:center;margin-bottom:12px;font-size:16px;font-weight:600}.next-steps ul{padding:0;list-style:none}.next-steps li{color:var(--color-muted);padding:8px 0 8px 24px;font-size:14px;position:relative}.next-steps li:before{content:"→";color:var(--color-primary);font-weight:700;position:absolute;left:4px}.restart-button{background:var(--button-bg);width:100%;color:var(--color-surface);border-radius:10px;padding:14px 24px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0b304838}.restart-button:hover{background:var(--button-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b304847}@media (width<=640px){.submitted-content{padding:30px 20px}.submitted-content h1{font-size:28px}.confirmation-message{font-size:16px}.order-summary{padding:15px}.summary-item{padding:10px 0;font-size:13px}}.magnet-preview{width:100%}.magnet-preview-face{aspect-ratio:1;background:var(--color-surface);overflow:hidden}.magnet-preview-face img{object-fit:cover;width:100%;height:100%;display:block}.magnet-preview-detail{max-width:680px;margin:0 auto}.settings-screen{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.settings-content{background:var(--color-surface);width:100%;max-width:1080px;box-shadow:var(--shadow-card);border-radius:14px;padding:30px 20px;animation:.5s ease-out slideUp}.settings-content h1{color:var(--color-text);text-align:center;margin-bottom:8px;font-size:36px}.settings-form{text-align:left}.settings-form .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-form .form-group{flex-direction:column;margin-bottom:20px;display:flex}.settings-form .form-group label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600}.settings-form .form-group input,.settings-form .form-group select,.settings-form .form-group textarea{border:2px solid var(--color-border);border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:16px}.settings-form .form-group input:focus,.settings-form .form-group select:focus,.settings-form .form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #63c7bd2e}.settings-form textarea{resize:vertical;min-height:96px}.settings-toggle{color:var(--color-text);align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.settings-toggle input{width:18px;height:18px}.settings-error,.settings-success,.settings-warning{border-radius:8px;margin-bottom:18px;padding:12px;font-size:14px;font-weight:600}.settings-error{border-left:4px solid var(--color-danger);color:#8a1f16;background:#fdecea}.settings-success{background:var(--color-soft);border-left:4px solid var(--color-success);color:var(--color-primary)}.settings-warning{background:var(--color-soft-warm);border-left:4px solid var(--color-accent-yellow);color:#51452c}.settings-admin{gap:24px;display:grid}.settings-section{border-top:1px solid var(--color-border);text-align:left;padding-top:22px}.settings-section h2{color:var(--color-text);margin-bottom:16px;font-size:24px}.settings-section h3{color:var(--color-text);margin-bottom:16px;font-size:18px}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.settings-section-header h2{margin-bottom:4px}.settings-section-header p{color:var(--color-muted);margin:0;font-size:14px}.settings-actions{justify-content:flex-end;display:flex}.template-count{background:var(--color-soft);color:var(--color-primary);border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.template-number-banner{background:var(--color-soft);color:var(--color-text);border:1px solid #63c7bd59;border-radius:8px;margin-bottom:18px;padding:12px;font-size:15px}.template-admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.template-admin-workflow{gap:14px;display:grid}.template-panel{border:1px solid var(--color-border);border-radius:8px;padding:18px}.upload-template-panel{border-color:#63c7bd73;box-shadow:0 8px 22px #0b304814}.category-management-wrap{gap:12px;display:grid}.manage-categories-button{background:var(--color-surface);border:2px solid var(--color-border);width:fit-content;color:var(--color-primary);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:800;display:inline-flex}.manage-categories-button:hover{border-color:var(--color-secondary)}.category-management-panel{background:#fbfdfc}.template-toggle{align-self:center;margin-bottom:20px}.template-toggle-row{flex-wrap:wrap;gap:18px;display:flex}.category-list{border-top:1px solid var(--color-border);gap:10px;margin-top:18px;padding-top:16px;display:grid}.category-list p{color:var(--color-muted);margin:0}.category-reorder-help{color:var(--color-muted);margin:18px 0 0;font-size:13px;font-weight:700;line-height:1.35}.category-row{background:var(--color-soft);touch-action:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;display:flex}.category-row.is-dragging{background:#63c7bd2e;box-shadow:0 6px 18px #0b30481f}.category-drag-handle,.category-edit-button,.danger-icon-button{border:2px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.category-edit-button{background:var(--color-surface);color:var(--color-primary);width:auto;padding:0 12px;font-size:13px;font-weight:800}.category-drag-handle{background:var(--color-surface);color:var(--color-primary);cursor:grab;letter-spacing:0;font-size:21px;font-weight:900;line-height:1}.category-drag-handle:active{cursor:grabbing}.danger-icon-button{color:var(--color-danger);background:#fdecea;margin-left:auto;font-size:18px;font-weight:900}.category-row-main{gap:2px;min-width:0;display:grid}.category-row-main span{color:var(--color-text);overflow-wrap:anywhere;font-weight:700}.category-row-main small{color:var(--color-muted)}.template-library-toolbar{justify-content:flex-end;gap:14px;margin-top:22px;display:flex}.template-library-toolbar .form-group{width:100%;max-width:260px}.template-library-view-control{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:8px;width:min(100%,390px);display:grid}.template-library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:6px;display:grid}.template-library-grid-large{grid-template-columns:1fr}.template-library-grid-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.template-library-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.template-reorder-help{color:var(--color-muted);margin:12px 0 0;font-size:13px;font-weight:700;line-height:1.35}.empty-template-library{background:var(--color-soft);color:var(--color-muted);text-align:center;border-radius:8px;grid-column:1/-1;padding:18px}.template-card{border:1px solid var(--color-border);border-radius:8px;position:relative;overflow:hidden}.template-card.is-dragging{border-color:var(--color-primary);box-shadow:0 10px 24px #0b304829}.template-drag-handle{border:2px solid var(--color-border);color:var(--color-primary);cursor:grab;letter-spacing:0;touch-action:none;z-index:2;background:#fffffff0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:21px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:10px;left:10px}.template-drag-handle:active{cursor:grabbing}.template-card>img{aspect-ratio:1;background:var(--color-soft);object-fit:cover;width:100%;display:block}.template-card-body{gap:10px;padding:14px;display:grid}.template-card-heading,.template-status-row,.template-card-toggles{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.template-card-heading strong{color:var(--color-primary);font-size:15px}.template-card-heading span,.status-pill{background:var(--color-soft);color:var(--color-muted);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.template-card h3{color:var(--color-text);margin:0;font-size:18px}.template-card p{color:var(--color-muted);margin:0;font-size:14px}.status-pill.is-visible{color:var(--color-primary);background:#63c7bd2e}.status-pill.is-featured{background:var(--color-soft-warm);color:#51452c}.template-card-toggles{justify-content:flex-start}.template-card-toggles label{color:var(--color-text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.template-card-toggles input{width:16px;height:16px}.template-delete-button,.danger-button{background:var(--color-danger);color:#fff}.template-delete-button{width:100%;padding:10px 12px;font-size:13px;font-weight:800}.template-delete-button:hover,.danger-button:hover{background:#b53b30}.settings-exit-actions{border-top:1px solid var(--color-border);padding-top:22px}.settings-modal-backdrop{z-index:2000;background:#0b304861;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-surface);border-radius:8px;width:min(100%,440px);padding:20px;box-shadow:0 20px 48px #0b304847}.settings-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.settings-modal-header h3{margin:0}.modal-close-button{background:var(--color-soft);width:38px;height:38px;color:var(--color-primary);padding:0;font-size:24px;line-height:1}.settings-modal-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.delete-confirmation-copy{color:var(--color-text);gap:8px;margin-bottom:18px;display:grid}.delete-confirmation-copy p{margin:0}.delete-choice-group{gap:12px;margin-bottom:20px;display:grid}.delete-choice-group label{border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-size:14px;font-weight:700;display:flex}.delete-choice-group input{flex:none;margin-top:2px}@media (width<=640px){.settings-screen{align-items:flex-start;padding-top:16px}.settings-content{padding:24px 15px}.settings-content h1{font-size:28px}.settings-form .form-row{grid-template-columns:1fr;gap:0}.settings-section-header,.category-row,.template-library-toolbar{flex-direction:column;align-items:stretch}.template-admin-grid{grid-template-columns:1fr}.template-library-view-control{grid-template-columns:1fr;width:100%}.template-library-grid{gap:12px}.template-library-grid-large{grid-template-columns:1fr}.template-library-grid-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.template-library-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.manage-categories-button{width:100%}.settings-actions{justify-content:stretch}.settings-actions .next-button,.template-panel .next-button{width:100%}.category-row{grid-template-columns:40px minmax(0,1fr) auto 40px;display:grid}.settings-modal{max-height:calc(100dvh - 36px);overflow-y:auto}.settings-modal-actions{grid-template-columns:1fr}}.ready-made-screen{width:100%;min-height:100dvh;padding:24px}.ready-made-content{width:min(100%,1120px);margin:0 auto}.ready-made-header{grid-template-columns:auto 1fr auto;align-items:start;gap:18px;margin-bottom:22px;display:grid}.ready-made-header h1{color:var(--color-primary);margin-bottom:8px;font-size:36px;line-height:1.1}.ready-made-header p{color:var(--color-muted);font-size:17px;font-weight:700;line-height:1.35}.ready-made-browse-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.ready-made-title-block{gap:6px;display:grid}.ready-back-link{width:fit-content;box-shadow:none;color:var(--color-muted);text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:800}.ready-back-link:hover,.ready-back-link:active{color:var(--color-primary);transform:none}.ready-back-button{width:auto;min-width:96px}.ready-detail-content .ready-made-header{grid-template-columns:1fr}.ready-cart-button,.ready-primary-button,.ready-secondary-button,.ready-gallery-back-button{border-radius:8px;padding:13px 16px;font-size:15px;font-weight:800}.ready-cart-button,.ready-primary-button{background:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-button)}.ready-cart-button:hover:not(:disabled),.ready-primary-button:hover:not(:disabled){background:var(--button-bg-hover)}.ready-secondary-button{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text)}.ready-secondary-button:hover:not(:disabled){border-color:var(--color-secondary)}.ready-gallery-back-button{color:var(--color-primary);text-align:left;background:0 0;border:2px solid #0000;padding-left:0}.ready-gallery-back-button:hover{color:var(--color-secondary-dark)}.category-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-chip{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800}.filter-chip:hover,.filter-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.gallery-view-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.gallery-view-button{background:var(--color-surface);border:2px solid var(--color-border);min-width:0;color:var(--color-text);border-radius:8px;padding:11px 10px;font-size:14px;font-weight:800;line-height:1.2}.gallery-view-button:hover,.gallery-view-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.template-placeholder-message,.ready-made-message{background:var(--color-soft);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:15px;font-weight:700}.template-placeholder-message{background:var(--color-soft-warm);border-color:#eadfbf}.ready-made-message.is-error{color:var(--color-danger);background:#fff0f0;border-color:#c9363659}.template-section{margin-top:24px}.ready-bottom-navigation{justify-content:center;margin-top:32px;padding-bottom:12px;display:flex}.ready-bottom-back-button{min-width:min(100%,260px)}.template-section h2{color:var(--color-primary);margin-bottom:14px;font-size:24px;line-height:1.2}.ready-template-grid{gap:20px;display:grid}.ready-template-grid-large{grid-template-columns:1fr}.ready-template-grid-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.ready-template-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-template-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:8px;overflow:hidden}.ready-template-button{background:0 0;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative}.ready-template-button:hover{transform:none}.template-number,.featured-badge{color:var(--color-surface);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:900;line-height:1;position:absolute;left:10px}.template-number{background:#0b3048e0;top:10px}.featured-badge{background:#e83d8ceb;bottom:10px}.ready-template-body{padding:12px}.ready-template-body h3{color:var(--color-text);margin-bottom:5px;font-size:16px;line-height:1.25}.ready-template-body p{color:var(--color-muted);font-size:13px;font-weight:800}.shape-badge{background:var(--color-soft);border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);border-radius:999px;align-items:center;margin-top:10px;padding:7px 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.ready-template-card-round .shape-badge{color:var(--color-accent-pink);background:#fff1f7;border-color:#e83d8c3d}.ready-detail-content,.ready-review-content,.ready-customer-content,.ready-confirmation-content{width:min(100%,900px)}.ready-customer-content,.ready-confirmation-content{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:8px;padding:24px}.ready-template-detail{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:28px;display:grid}.ready-template-product-stage{box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;padding:0}.ready-template-product-stage p{color:var(--color-primary);margin-top:22px;font-size:15px;font-weight:900;line-height:1.35}.ready-template-detail-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:8px;gap:16px;padding:18px;display:grid}.detail-template-number{color:var(--color-accent-pink);font-size:14px;font-weight:900}.ready-template-detail-panel h2{color:var(--color-primary);font-size:26px;line-height:1.15}.detail-quantity-control{gap:8px;display:grid}.detail-quantity-control>span{color:var(--color-text);font-size:14px;font-weight:900}.cart-quantity-controls{grid-template-columns:42px minmax(36px,auto) 42px;align-items:center;gap:8px;display:grid}.cart-quantity-controls button{background:var(--color-soft);border:2px solid var(--color-border);width:42px;height:42px;color:var(--color-primary);border-radius:8px;padding:0;font-size:20px;font-weight:900}.cart-quantity-controls span{min-width:36px;color:var(--color-text);text-align:center;font-size:18px;font-weight:900}.ready-order-list{gap:12px;margin-bottom:20px;display:grid}.ready-order-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:104px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid;box-shadow:0 8px 20px #0b304814}.ready-order-row .ready-order-preview{width:104px}.ready-order-row strong{color:var(--color-text);font-size:16px;line-height:1.25;display:block}.ready-order-row span{color:var(--color-muted);margin-top:4px;font-size:13px;font-weight:800;display:block}.remove-template-button{color:var(--color-danger);background:#fff0f0;border:1px solid #c9363640;padding:10px 12px;font-size:14px;font-weight:800}.ready-order-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.ready-customer-form{gap:2px;margin-bottom:20px;display:grid}.ready-customer-form .form-group{margin-bottom:16px}.ready-customer-form input{border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:12px}.ready-customer-form input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #63c7bd2e}.ready-customer-form input.error{border-color:var(--color-danger)}.ready-summary-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:18px;padding:18px;box-shadow:0 8px 20px #0b304814}.ready-summary-panel h2{color:var(--color-primary);margin-bottom:12px;font-size:20px;line-height:1.2}.ready-summary-panel p{color:var(--color-text);margin-bottom:8px;font-size:15px;line-height:1.45}.ready-total-line,.ready-payment-note{color:var(--color-text);font-size:16px;font-weight:900}.ready-payment-note{background:var(--color-soft-warm);border:1px solid #eadfbf;border-radius:8px;margin-bottom:18px;padding:14px;font-weight:700}.ready-confirmation-content{text-align:center}.ready-confirmation-content .success-icon{background:var(--color-success);width:80px;height:80px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:48px;display:flex}.ready-confirmation-content h1{color:var(--color-primary);margin-bottom:10px;font-size:34px;line-height:1.15}.ready-confirmation-content .ready-summary-panel{text-align:left}.ready-confirmation-message{color:var(--color-muted);margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.35}.ready-made-screen .error-text{color:var(--color-danger);text-align:left;margin-top:6px;font-size:12px}.ready-made-screen .order-verification{justify-content:center;min-height:65px;margin:18px 0;display:flex}@media (width<=640px){.ready-made-screen{padding:16px}.ready-made-header{grid-template-columns:1fr}.ready-made-browse-header{align-items:start}.ready-made-header h1{font-size:30px}.ready-back-button,.ready-cart-button{width:100%}.category-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-view-control{grid-template-columns:1fr}.filter-chip{min-width:0;padding:10px}.ready-template-grid{gap:12px}.ready-template-grid-large{grid-template-columns:1fr}.ready-template-grid-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.ready-template-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-template-body{padding:10px}.ready-template-body h3{font-size:14px}.ready-template-detail{grid-template-columns:1fr}.ready-template-detail-panel h2{font-size:22px}.ready-customer-content,.ready-confirmation-content{padding:18px}.ready-order-row{grid-template-columns:86px minmax(0,1fr)}.ready-order-row .ready-order-preview{width:86px}.ready-order-row .cart-quantity-controls,.ready-order-row .remove-template-button{grid-column:1/-1}.ready-order-actions,.ready-bottom-navigation{display:grid}.ready-bottom-back-button{width:100%}}.install-page{width:100%;min-height:100dvh;padding:max(18px, env(safe-area-inset-top,0px)) 18px max(28px, env(safe-area-inset-bottom,0px));background:linear-gradient(135deg, #ffe22e42, transparent 28rem), radial-gradient(circle at 100% 8%, #e83d8c29, transparent 18rem), linear-gradient(180deg, var(--color-background) 0%, #eef8f6 100%);color:var(--color-text);gap:18px;display:grid}.install-hero,.install-card,.install-feature{width:min(100%,680px);margin:0 auto}.install-hero{text-align:center;justify-items:center;gap:18px;padding-top:4px;display:grid}.install-brand{aspect-ratio:1;place-items:center;width:min(48vw,190px);display:grid}.install-brand img{object-fit:contain;filter:drop-shadow(0 12px 22px #0b304824);width:100%;height:100%}.install-copy{gap:10px;display:grid}.install-copy h1{color:var(--color-primary);letter-spacing:0;text-wrap:balance;font-size:clamp(2.1rem,11vw,4rem);font-weight:900;line-height:.98}.install-copy p{max-width:34rem;color:var(--color-muted);font-size:clamp(1.08rem,4.6vw,1.35rem);font-weight:600;line-height:1.4}.install-primary-button{background:var(--color-primary);color:#fff;width:min(100%,360px);min-height:58px;box-shadow:var(--shadow-button);border-radius:12px;padding:16px 24px;font-size:1.08rem;font-weight:800}.install-primary-button:hover{background:var(--button-bg-hover);transform:translateY(-1px)}.install-card{box-shadow:var(--shadow-card);background:#fffffff2;border:2px solid #0b30481f;border-radius:8px;gap:18px;padding:22px;display:grid}.install-card-heading{text-align:left;gap:5px;display:grid}.install-kicker{color:var(--color-secondary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.install-card h2,.install-feature h2{color:var(--color-primary);font-size:1.35rem;line-height:1.12}.install-steps{counter-reset:install-step;gap:10px;padding-left:0;list-style:none;display:grid}.install-steps li{counter-increment:install-step;min-height:48px;color:var(--color-text);grid-template-columns:40px 1fr;align-items:center;gap:12px;font-size:1rem;font-weight:700;line-height:1.3;display:grid}.install-steps li:before{content:counter(install-step);background:var(--color-soft);width:40px;height:40px;color:var(--color-primary);border:2px solid var(--color-secondary);border-radius:50%;place-items:center;font-weight:900;display:grid}.install-check{background:var(--color-soft-warm);width:fit-content;color:var(--color-primary);border-radius:999px;padding:10px 14px;font-weight:900}.install-desktop{text-align:center;justify-items:center;gap:16px;display:grid}.install-desktop .install-card-heading{width:100%}.install-qr-wrap{border:3px solid var(--color-primary);background:#fff;border-radius:8px;width:min(100%,330px);padding:14px;display:block;box-shadow:0 10px 22px #0b30481f}.install-qr-wrap img{width:100%;height:auto;display:block}.install-scan-text{color:var(--color-primary);font-size:1.08rem;font-weight:900}.install-features{gap:12px;width:min(100%,960px);margin:0 auto;display:grid}.install-feature{background:#ffffffc7;border:1px solid #0b30481f;border-radius:8px;grid-template-columns:48px 1fr;align-items:center;gap:3px 14px;padding:16px;display:grid}.install-feature span{background:var(--color-accent-pink);color:#fff;border-radius:14px;grid-row:span 2;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:900;display:grid}.install-feature:nth-child(2) span{background:var(--color-secondary-dark)}.install-feature:nth-child(3) span{background:var(--color-accent-purple)}.install-feature p{color:var(--color-muted);font-weight:650;line-height:1.35}@media (width>=760px){.install-page{align-content:start;gap:28px;padding:36px 28px 46px}.install-hero{text-align:left;grid-template-columns:170px minmax(0,1fr);grid-template-areas:"brand copy""brand button";place-items:center start;max-width:920px;padding-top:10px}.install-brand{grid-area:brand;width:170px}.install-copy{grid-area:copy}.install-copy h1{font-size:clamp(3rem,5.7vw,5.2rem)}.install-primary-button{grid-area:button;width:300px}.install-card{max-width:760px;padding:28px}.install-features{grid-template-columns:repeat(3,minmax(0,1fr))}.install-feature{align-content:center;min-height:154px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.app{background:radial-gradient(circle at top left, #63c7bd2e, transparent 32rem), linear-gradient(180deg, var(--color-background) 0%, #eef8f6 100%);flex-direction:column;width:100%;min-height:100dvh;display:flex}.progress-bar{z-index:100;background:#0b30481f;width:100%;height:4px;position:sticky;top:0}.progress-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-accent-pink));height:100%;transition:width .3s}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:16px}.action-buttons{margin-top:20px;margin-bottom:max(8px, env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0);scroll-margin-bottom:max(36px, calc(28px + env(safe-area-inset-bottom,0px)));justify-content:center;gap:12px;display:flex}.action-buttons button,.cta-button,.upload-button,.restart-button{scroll-margin-bottom:max(40px, calc(32px + env(safe-area-inset-bottom,0px)))}.back-button{max-width:200px;color:var(--color-text);border:2px solid var(--color-border);background:#f4f6f5;border-radius:10px;flex:1;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #0000001a}.back-button:hover:not(:disabled){background:var(--color-border);border-color:#7b878e}.build-version{right:12px;top:max(10px, env(safe-area-inset-top,0px));z-index:1000;color:var(--color-primary);pointer-events:none;background:#ffffffeb;border:1px solid #0b30482e;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:700;line-height:1;position:fixed;box-shadow:0 2px 8px #0b30481f}@media (width<=640px){.app{font-size:16px}.action-buttons{margin-bottom:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column}.back-button{width:100%;max-width:none}.build-version{font-size:10px;right:10px}}.welcome-screen,.magnet-type-screen,.upload-screen,.adjust-photo-screen,.order-details-screen,.review-order-screen,.order-submitted-screen,.ready-made-screen{min-height:100dvh;padding-bottom:max(24px, calc(20px + env(safe-area-inset-bottom,0px)))}.adjust-content,.details-content,.review-content{max-height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px));padding-bottom:max(24px, calc(20px + env(safe-area-inset-bottom,0px)))}@media (width<=640px){.welcome-screen,.magnet-type-screen,.upload-screen,.adjust-photo-screen,.order-details-screen,.review-order-screen,.order-submitted-screen,.ready-made-screen{padding-top:16px;padding-bottom:max(28px, calc(24px + env(safe-area-inset-bottom,0px)));align-items:flex-start}.adjust-content,.details-content,.review-content{max-height:calc(100dvh - 44px - env(safe-area-inset-bottom,0px));padding-bottom:max(28px, calc(22px + env(safe-area-inset-bottom,0px)))}}