body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a24;--color-bg-card:#16161f;--color-bg-hover:#1e1e2a;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-text-primary:#fff;--color-text-secondary:#a0a0b0;--color-text-muted:#606070;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-glow:#6366f14d;--color-success:#22c55e;--color-warning:#f59e0b;--color-info:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px var(--color-accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0f;background-color:var(--color-bg-primary);color:#fff;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.App{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.App--scrollable{height:auto;min-height:100vh;min-height:100dvh;overflow:auto}.app-header{background:linear-gradient(180deg,#12121a,#0a0a0f);background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.header-content{margin:0 auto;max-width:1600px}.logo{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.logo--clickable{cursor:pointer;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.logo--clickable:hover{opacity:.8}.logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 0 30px #6366f14d;box-shadow:var(--shadow-glow);display:flex;height:48px;justify-content:center;width:48px}.logo-icon svg{color:#fff;height:28px;width:28px}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600}.logo-text p{color:#606070;color:var(--color-text-muted);font-size:.875rem}.app-header--compact{padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.app-header--compact .header-content{align-items:center;display:flex;justify-content:space-between}.app-header--compact .logo-text p{display:none}.logo-icon--small{height:36px;width:36px}.logo-icon--small svg{height:20px;width:20px}.header-reset-btn{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.813rem;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.header-reset-btn:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover);color:#fff;color:var(--color-text-primary)}.landing-main{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:900px;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.landing-hero{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.hero-title{color:#fff;color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a0a0b0;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:500px}.landing-steps{flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.landing-steps,.step{align-items:center;display:flex}.step{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.step-number{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:50%;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.step-content p{font-size:.75rem}.step-arrow,.step-content p{color:#606070;color:var(--color-text-muted)}.step-arrow{opacity:.5}.step-arrow svg{height:20px;width:20px}.landing-upload{margin-bottom:32px;margin-bottom:var(--spacing-xl);max-width:600px;width:100%}.landing-upload .file-upload{height:auto;min-height:180px}.landing-features{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);max-width:700px;width:100%}.feature{padding:24px;padding:var(--spacing-lg);text-align:center}.feature-icon{align-items:center;background:#6366f11a;border-radius:10px;border-radius:var(--radius-md);color:#6366f1;color:var(--color-accent);display:flex;height:48px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--spacing-md);width:48px}.feature-icon svg{height:24px;width:24px}.feature h5{color:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.feature p{color:#606070;color:var(--color-text-muted);font-size:.75rem}@media (max-width:768px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.landing-steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.landing-features{grid-template-columns:1fr}}.app-main{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 400px;grid-template-rows:1fr;margin:0 auto;max-width:1600px;min-height:0;overflow:hidden;padding:24px;padding:var(--spacing-lg);width:100%}@media (max-width:1200px){.app-main{grid-template-columns:1fr 350px}}@media (max-width:1024px){.app-main{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr;grid-template-rows:45% 55%;padding:16px;padding:var(--spacing-md)}}.viewer-section{height:100%;min-height:0;position:relative}.stl-viewer{border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.stl-viewer,.viewer-placeholder{background:#16161f;background:var(--color-bg-card);height:100%}.viewer-placeholder{align-items:center;border:2px dashed #ffffff14;border:2px dashed var(--color-border);border-radius:16px;border-radius:var(--radius-lg);color:#606070;color:var(--color-text-muted);display:flex;justify-content:center}.viewer-toolbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:4px;gap:var(--spacing-xs);left:16px;left:var(--spacing-md);padding:4px;padding:var(--spacing-xs);position:absolute;top:16px;top:var(--spacing-md);z-index:100}.toolbar-btn{background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;font-size:.813rem;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.toolbar-btn:hover{background:#1e1e2a;background:var(--color-bg-hover);color:#fff;color:var(--color-text-primary)}.toolbar-btn.active{background:#6366f1;background:var(--color-accent);color:#fff}.toolbar-btn.home-btn{background:#6366f126;border-color:#6366f14d;color:#818cf8;color:var(--color-accent-hover)}.toolbar-btn.home-btn:hover{background:#6366f1;background:var(--color-accent);color:#fff}.toolbar-separator{background:#ffffff14;background:var(--color-border);height:20px;margin:0 4px;margin:0 var(--spacing-xs);width:1px}.dimensions-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);bottom:16px;bottom:var(--spacing-md);min-width:150px;padding:16px;padding:var(--spacing-md);position:absolute;right:16px;right:var(--spacing-md);z-index:100}.dimensions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.dimensions-panel h4{color:#606070;color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.reset-scale-btn{background:#1e1e2a;background:var(--color-bg-hover);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;font-size:.688rem;font-weight:500;padding:4px 8px;transition:all .15s ease;transition:all var(--transition-fast)}.reset-scale-btn:hover{background:#6366f1;background:var(--color-accent);border-color:#6366f1;border-color:var(--color-accent);color:#fff}.dim-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0;padding:var(--spacing-xs) 0}.dim-label{font-size:.813rem;font-weight:600}.dim-value{color:#fff;color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem}.dim-value.editable{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px;transition:background .15s ease;transition:background var(--transition-fast)}.dim-input,.dim-value.editable:hover{background:#1e1e2a;background:var(--color-bg-hover)}.dim-input{border:1px solid #6366f1;border:1px solid var(--color-accent);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-family:JetBrains Mono,monospace;font-size:.875rem;outline:none;padding:2px 6px;text-align:right;width:80px}.scale-row{border-top:1px solid #ffffff14;border-top:1px solid var(--color-border);margin-top:8px;margin-top:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.scale-row .dim-label{color:#606070;color:var(--color-text-muted);font-weight:500}.dimensions-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.apply-scale-btn,.export-stl-btn{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.813rem;font-weight:500;gap:4px;gap:var(--spacing-xs);justify-content:center;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.apply-scale-btn{background:#6366f1;background:var(--color-accent);border:none;color:#fff}.apply-scale-btn:hover{background:#818cf8;background:var(--color-accent-hover);box-shadow:0 0 15px #6366f14d;box-shadow:0 0 15px var(--color-accent-glow)}.export-stl-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--color-border);color:#a0a0b0;color:var(--color-text-secondary)}.export-stl-btn:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover);color:#fff;color:var(--color-text-primary)}.reset-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.813rem;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);z-index:100}.reset-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.reset-btn svg{opacity:.7}.file-upload{align-items:center;background:#16161f;background:var(--color-bg-card);border:2px dashed #ffffff14;border:2px dashed var(--color-border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;padding:32px;padding:var(--spacing-xl);transition:all .25s ease;transition:all var(--transition-normal)}.file-upload--dragging,.file-upload:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--color-accent)}.file-upload--dragging{box-shadow:0 0 30px #6366f14d;box-shadow:var(--shadow-glow);transform:scale(1.01)}.upload-content{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.upload-icon-wrapper{align-items:center;background:#6366f11a;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.upload-svg-icon{color:#6366f1;color:var(--color-accent);height:32px;width:32px}.upload-text{align-items:flex-start;display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.upload-main-text{color:#fff;color:var(--color-text-primary);font-size:1rem;margin:0}.upload-format{color:#6366f1;color:var(--color-accent);font-weight:600}.upload-separator{color:#606070;color:var(--color-text-muted);font-size:.813rem}.upload-button{background:#6366f1;background:var(--color-accent);border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.upload-button:hover{background:#818cf8;background:var(--color-accent-hover);box-shadow:0 0 30px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-1px)}@media (max-width:600px){.upload-content{flex-direction:column;text-align:center}.upload-text{align-items:center}}.sidebar{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;padding-bottom:var(--spacing-lg);padding-right:8px;padding-right:var(--spacing-sm);scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.sidebar>*{flex-shrink:0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26;background:var(--color-border-hover)}.card{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s ease;transition:border-color var(--transition-normal)}.card:hover{border-color:#ffffff26;border-color:var(--color-border-hover)}.card-header{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.card-header h3{color:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.card-body{padding:24px;padding:var(--spacing-lg)}.file-badge{background:#1e1e2a;background:var(--color-bg-hover);border-radius:6px;border-radius:var(--radius-sm);color:#606070;color:var(--color-text-muted);font-size:.688rem;max-width:150px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.dimensions-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.dimension-item{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:transform .15s ease;transition:transform var(--transition-fast)}.dimension-item:hover{transform:translateY(-2px)}.dimension-icon{align-items:center;background:color-mix(in srgb,var(--dim-color) 20%,#0000);border-radius:6px;border-radius:var(--radius-sm);color:var(--dim-color);display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.dimension-data{text-align:center}.dimension-value{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600}.dimension-unit{color:#606070;color:var(--color-text-muted);font-size:.75rem}.volume-display{background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:10px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg);text-align:center}.volume-label{font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);opacity:.9;text-transform:uppercase}.volume-value{align-items:baseline;display:flex;gap:4px;gap:var(--spacing-xs);justify-content:center}.volume-number{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.volume-unit{font-size:1rem;opacity:.8}.tech-toggle{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.tech-card{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:2px solid #ffffff14;border:2px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.tech-card:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover)}.tech-card.selected{background:#6366f126;border-color:#6366f1;border-color:var(--color-accent);box-shadow:0 0 20px #6366f133}.tech-icon{color:#606070;color:var(--color-text-muted);height:40px;transition:color .15s ease;transition:color var(--transition-fast);width:40px}.tech-card.selected .tech-icon{color:#6366f1;color:var(--color-accent)}.tech-card-content{display:flex;flex-direction:column;text-align:left}.tech-card-title{color:#fff;color:var(--color-text-primary);font-size:1rem;font-weight:700}.tech-card-subtitle,.tech-description{color:#606070;color:var(--color-text-muted);font-size:.75rem}.tech-description{margin:0;padding:4px 0;padding:var(--spacing-xs) 0;text-align:center}.size-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;border-radius:var(--radius-md);display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.size-warning-icon{align-items:center;background:#f59e0b33;border-radius:6px;border-radius:var(--radius-sm);color:#f59e0b;color:var(--color-warning);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.size-warning-icon svg{height:24px;width:24px}.size-warning-content{flex:1 1}.size-warning-content strong{color:#f59e0b;color:var(--color-warning);display:block;font-size:.875rem;margin-bottom:2px}.size-warning-content p{color:#a0a0b0;color:var(--color-text-secondary);font-size:.75rem;margin:0}.size-warning-btn{background:#f59e0b;background:var(--color-warning);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#000;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.size-warning-btn:hover{background:#fbbf24;transform:translateY(-1px)}.post-processing-toggle{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.post-processing-option{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.post-processing-option:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover)}.post-processing-option.selected{background:#6366f11a;border-color:#6366f1;border-color:var(--color-accent)}.post-processing-title{color:#fff;color:var(--color-text-primary);font-size:.813rem;font-weight:600}.post-processing-price{color:#606070;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.post-processing-option.selected .post-processing-price{color:#6366f1;color:var(--color-accent)}.post-processing-info{color:#606070;color:var(--color-text-muted);font-size:.688rem;font-style:italic;margin:4px 0 0;margin:var(--spacing-xs) 0 0 0;text-align:center}.option-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.option-group:last-of-type{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.option-label{color:#606070;color:var(--color-text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.option-cards{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.option-card{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.option-card:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover);transform:translateX(4px)}.option-card.selected{background:#6366f11a;border-color:#6366f1;border-color:var(--color-accent)}.option-card.selected .option-card-indicator{background:#6366f1;background:var(--accent-color,var(--color-accent));box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--accent-color,var(--color-accent))}.option-card-indicator{background:#1e1e2a;background:var(--color-bg-hover);border:2px solid #ffffff14;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:12px;transition:all .15s ease;transition:all var(--transition-fast);width:12px}.option-card.selected .option-card-indicator{border-color:#0000}.option-card-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.option-card-title{color:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.option-card-desc{color:#606070;color:var(--color-text-muted);font-size:.75rem}.option-card-badge,.option-card-price{background:#1e1e2a;background:var(--color-bg-hover);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0b0;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;padding:4px 8px}.price-summary{border-top:1px solid #ffffff14;border-top:1px solid var(--color-border);padding-top:24px;padding-top:var(--spacing-lg)}.price-details{margin-bottom:16px;margin-bottom:var(--spacing-md)}.price-line{color:#a0a0b0;color:var(--color-text-secondary);font-size:.813rem;padding:4px 0;padding:var(--spacing-xs) 0}.price-line,.price-total{display:flex;justify-content:space-between}.price-total{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:10px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.price-total-label{font-size:.875rem;font-weight:500;opacity:.9}.price-total-value{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700}.app-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--color-border);color:#606070;color:var(--color-text-muted);font-size:.813rem;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);text-align:center}@media (max-width:768px){.app-header{padding:16px;padding:var(--spacing-md)}.logo-icon{height:40px;width:40px}.logo-text h1{font-size:1.125rem}.app-main{padding:16px;padding:var(--spacing-md)}.dimensions-grid{grid-template-columns:repeat(3,1fr)}.dimension-value{font-size:1rem}}.delivery-options{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.delivery-option{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.delivery-option:hover{background:#1e1e2a;background:var(--color-bg-hover);border-color:#ffffff26;border-color:var(--color-border-hover)}.delivery-option.selected{background:#6366f11a;border-color:#6366f1;border-color:var(--color-accent)}.delivery-icon{color:#606070;color:var(--color-text-muted);flex-shrink:0;height:24px;width:24px}.delivery-option.selected .delivery-icon{color:#6366f1;color:var(--color-accent)}.delivery-icon--urgent,.delivery-option.selected .delivery-icon--urgent{color:#f59e0b;color:var(--color-warning)}.delivery-option-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.delivery-option-name{color:#fff;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.delivery-option-delay{color:#606070;color:var(--color-text-muted);font-size:.75rem}.delivery-option-price{background:#1e1e2a;background:var(--color-bg-hover);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0b0;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;padding:4px 8px}.delivery-option.selected .delivery-option-price{background:#6366f133;color:#6366f1;color:var(--color-accent)}.checkout-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:24px;margin-top:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.checkout-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.checkout-icon{height:20px;width:20px}.checkout-page{background:#0a0a0f;background:var(--color-bg-primary);min-height:100vh;padding:32px;padding:var(--spacing-xl)}.checkout-container{margin:0 auto;max-width:1100px}.checkout-header{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.checkout-header h2{font-size:1.5rem;font-weight:600}.back-btn{align-items:center;background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.back-btn:hover{background:#1e1e2a;background:var(--color-bg-hover);color:#fff;color:var(--color-text-primary)}.back-btn svg{height:18px;width:18px}.checkout-content{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 380px}@media (max-width:900px){.checkout-content{grid-template-columns:1fr}.order-summary{order:-1}}.checkout-form{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.form-section{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.form-section h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);font-size:1rem;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.form-row{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.form-group.full-width{grid-column:1/-1}.form-group label{color:#a0a0b0;color:var(--color-text-secondary);font-size:.813rem;font-weight:500}.form-group input{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);color:#fff;color:var(--color-text-primary);font-size:1rem;padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.form-group input:focus{border-color:#6366f1;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input::placeholder{color:#606070;color:var(--color-text-muted)}.card-element-wrapper{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.secure-badge{align-items:center;color:#22c55e;color:var(--color-success);display:flex;font-size:.75rem;gap:8px;gap:var(--spacing-sm)}.secure-badge svg{height:16px;width:16px}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;border-radius:var(--radius-md);color:#ef4444;display:flex;font-size:.875rem;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.error-message svg{flex-shrink:0;height:20px;width:20px}.submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:24px;padding:var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.order-summary{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:24px;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:32px;top:var(--spacing-xl)}.order-summary h3{font-size:1rem;font-weight:600}.order-summary h3,.summary-section{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.summary-section h4{color:#606070;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.summary-row{color:#a0a0b0;color:var(--color-text-secondary);font-size:.875rem;padding:4px 0;padding:var(--spacing-xs) 0}.summary-row,.summary-total{display:flex;justify-content:space-between}.summary-total{align-items:center;font-size:1.125rem;font-weight:700;padding-top:16px;padding-top:var(--spacing-md)}.summary-total span:last-child{color:#6366f1;color:var(--color-accent);font-family:JetBrains Mono,monospace}.success-page{align-items:center;background:#0a0a0f;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:32px;padding:var(--spacing-xl)}.success-container{max-width:500px;text-align:center}.success-icon{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;color:var(--color-success);display:flex;height:80px;justify-content:center;margin:0 auto 32px;margin:0 auto var(--spacing-xl);width:80px}.success-icon svg{height:48px;width:48px}.success-page h1{font-size:2rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md)}.success-message{color:#a0a0b0;color:var(--color-text-secondary);line-height:1.6}.order-info,.success-message{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.order-info{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.order-info-row{display:flex;font-size:.875rem;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.order-info-row:not(:last-child){border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border)}.order-id{color:#6366f1;color:var(--color-accent);font-family:JetBrains Mono,monospace;font-weight:600}.next-steps{background:#16161f;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg);text-align:left}.next-steps h3{font-size:.875rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.next-steps ol{color:#a0a0b0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.8;margin:0;padding-left:24px;padding-left:var(--spacing-lg)}.new-order-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .15s ease;transition:all var(--transition-fast)}.new-order-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.new-order-btn svg{height:20px;width:20px}
/*# sourceMappingURL=main.ce183da9.css.map*/