*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:#0f0f17;color:#e4e4ef;min-height:100vh}.app{max-width:640px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:40px}header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#888;margin-top:6px;font-size:14px}.drop-zone{border:2px dashed #333;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#16161e;margin-bottom:20px}.drop-zone:hover,.drop-zone.active{border-color:#22c55e;background:#1a1a26}.drop-zone.has-file{border-color:#22c55e;border-style:solid}.drop-zone-small{padding:32px 24px}.drop-icon{font-size:36px;margin-bottom:12px}.drop-zone-content p{font-size:15px;font-weight:500}.hint{display:block;margin-top:6px;font-size:12px;color:#666}.btn-primary{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;text-align:center;text-decoration:none}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{display:block;width:100%;padding:14px;background:transparent;color:#888;border:1px solid #333;border-radius:10px;font-size:14px;cursor:pointer;margin-top:12px}.btn-secondary:hover{border-color:#555;color:#ccc}.error-banner{background:#2d1215;border:1px solid #7f1d1d;color:#fca5a5;border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:16px}.progress-section{text-align:center}.progress-section h2{font-size:20px;margin-bottom:20px}.progress-bar-track{width:100%;height:8px;background:#1e1e2e;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:4px;transition:width .4s ease}.progress-label{margin-top:8px;font-size:13px;color:#888}.step-list{margin-top:28px;text-align:left}.step-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#555;transition:color .3s}.step-item.done{color:#22c55e}.step-item.active{color:#e4e4ef;font-weight:600}.step-dot{width:10px;height:10px;border-radius:50%;background:#333;flex-shrink:0;transition:background .3s}.step-item.done .step-dot{background:#22c55e}.step-item.active .step-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.script-preview{margin-top:24px;text-align:left;background:#16161e;border-radius:10px;padding:16px}.script-preview h3{font-size:13px;color:#888;margin-bottom:8px;font-weight:600}.script-preview p{font-size:14px;line-height:1.6;color:#ccc}.done-section{text-align:center}.done-icon{font-size:48px;margin-bottom:12px}.done-section h2{margin-bottom:24px}.download-btn{margin-top:20px}