*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{color:inherit;font:inherit}:root{--primary: #f97316;--secondary: #6366f1;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--bg: #fafafa;--bg-elevated: #ffffff;--card: #ffffff;--border: #e5e7eb;--text: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--primary-hover: color-mix(in srgb, var(--primary) 80%, var(--text));--primary-light: color-mix(in srgb, var(--primary) 12%, var(--bg));--secondary-hover: color-mix(in srgb, var(--secondary) 80%, var(--text));--success-light: color-mix(in srgb, var(--success) 12%, var(--bg));--error-light: color-mix(in srgb, var(--error) 10%, var(--bg));--warning-light: color-mix(in srgb, var(--warning) 12%, var(--bg));--border-light: color-mix(in srgb, var(--border) 40%, var(--bg));--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-strong: color-mix(in srgb, black 10%, transparent);--shadow-soft: color-mix(in srgb, black 5%, transparent);--shadow-sm: 0 1px 2px var(--shadow-soft);--shadow-md: 0 4px 6px -1px var(--shadow-strong), 0 2px 4px -1px var(--shadow-soft);--shadow-lg: 0 10px 15px -3px var(--shadow-strong), 0 4px 6px -2px var(--shadow-soft);--shadow-xl: 0 20px 25px -5px var(--shadow-strong), 0 10px 10px -5px var(--shadow-soft);--shadow-glow: 0 0 20px color-mix(in srgb, var(--primary) 30%, transparent);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--container-padding: 20px;--container-max: 1400px;--tap-target-min: 44px;--neon-pink: #ff006e;--neon-blue: #00d9ff;--overlay-bg: color-mix(in srgb, var(--card) 94%, var(--text));--overlay-border: color-mix(in srgb, var(--border) 70%, var(--text));--shadow-overlay: 0 8px 24px var(--shadow-strong), 0 0 0 1px var(--shadow-soft);--glow-orange: 0 0 20px color-mix(in srgb, var(--primary) 60%, transparent)}[data-theme=dark]{--bg: #0a0a0f;--bg-elevated: #14141f;--card: #1a1a2e;--border: #2a2a3e;--text: #ffffff;--text-secondary: #b0b0c0;--text-muted: #6b6b7b;--secondary: #818cf8;--shadow-strong: color-mix(in srgb, black 50%, transparent);--shadow-soft: color-mix(in srgb, black 40%, transparent)}body{font-family:var(--font-sans);background:var(--bg);min-height:100vh;color:var(--text);line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:20px}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;transition:var(--transition-fast)}.tag:hover{background:var(--border)}.tag-group{display:flex;flex-wrap:wrap;gap:6px}.site-nav{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;min-height:68px}.nav-container{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.nav-logo-icon{font-size:1.5rem}.nav-logo-text{font-weight:600;font-size:1.1rem}.nav-actions{display:flex;gap:12px}.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border:none;cursor:pointer;min-height:var(--tap-target-min)}.nav-btn:hover{transform:translateY(-1px)}.nav-btn:active{transform:translateY(0) scale(.98)}.nav-btn-primary{background:var(--primary);color:#fff}.nav-btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.nav-btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.nav-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.nav-btn-icon{font-size:1.2rem;font-weight:300}.nav-btn-icon svg,svg.nav-btn-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:768px){.nav-container{padding:10px 16px}.nav-logo-text,.nav-btn-text{display:none}.nav-btn{padding:10px 14px}}.modal-overlay{display:none;position:fixed;inset:0;background:color-mix(in srgb,black 50%,transparent);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.modal{background:var(--card);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal.active,.modal-overlay.active .modal{opacity:1;visibility:visible}.modal-content{transform:scale(.95) translateY(10px);transition:transform var(--transition-slow)}.modal.active .modal-content,.modal-overlay.active .modal .modal-content{transform:scale(1) translateY(0)}.modal-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.2rem;color:var(--text)}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform .2s,background .2s,color .2s;color:var(--text)}.icon-btn:hover{transform:scale(1.1);background:var(--border-light);color:var(--primary)}.modal-body{padding:20px}.modal-form .form-group{margin-bottom:15px}.modal-form label{display:block;font-size:.85rem;color:var(--text);margin-bottom:6px}.modal-form input,.modal-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;font-size:.95rem}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:var(--primary)}.modal-form textarea{min-height:80px;resize:vertical}.modal-submit{width:100%;padding:14px;background:var(--success);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.modal-submit:hover{background:color-mix(in srgb,var(--success) 80%,black)}@media(max-width:480px){.modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:15px}}.confirm-modal{max-width:400px}.confirm-modal .modal-body p{margin-bottom:20px;color:var(--text)}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-actions button{padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .15s}.prompt-modal{max-width:400px}.prompt-modal .modal-body p{margin-bottom:12px;color:var(--text)}.prompt-modal-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--text);margin-bottom:16px;box-sizing:border-box}.prompt-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.prompt-modal-actions{display:flex;gap:12px;justify-content:flex-end}.prompt-modal-actions button{padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .15s}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);min-height:var(--tap-target-min)}.btn-primary{background:var(--primary);border:none;color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);border:none;color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--error) 80%,black)}.btn-danger:disabled{background:var(--text-muted);cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.status-pending_review{background:#fef3c7;color:#92400e}.status-revised{background:#e0e7ff;color:#3730a3}.status-approved{background:#d1fae5;color:#065f46}.status-awaiting_payment{background:#fef3c7;color:#92400e}.status-paid{background:#d1fae5;color:#065f46}.status-sent_to_printer,.status-in_production{background:#dbeafe;color:#1e40af}.status-shipped{background:#ede9fe;color:#5b21b6}.status-completed{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-cancelled{background:var(--card);color:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.2rem;color:var(--text);margin-bottom:8px}.empty-state p{color:var(--text-muted);margin-bottom:24px}.gallery-load-more{display:flex;justify-content:center;padding:2rem 0}.design-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.design-card-info{padding:16px}.design-card-name{font-size:1rem;font-weight:600;color:var(--text)}.design-card-likes{color:var(--error);font-weight:500}.design-card-date{color:var(--text-muted)}.design-card-date:before{content:"·";margin-right:6px}.preview-container{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:10px;transition:border-color .2s,color .2s,background-color .2s;text-decoration:none;min-height:var(--tap-target-min)}.action-btn:hover{border-color:var(--primary);color:var(--primary)}.action-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.action-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.action-btn .action-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:600px){.action-grid{grid-template-columns:1fr}.action-btn{justify-content:center}}.draft-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.draft-card{background:var(--bg);border-radius:16px;padding:32px;text-align:center;width:90vw;max-width:420px;box-shadow:var(--shadow-lg)}.draft-preview{margin:-32px -32px 16px;padding:16px;border-radius:16px 16px 0 0;overflow:hidden;background:var(--bg-secondary)}.draft-preview svg{width:100%;height:auto}.draft-card h2{font-size:1.25rem;margin:0 0 8px}.draft-card p{font-size:.9rem;color:var(--text-muted);margin:0 0 20px}.draft-actions{display:flex;flex-direction:column;gap:8px}.draft-btn{padding:12px 24px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}.draft-btn:hover{border-color:var(--text-secondary)}.draft-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.draft-btn--primary:hover{background:var(--primary-dark, var(--primary));border-color:var(--primary-dark, var(--primary))}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(80px);padding:12px 24px;border-radius:8px;font-size:.9rem;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:2000}.toast.show{transform:translate(-50%) translateY(0);opacity:1;animation:toast-slide-in .3s ease forwards}@keyframes toast-slide-in{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast.success{background:var(--success);color:#fff}.toast.info{background:var(--primary);color:#fff}.toast.error{background:var(--error);color:#fff}footer,.site-footer{text-align:center;padding:25px 20px;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);background:var(--card)}footer p,.site-footer p{margin-bottom:4px}footer p:last-child,.site-footer p:last-child{margin-bottom:0}footer a,.site-footer a{color:var(--primary);text-decoration:none}footer a:hover,.site-footer a:hover{text-decoration:underline}.footer-links{margin-top:4px}.footer-sep{margin:0 6px;color:var(--border)}.footer-contact-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:inherit;padding:0}.footer-contact-btn:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.footer-bottom p{margin:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.theme-toggle-icon{transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}@media(max-width:480px){.footer-bottom{flex-direction:column;gap:12px}}.auth-container{display:flex;align-items:center}.auth-btn{white-space:nowrap}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:24px;cursor:pointer;transition:background-color .2s,border-color .2s}.user-menu-btn:hover{background:var(--bg);border-color:var(--primary)}.user-avatar{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.user-name{font-size:.9rem;color:var(--text);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.user-name{display:none}}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;z-index:1000}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border)}.user-email{font-size:.85rem;color:var(--text-muted)}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.9rem;color:var(--text);text-decoration:none;cursor:pointer;transition:background .15s}.user-dropdown-item:hover{background:var(--bg)}.user-dropdown-item:last-child{border-radius:0 0 12px 12px}.share-dropdown{min-width:180px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.share-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;color:var(--text);font-size:.9rem;cursor:pointer;transition:background .15s;text-align:left}.share-dropdown-item:hover{background:var(--bg)}.share-dropdown-item:first-child{border-radius:12px 12px 0 0}.share-dropdown-item:last-child{border-radius:0 0 12px 12px}.share-dropdown-item:only-child{border-radius:12px}.share-dropdown-icon{font-size:1.1rem;width:24px;text-align:center}.share-loading{display:inline-block;animation:share-pulse 1s ease-in-out infinite}@keyframes share-pulse{0%,to{opacity:.4}50%{opacity:1}}.auth-modal{max-width:440px}.auth-modal .modal-header{padding:16px 20px}.auth-modal .modal-body{padding:16px 20px 20px}.auth-intro{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:16px;text-align:center}.auth-form,#auth-magic-link-section{display:flex;flex-direction:column;gap:12px}.auth-form .form-group,#auth-magic-link-section .form-group{display:flex;flex-direction:column;gap:4px}.auth-form label,#auth-magic-link-section label{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:0}.auth-form input,#auth-magic-link-section input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-sm);font-family:var(--font-sans);transition:border-color .2s}.auth-password-hint{color:var(--text-muted);font-size:var(--font-xs)}.auth-form input:focus,#auth-magic-link-section input:focus{outline:none;border-color:var(--primary)}.auth-submit-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .2s}.auth-submit-btn:hover:not(:disabled){background:var(--primary-hover)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:var(--font-xs);color:var(--text-muted)}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background-color .2s}.auth-btn:hover{background:var(--primary-hover)}#magic-link-btn{background:var(--secondary)}#magic-link-btn:hover{background:var(--secondary-hover)}.google-icon{flex-shrink:0}.auth-password-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin:4px 0;background:none;border:none;color:var(--text-muted);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:color .2s}.auth-password-toggle:hover{color:var(--primary)}.auth-password-toggle-arrow{transition:transform .2s}.auth-password-toggle.open .auth-password-toggle-arrow{transform:rotate(180deg)}#auth-password-section{margin-top:4px}.auth-switch{text-align:center;margin:12px 0 0;font-size:var(--font-sm);color:var(--text-muted)}.auth-switch-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0;margin-left:4px}.auth-switch-btn:hover{text-decoration:underline}.save-cloud-modal{max-width:420px}.save-cloud-form{display:flex;flex-direction:column;gap:20px}.save-cloud-form .form-group{display:flex;flex-direction:column;gap:6px}.save-cloud-form label{font-size:.9rem;font-weight:500;color:var(--text)}.save-cloud-form input[type=text]{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.save-cloud-form input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-hint{font-size:.85rem;color:var(--text-muted);margin-left:28px}.save-cloud-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.save-cloud-btn{padding:14px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.save-cloud-btn:hover:not(:disabled){background:var(--primary-hover)}.save-cloud-btn:disabled{opacity:.7;cursor:not-allowed}.order-cta{background:var(--primary);padding:40px 20px;text-align:center}.order-cta-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.order-cta-text h2{color:#fff;font-size:1.5rem;margin-bottom:8px}.order-cta-text p{color:color-mix(in srgb,white 85%,transparent);font-size:.95rem}.order-cta-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--primary-hover);border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-lg)}.order-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.order-cta-btn-arrow{font-size:1.3rem;transition:transform .3s ease}.order-cta-btn:hover .order-cta-btn-arrow{transform:translate(4px)}@media(max-width:600px){.order-cta{padding:30px 15px}.order-cta-text h2{font-size:1.25rem}.order-cta-btn{padding:14px 24px;font-size:1rem}}.order-modal{max-width:550px}.order-pricing{background:var(--bg);border-radius:12px;padding:20px;margin-bottom:20px}.quantity-section{text-align:center;margin-bottom:20px}.quantity-section label{display:block;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:12px}.quantity-control-large{display:inline-flex;align-items:center;gap:0;background:var(--card);border-radius:12px;overflow:hidden;border:2px solid var(--border)}.qty-btn-large{width:50px;height:50px;border:none;background:transparent;color:var(--primary);font-size:1.5rem;cursor:pointer;transition:background .2s}.qty-btn-large:hover{background:var(--bg)}.quantity-control-large input{width:80px;height:50px;border:none;background:transparent;text-align:center;font-size:1.3rem;font-weight:600;color:var(--text)}.quantity-control-large input:focus{outline:none}.quantity-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}.price-calculation{border-top:1px solid var(--border);padding-top:15px}.price-calculation .price-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}.price-calculation .price-label{color:var(--text-muted)}.price-calculation .price-value{color:var(--text)}.price-calculation .price-value.discount{color:var(--success)}.price-total-row{display:flex;justify-content:space-between;padding:12px 0 6px;border-top:1px solid var(--border);margin-top:8px}.price-total-label{font-weight:500;color:var(--text)}.price-total-value{font-size:1.4rem;font-weight:700;color:var(--primary)}.price-calculation .price-per-piece{text-align:right;font-size:.85rem;color:var(--text-muted)}.order-divider{height:1px;background:var(--border);margin:20px 0}.order-billing-preview{font-size:var(--font-sm)}.order-billing-info{color:var(--text);line-height:1.5}.order-billing-label{font-weight:600;color:var(--text-muted);font-size:var(--font-xs);margin-bottom:4px}.order-billing-edit{display:inline-block;margin-top:8px;font-size:var(--font-xs);color:var(--primary)}.order-billing-incomplete{text-align:center;padding:12px}.order-billing-incomplete p{color:var(--text-muted);margin:0 0 12px;font-size:var(--font-sm)}.order-review-hint{color:var(--text-muted);font-size:var(--font-xs);text-align:center;margin-top:12px;margin-bottom:4px}.order-cta-review-hint{color:color-mix(in srgb,white 70%,transparent);font-size:var(--font-xs);margin-top:4px}.order-success{text-align:center;padding:20px 0}.order-success-icon{font-size:3rem;color:var(--success, #22c55e);margin-bottom:12px}.order-success h3{font-size:var(--font-lg);margin-bottom:8px}.order-success p{color:var(--text-muted);margin-bottom:8px}.order-success .action-btn{margin-top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}