:root{--color-primary: #1E293B;--color-on-primary: #FFFFFF;--color-secondary: #334155;--color-accent: #22C55E;--color-background: #0F172A;--color-foreground: #F8FAFC;--color-muted: #272F42;--color-border: #475569;--color-destructive: #EF4444;--color-ring: #1E293B;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 12px 48px rgba(0,0,0,.5);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--color-foreground);background:var(--color-background)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;-webkit-font-smoothing:antialiased}.accent-text{color:var(--color-accent)}.glow{position:fixed;inset:-40% -20% auto -20%;height:70vh;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,.15),transparent 60%)}.card{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#0a0e18;box-shadow:0 6px 28px #22c55e4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 36px #22c55e73}.btn-ghost{border:1.5px solid var(--color-border);color:var(--color-foreground);background:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff0f}.btn-lg{padding:.85rem 2rem;font-size:1rem}input,select,textarea{width:100%;padding:.65rem 1rem;background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #22c55e33}input[type=range]{padding:0;border:none;background:transparent;accent-color:var(--color-accent)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#22c55e26;color:var(--color-accent)}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:#0f172ad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(71,85,105,.3)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--color-border);font-size:.88rem;cursor:pointer;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--color-foreground)}.hero{text-align:center;padding:4rem 1rem 2rem;position:relative;z-index:1}.hero h1{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:1rem}.hero p{color:var(--color-border);font-size:1.05rem;max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem}.hero-steps{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.step-card{flex:1;min-width:160px;max-width:200px;text-align:center;padding:1.25rem 1rem}.step-card h3{font-size:.95rem;font-weight:700;margin:.6rem 0 .3rem}.step-card p{font-size:.78rem;color:var(--color-border);margin:0}.step-icon{display:flex;justify-content:center;color:var(--color-accent)}.step-arrow{font-size:1.5rem;color:var(--color-accent);font-weight:300;padding:0 .25rem}.upload-zone{max-width:600px;margin:0 auto;padding:3.5rem 2rem;text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:#ffffff05;cursor:pointer;transition:all .25s ease;outline:none}.upload-zone:hover,.upload-zone:focus{border-color:var(--color-accent);background:#22c55e0a}.upload-zone.drag-over{border-color:var(--color-accent);background:#22c55e14;transform:scale(1.01)}.upload-icon{color:var(--color-accent);margin-bottom:1rem}.upload-zone h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upload-sub{font-size:.85rem;color:var(--color-border);line-height:1.6}.upload-error{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.8rem;color:var(--color-destructive);font-size:.85rem}.main{min-height:calc(100dvh - 120px)}.section{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;position:relative;z-index:1}.btn-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.file-badge{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-border)}.work-area{padding-top:0}.work-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.work-left{min-width:0}.work-right{display:flex;flex-direction:column;gap:1rem}.settings-panel{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.settings-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.settings-header h3{font-size:.9rem;font-weight:700}.field-group{margin-bottom:1.1rem}.field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.field-label-row label{font-size:.78rem;font-weight:600;color:var(--color-border);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:.8rem;font-weight:600;color:var(--color-accent);background:#22c55e1a;padding:.1rem .45rem;border-radius:4px}.field-desc{font-size:.72rem;color:#64748b;margin-top:.2rem}.settings-tip{padding:.75rem 1rem}.settings-tip p{font-size:.78rem;color:var(--color-border);line-height:1.5}.preview-panel{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.preview-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.preview-tabs{display:flex;gap:.25rem}.preview-tab{display:flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--color-border);font-family:inherit;transition:all .2s}.preview-tab.active{background:#22c55e1f;color:var(--color-accent)}.preview-tab:disabled{opacity:.35;cursor:not-allowed}.preview-area{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;overflow:auto}.preview-img{max-width:100%;max-height:550px;display:block;object-fit:contain}.preview-svg{width:100%;max-height:550px;display:block}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-border)}.preview-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-accent);padding:4rem 0}.preview-loading p{font-size:.9rem}.action-bar{display:flex;flex-direction:column;gap:.75rem}.action-bar .btn-lg{width:100%}.result-actions{display:flex;flex-direction:column;gap:.75rem}.result-stats{display:flex;gap:1.25rem;justify-content:center}.stat-item{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--color-border);font-weight:500}.download-btn{width:100%}.footer{text-align:center;padding:2rem 1rem;font-size:.8rem;color:#475569;border-top:1px solid rgba(71,85,105,.2);margin-top:3rem}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(10,14,24,.3);border-top-color:#0a0e18;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.toast-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);animation:fadeUp .3s ease}.toast.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:var(--color-accent)}.toast.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:var(--color-destructive)}@media (max-width: 768px){.navbar{padding:0 1rem}.nav-links{display:none}.hero{padding:2.5rem 1rem 1.5rem}.hero-steps{flex-direction:column}.step-card{max-width:100%}.step-arrow{transform:rotate(90deg)}.work-layout{grid-template-columns:1fr}.upload-zone{padding:2rem 1rem}}