.app-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.file-drop-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.progress-bar-container{width:100%;height:12px;background:#0000004d;border-radius:6px;overflow:hidden;margin:1rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#ff9f43);transition:width .3s ease-out;box-shadow:0 0 10px var(--accent-glow)}:root{--bg-gradient: linear-gradient(135deg, #1a1c2c 0%, #4a192c 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #ff4757;--accent-glow: rgba(255, 71, 87, .4);--success: #2ed573;--error: #ff6b6b;--icon-circle-bg: #1a1a1a;--icon-circle-shadow: 0 8px 20px rgba(0, 0, 0, .4);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);display:flex;place-items:center;justify-content:center}#root{width:100%}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000005e;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:var(--glass-highlight);box-shadow:0 12px 40px #00000080}.glass-input{background:#0003;border:1px solid var(--glass-border);color:#fff;padding:1rem;border-radius:12px;outline:none;transition:all .2s ease}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.glass-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.8em 1.5em;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.glass-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.glass-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-glow)}.glass-btn.primary:hover{background:#ff6b81;box-shadow:0 6px 20px var(--accent-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.dragging{animation:heartbeat 1s infinite;border-color:var(--accent-primary)!important;background:#ff47571a!important}.back-to-home{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);transition:all .3s ease;margin-bottom:1.5rem}.back-to-home:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--glass-highlight);transform:translate(-4px)}.back-to-home:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow);color:var(--text-primary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column-center{display:flex;flex-direction:column;align-items:center}.max-w-600{max-width:600px;width:100%}.max-w-800{max-width:800px;width:100%}.max-w-900{max-width:900px;width:100%}.m-auto{margin-left:auto;margin-right:auto}.hero-container{text-align:center;margin-top:3rem;margin-bottom:2rem}.hero-title{font-size:4rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);opacity:.8}.toggle-container{display:flex;gap:1rem;padding:.5rem;background:#0003;border-radius:12px;border:1px solid var(--glass-border)}.toggle-btn{padding:.75rem 2rem;border-radius:8px;font-weight:700;transition:all .2s ease;border:none;cursor:pointer;background:transparent;color:var(--text-secondary)}.toggle-btn.active{background:var(--glass-bg);color:var(--accent-primary);box-shadow:0 4px 15px #0003}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin:1.5rem 0 .5rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow);transition:width .3s ease}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-text{color:var(--error)}.error-border{border-color:var(--error)!important}.code-display{font-size:3.5rem;font-weight:800;letter-spacing:.4rem;color:var(--accent-primary);text-shadow:0 0 30px var(--accent-glow);margin-bottom:1rem}.meta-info{margin-bottom:2rem;display:inline-block;text-align:left}.meta-info span{opacity:.7}.meta-info strong{font-weight:700}.meta-info .size{opacity:.7;font-size:.8rem}.progress-stats{display:flex;justify-content:space-between;opacity:.8;margin-bottom:2rem}.btn-group-v{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.features-container{padding:4rem 1rem;max-width:800px;margin:0 auto}.feature-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:6rem}.icon-wrapper{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.icon-circle{width:120px;height:120px;background:var(--icon-circle-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--icon-circle-shadow);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.icon-circle:hover{transform:translateY(-5px)}.icon-divider{width:40px;height:4px;background:#ececec;border-radius:2px;margin-bottom:2rem}.feature-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#ecf0f1}.feature-description{font-size:1.1rem;line-height:1.6;color:#bdc3c7;max-width:600px;margin:0 auto}.feature-link{color:#e67e22;text-decoration:underline}.code-input{width:100%;max-width:280px;font-size:2.5rem;letter-spacing:.5rem;text-align:center;font-family:monospace;color:var(--accent-primary);font-weight:700}.text-center{text-align:center}.m-b-rem-6{margin-bottom:6rem}.large-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#ecf0f1}.feature-illustration{margin:3rem 0;opacity:.9}.feature-text-large{font-size:1.2rem;margin-bottom:2rem}.feature-text-italic{font-size:1.2rem;font-style:italic}