:root{--primary: #6e8313;--primary-hover: #4d5c0d;--accent: #eab308;--font-display: "Modak", cursive;--font-sans: "Inter", "Roboto", "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--bg-body: #f7f8f2;--bg-card: #ffffff;--bg-secondary: #f0f1e8;--bg-darker: #eaddd3;--text-main: #1c1d1a;--text-muted: #5b5f4c;--text-on-primary: #ffffff;--border: #e2e4d5;--border-focus: #6e8313;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--shadow: 0 4px 6px -1px rgba(110, 131, 19, .05), 0 2px 4px -1px rgba(110, 131, 19, .03);--shadow-lg: 0 10px 15px -3px rgba(110, 131, 19, .1), 0 4px 6px -2px rgba(110, 131, 19, .05)}@media(prefers-color-scheme:dark){:root{--bg-body: #000000;--bg-card: #0e0f07;--bg-secondary: #16180a;--bg-darker: #1a1c0d;--text-main: #f5f5f0;--text-muted: #8e927c;--border: #2c2e1f;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}.app-container{max-width:42rem;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card-step{border-left:6px solid var(--primary)}.app-title{font-family:var(--font-display);font-size:2.5rem;text-align:center;margin:0 0 var(--spacing-xl);color:var(--primary);line-height:1;letter-spacing:-.02em;font-weight:400;display:none}.section-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-md);display:flex;align-items:center;color:var(--text-main);font-weight:400;line-height:1.7rem}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem var(--spacing-lg);border-radius:var(--radius-full);font-weight:700;cursor:pointer;border:2px solid transparent;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.btn-primary{background-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}.btn-green{background-color:var(--primary);color:var(--text-on-primary)}.btn-purple{background-color:#7c3aed;color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-darker);transform:scale(1.02)}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main);background-color:var(--bg-secondary)}.btn-secondary-outline{background:transparent;border:2px solid var(--border);color:var(--text-muted)}.btn-secondary-outline:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.02)}.file-input-wrapper{margin-top:var(--spacing-md)}.file-input{width:100%;padding:var(--spacing-sm);background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border-color)}.step-number{background-color:var(--primary);color:var(--text-on-primary);width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);font-size:1.5rem;font-family:var(--font-display)}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.space-x-2>*+*{margin-left:var(--spacing-sm)}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:var(--spacing-md)}.space-y-3>*+*{margin-top:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.w-full{width:100%}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.relative{position:relative}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-white{color:#fff}.text-green-500{color:#22c55e}.text-green-400{color:#4ade80}.text-purple-400{color:#c084fc}.text-purple-300{color:#d8b4fe}.text-indigo-200{color:#c7d2fe}.text-indigo-100{color:#e0e7ff}.text-slate-300{color:#cbd5e1}.text-slate-500{color:#64748b}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.leading-relaxed{line-height:1.625}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.bg-white{background-color:#fff}.bg-indigo-900\/40{background-color:#1e1b4b66}.bg-slate-800\/50{background-color:#1e293b80}.border{border-width:1px;border-style:solid}.border-indigo-500\/30{border-color:#6366f14d}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.border-purple-600{border-color:#9333ea}.border-indigo-400{border-color:#818cf8}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-backdrop{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.status-bar{background-color:var(--bg-card);color:var(--text-main);padding:var(--spacing-xl);border-radius:var(--radius-lg);display:flex;align-items:center;width:100%;max-width:450px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.progress-container{width:100%;background-color:var(--bg-darker);border-radius:var(--radius-full);height:1.5rem;overflow:hidden;margin-top:var(--spacing-sm)}.progress-bar-fill{background-color:var(--primary);height:100%;transition:width .3s ease;text-align:center;color:var(--text-on-primary);font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.canvas-preview-box{border:2px dashed var(--border);border-radius:var(--radius-lg);min-height:200px;display:flex;justify-content:center;align-items:center;background-color:var(--bg-secondary);position:relative;overflow:hidden}.canvas-preview-box img,.canvas-preview-box canvas{max-width:100%;border-radius:var(--radius-md)}.control-group{display:inline-flex;border-radius:var(--radius-full);background-color:var(--bg-secondary);padding:4px;border:1px solid var(--border)}.control-btn-left,.control-btn-right{border:none;border-radius:var(--radius-full);width:auto}.btn-active{background-color:var(--primary);color:var(--text-on-primary)}.btn-circle{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}#three-container{width:100%;aspect-ratio:1/1;background-color:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}#three-container canvas{display:block;outline:none}.spinner{width:1.25rem;height:1.25rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wizard-breadcrumbs{display:flex;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.875rem;margin-top:var(--spacing-md)}.wizard-separator{color:var(--border)}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.success-card{margin-top:4rem}.magic-link-section{background-color:var(--bg-secondary);border:1px solid var(--border);padding:1.5rem;border-radius:var(--radius-lg);text-align:left;margin-bottom:2rem;box-shadow:var(--shadow);overflow:hidden;position:relative}.magic-link-title{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-weight:400}.magic-link-text{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.order-ref-box{background-color:var(--bg-secondary);padding:.75rem;border-radius:var(--radius-md);text-align:left;border:1px solid var(--border)}.order-ref-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:.25rem}.order-ref-value{font-family:var(--font-mono);font-size:.875rem;color:var(--text-main)}.success-icon-container{margin-bottom:1.5rem;display:flex;justify-content:center}.success-icon{height:5rem;width:5rem;color:var(--primary)}.magic-link-status{padding-top:1rem;padding-bottom:1rem;text-align:center}.cash-payment-card{background-color:var(--bg-card);border:1px solid var(--border)}.qr-wrapper{background:#fff;padding:1rem;border-radius:var(--radius-md);display:inline-block}.status-icon{font-size:3rem}.display-none{display:none}