.drag-drop-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border:2px dashed var(--fp-metal-trim);padding:1.75rem 1.25rem;text-align:center;background:var(--fp-card);border-radius:8px;transition:all .3s ease;font-family:Barlow,ui-sans-serif,system-ui,sans-serif;cursor:pointer;position:relative;overflow:hidden;min-height:220px}.drag-drop-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00ccff08,#8a2be208);opacity:0;transition:opacity .3s;pointer-events:none}.drag-drop-area:hover{border-color:var(--fp-accent)}.drag-drop-area:hover:before{opacity:1}.drag-drop-area.drag-over{border-color:var(--fp-accent-hover);background:#00ccff14;transform:scale(1.005)}.drag-drop-area.drag-over:before{opacity:1}.drag-drop-area.has-file{border-style:solid;border-color:#00ccff40;cursor:default;padding:.75rem;align-items:stretch;justify-content:flex-start;min-height:220px}.drop-icon{color:var(--fp-accent);opacity:.85;transition:all .3s}.drag-drop-area:hover .drop-icon{opacity:1;transform:translateY(-2px)}.drop-title{margin:0;color:var(--fp-text);font-weight:600;font-size:1rem}.drop-subtitle{margin:0;color:var(--fp-text-muted);font-size:.8rem}.supported-formats{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap;justify-content:center}.format-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:#ffffff0a;border:1px solid var(--fp-metal-trim);border-radius:3px;font-size:.7rem;color:var(--fp-text-muted);font-family:JetBrains Mono,monospace}.file-loaded{display:flex;flex-direction:column;gap:.5rem;height:100%}.file-loaded-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.file-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.file-loaded-name{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--fp-text);word-break:break-all;line-height:1.3}.file-loaded-size{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--fp-text-muted)}.file-clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--fp-metal-trim);color:var(--fp-text-muted);width:26px;height:26px;border-radius:4px;cursor:pointer;transition:all .15s;flex-shrink:0}.file-clear-btn:hover{border-color:var(--fp-error);color:var(--fp-error)}.file-preview{flex:1;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid var(--fp-metal-trim);border-radius:4px;overflow:hidden;min-height:140px}.file-preview video,.file-preview audio{width:100%;max-height:280px;display:block}.file-preview audio{margin:.5rem;max-height:40px}.file-preview-audio-icon{color:var(--fp-accent);opacity:.5;display:flex;flex-direction:column;align-items:center;gap:.4rem}.file-preview-audio-icon span{font-size:.65rem;font-family:JetBrains Mono,monospace;color:var(--fp-text-muted)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00ccff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--fp-accent);font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;border-radius:6px;z-index:2}.drop-overlay.visible{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--fp-card);border:1px solid var(--fp-metal-trim);border-radius:8px;max-width:680px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease;font-family:Barlow,ui-sans-serif,system-ui,sans-serif}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--fp-metal-trim);flex-shrink:0}.modal-header h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:600;color:var(--fp-text);letter-spacing:.02em}.modal-close{background:transparent;border:none;color:var(--fp-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{color:var(--fp-text);background:#ffffff0d}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.doc-section{margin-bottom:1.5rem}.doc-section:last-child{margin-bottom:0}.doc-section h3{display:flex;align-items:center;gap:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600;color:var(--fp-accent);margin:0 0 .75rem;letter-spacing:.02em}.doc-section p{margin:0 0 .6rem;font-family:Barlow,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;line-height:1.6;color:#b8b8c4}.doc-section p:last-child{margin-bottom:0}.doc-list{list-style:none;padding:0;margin:0}.doc-list li{font-family:Barlow,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;line-height:1.5;color:#b8b8c4;padding:.4rem 0 .4rem 1rem;border-left:2px solid var(--fp-metal-trim);margin-bottom:.5rem}.doc-list li strong{color:var(--fp-text)}.doc-code{background:#0000004d;border:1px solid var(--fp-metal-trim);border-radius:4px;padding:.7rem .85rem;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.5;color:#b8b8c4;overflow-x:auto;white-space:pre;margin:0}.doc-inline-code{background:#0000004d;border:1px solid var(--fp-metal-trim);border-radius:3px;padding:.05rem .35rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--fp-accent)}.doc-pill{display:inline-flex;align-items:center;gap:.3rem;background:#00ccff14;border:1px solid rgba(0,204,255,.25);border-radius:3px;padding:.1rem .4rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--fp-accent)}.doc-callout{display:flex;align-items:flex-start;gap:.6rem;background:#ffcc000f;border:1px solid rgba(255,204,0,.25);border-radius:4px;padding:.6rem .85rem;font-size:.8rem;color:#d8d4b8}.doc-callout .doc-callout-icon{color:var(--fp-warning);flex-shrink:0;margin-top:.15rem}.modal-footer-link{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--fp-accent);text-decoration:none;word-break:break-all}.modal-footer-link:hover{color:var(--fp-accent-hover);text-decoration:underline}:root{--fp-background: #0a0a0c;--fp-frame: #0d0d0f;--fp-card: #131316;--fp-metal-trim: #1e1e24;--fp-text: #e8e8eb;--fp-text-muted: #6b6b7b;--fp-accent: #00ccff;--fp-accent-hover: #00ffff;--fp-success: #00ff88;--fp-warning: #ffcc00;--fp-error: #ff4d4d}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--fp-background)}.app{display:flex;flex-direction:column;min-height:100vh;height:100vh;background:var(--fp-background);color:var(--fp-text);font-family:Barlow,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.header{display:flex;align-items:center;gap:1rem;padding:.5rem 1.25rem;background:var(--fp-frame);border-bottom:1px solid var(--fp-metal-trim);flex-shrink:0}.logo{display:flex;align-items:center;justify-content:center;height:32px;width:32px;color:var(--fp-accent);opacity:.95;transition:opacity .2s}.logo:hover{opacity:1}.header-text{display:flex;flex-direction:column;gap:0}h1{font-size:1.25rem;font-weight:700;color:var(--fp-text);font-family:Barlow Condensed,ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;margin:0;line-height:1.2}.tagline{font-size:.7rem;color:var(--fp-text-muted);letter-spacing:.02em}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.version-badge{font-size:.6rem;color:var(--fp-text-muted);background:#ffffff08;padding:.15rem .4rem;border-radius:3px;border:1px solid var(--fp-metal-trim);font-family:JetBrains Mono,monospace}.docs-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--fp-metal-trim);color:var(--fp-text-muted);padding:.35rem .6rem;border-radius:4px;cursor:pointer;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:500;transition:all .2s}.docs-btn:hover{border-color:var(--fp-accent);color:var(--fp-accent)}.main{flex:1;padding:1rem 1.25rem;display:flex;flex-direction:column;overflow-y:auto}.welcome-section{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto}.welcome-headline{text-align:center;display:flex;flex-direction:column;gap:.35rem}.welcome-headline h2{font-family:Barlow Condensed,ui-sans-serif,system-ui,sans-serif;font-size:1.4rem;font-weight:700;margin:0;letter-spacing:.02em;color:var(--fp-text)}.welcome-headline p{margin:0;font-size:.85rem;color:var(--fp-text-muted)}.features{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.feature{display:flex;align-items:center;gap:.5rem;color:var(--fp-text-muted);font-size:.8rem}.feature-icon{color:var(--fp-accent);flex-shrink:0}.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.drop-slot{display:flex;flex-direction:column;gap:.5rem}.drop-slot-label{display:flex;align-items:center;gap:.4rem;color:var(--fp-accent);font-family:Barlow Condensed,ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.drop-slot-hint{font-size:.7rem;color:var(--fp-text-muted);font-family:Barlow,sans-serif;letter-spacing:0;text-transform:none;font-weight:400;margin-left:auto}.slot-warning{display:flex;align-items:center;gap:.5rem;background:#ffcc0014;border:1px solid rgba(255,204,0,.3);color:var(--fp-warning);padding:.45rem .7rem;border-radius:4px;font-size:.75rem}.action-bar{display:flex;align-items:center;gap:.75rem;width:100%;background:var(--fp-card);border:1px solid var(--fp-metal-trim);border-radius:6px;padding:.75rem 1rem}.action-status{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.action-status-text{font-size:.85rem;color:var(--fp-text)}.action-status-sub{font-size:.7rem;color:var(--fp-text-muted);font-family:JetBrains Mono,monospace}.combine-btn{display:flex;align-items:center;gap:.5rem;background:var(--fp-accent);border:none;color:#000;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.6rem 1.1rem;border-radius:4px;cursor:pointer;transition:all .15s}.combine-btn:hover:not(:disabled){background:var(--fp-accent-hover)}.combine-btn:disabled{background:var(--fp-metal-trim);color:var(--fp-text-muted);cursor:not-allowed}.reset-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--fp-metal-trim);color:var(--fp-text-muted);padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:500;transition:all .15s}.reset-btn:hover:not(:disabled){border-color:var(--fp-accent);color:var(--fp-accent)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.output-panel{display:flex;flex-direction:column;gap:.75rem;background:var(--fp-card);border:1px solid var(--fp-metal-trim);border-radius:6px;padding:.875rem;width:100%}.output-header{display:flex;align-items:center;justify-content:space-between}.output-title{display:flex;align-items:center;gap:.4rem;color:var(--fp-success);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.download-btn{display:flex;align-items:center;gap:.4rem;background:var(--fp-success);border:none;color:#000;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.45rem .85rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:filter .15s}.download-btn:hover{filter:brightness(1.1)}.output-preview{background:#0000004d;border:1px solid var(--fp-metal-trim);border-radius:4px;overflow:hidden}.output-preview video{width:100%;display:block;max-height:480px}.log-panel{background:var(--fp-card);border:1px solid var(--fp-metal-trim);border-radius:6px;padding:.75rem;width:100%;max-height:180px;overflow-y:auto}.log-title{font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600;color:var(--fp-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}.log-line{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--fp-text-muted);line-height:1.4;white-space:pre-wrap;word-break:break-word}.log-line.log-error{color:var(--fp-error)}.progress-track{width:100%;height:6px;background:var(--fp-metal-trim);border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--fp-accent),var(--fp-accent-hover));transition:width .2s}.error{display:flex;align-items:center;gap:.75rem;background:#ff4d4d14;border:1px solid rgba(255,77,77,.3);color:#ff6b6b;padding:.6rem 1rem;border-radius:4px;font-size:.85rem}.error-icon{font-size:1rem}.footer{padding:.4rem 1.25rem;background:var(--fp-frame);border-top:1px solid var(--fp-metal-trim);flex-shrink:0}.footer-content{display:flex;justify-content:center;align-items:center;gap:1rem}.footer-copyright{font-size:.7rem;color:var(--fp-text-muted)}.footer-copyright a{color:var(--fp-text-muted);text-decoration:none;transition:color .2s}.footer-copyright a:hover{color:var(--fp-accent)}@media (max-width: 768px){.drop-grid{grid-template-columns:1fr}.header{flex-wrap:wrap;gap:.5rem}h1{font-size:1.1rem}.header-text .tagline{display:none}.features{flex-direction:column;gap:.5rem}.action-bar{flex-direction:column;align-items:stretch}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fp-metal-trim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00ccff4d}