[data-astro-cid-lmopy5a2]{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000;--bg-secondary: #0a0a0a;--accent: #00ff00;--accent-dim: rgba(0, 255, 0, .1);--text: #ffffff;--text-secondary: #888;--border: #1a1a1a;--error: #ff4444;--success: #00ff00}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container[data-astro-cid-lmopy5a2]{max-width:900px;margin:0 auto;padding:0 2rem;width:100%}.site-header[data-astro-cid-lmopy5a2]{padding:1rem 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}.header-content[data-astro-cid-lmopy5a2]{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.header-logo[data-astro-cid-lmopy5a2]{display:flex;align-items:center;text-decoration:none}.header-logo[data-astro-cid-lmopy5a2] img[data-astro-cid-lmopy5a2]{height:28px;width:auto}.header-nav[data-astro-cid-lmopy5a2]{display:flex;gap:2rem}.header-nav[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.header-nav[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]:hover{color:var(--accent)}main[data-astro-cid-lmopy5a2]{flex:1;padding:2rem 0 4rem}.page-title[data-astro-cid-lmopy5a2]{text-align:center;margin-bottom:2rem}.page-title[data-astro-cid-lmopy5a2] h1[data-astro-cid-lmopy5a2]{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.5rem}.page-title[data-astro-cid-lmopy5a2] h1[data-astro-cid-lmopy5a2] span[data-astro-cid-lmopy5a2]{color:var(--text)}.page-title[data-astro-cid-lmopy5a2] p[data-astro-cid-lmopy5a2]{color:var(--text-secondary)}.create-interface[data-astro-cid-lmopy5a2]{display:flex;flex-direction:column;gap:1.5rem}.upload-zone[data-astro-cid-lmopy5a2]{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.upload-zone[data-astro-cid-lmopy5a2]:hover,.upload-zone[data-astro-cid-lmopy5a2].dragover{border-color:var(--accent);background:var(--accent-dim)}.upload-zone[data-astro-cid-lmopy5a2].has-file{border-style:solid;border-color:var(--accent)}.upload-zone[data-astro-cid-lmopy5a2].hidden{display:none}.upload-icon[data-astro-cid-lmopy5a2]{font-size:2.5rem;margin-bottom:.75rem}.upload-text[data-astro-cid-lmopy5a2]{color:var(--text);font-size:1rem;margin-bottom:.25rem}.upload-hint[data-astro-cid-lmopy5a2]{color:var(--text-secondary);font-size:.85rem}.file-info[data-astro-cid-lmopy5a2]{display:none;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.upload-zone[data-astro-cid-lmopy5a2].has-file .file-info[data-astro-cid-lmopy5a2]{display:flex}.file-name[data-astro-cid-lmopy5a2]{color:var(--accent);font-family:Monaco,Menlo,monospace}.remove-file[data-astro-cid-lmopy5a2]{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem}.remove-file[data-astro-cid-lmopy5a2]:hover{color:var(--error)}#file-input[data-astro-cid-lmopy5a2]{display:none}.record-zone[data-astro-cid-lmopy5a2]{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center}.record-zone[data-astro-cid-lmopy5a2].hidden{display:none}.record-zone[data-astro-cid-lmopy5a2].recording{border-color:var(--error);border-style:solid;animation:recordPulse 1.5s ease-in-out infinite}@keyframes recordPulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 10px #f440}}.record-zone[data-astro-cid-lmopy5a2].has-recording{border-color:var(--accent);border-style:solid}.mic-permission[data-astro-cid-lmopy5a2],.mic-ready[data-astro-cid-lmopy5a2],.recorded-audio[data-astro-cid-lmopy5a2]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mic-permission[data-astro-cid-lmopy5a2].hidden,.mic-ready[data-astro-cid-lmopy5a2].hidden,.recorded-audio[data-astro-cid-lmopy5a2].hidden{display:none}.permission-btn[data-astro-cid-lmopy5a2]{margin-top:1rem;background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.permission-btn[data-astro-cid-lmopy5a2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff004d}.record-indicator[data-astro-cid-lmopy5a2]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.record-dot[data-astro-cid-lmopy5a2]{width:12px;height:12px;border-radius:50%;background:var(--text-secondary)}.recording[data-astro-cid-lmopy5a2] .record-dot[data-astro-cid-lmopy5a2]{background:var(--error);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.record-time[data-astro-cid-lmopy5a2]{font-family:Monaco,Menlo,monospace;font-size:1.5rem;color:var(--text)}.record-controls[data-astro-cid-lmopy5a2]{display:flex;gap:1rem;margin-top:1rem}.record-btn[data-astro-cid-lmopy5a2]{width:60px;height:60px;border-radius:50%;border:2px solid var(--border);background:var(--bg);color:var(--text);font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.record-btn[data-astro-cid-lmopy5a2]:hover{border-color:var(--accent);transform:scale(1.05)}.record-btn[data-astro-cid-lmopy5a2] .record-icon[data-astro-cid-lmopy5a2]{color:var(--error)}.record-btn[data-astro-cid-lmopy5a2].stop{border-color:var(--error)}.record-btn[data-astro-cid-lmopy5a2].stop .stop-icon[data-astro-cid-lmopy5a2]{color:var(--error)}.record-btn[data-astro-cid-lmopy5a2].hidden{display:none}.recorded-audio[data-astro-cid-lmopy5a2] audio[data-astro-cid-lmopy5a2]{width:100%;max-width:400px;margin:1rem 0}.recorded-actions[data-astro-cid-lmopy5a2]{display:flex;gap:.75rem;margin-top:.5rem}.command-section[data-astro-cid-lmopy5a2]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.command-section[data-astro-cid-lmopy5a2].hidden{display:none}.command-section[data-astro-cid-lmopy5a2] label[data-astro-cid-lmopy5a2]{display:block;color:var(--text);font-weight:600;margin-bottom:.75rem}.command-input-wrapper[data-astro-cid-lmopy5a2]{display:flex;gap:.75rem}.command-input[data-astro-cid-lmopy5a2]{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.875rem 1rem;color:var(--text);font-size:1rem;font-family:Monaco,Menlo,monospace;transition:border-color .2s}.command-input[data-astro-cid-lmopy5a2]:focus{outline:none;border-color:var(--accent)}.command-input[data-astro-cid-lmopy5a2]::placeholder{color:var(--text-secondary)}.process-btn[data-astro-cid-lmopy5a2]{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.process-btn[data-astro-cid-lmopy5a2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00ff004d}.process-btn[data-astro-cid-lmopy5a2]:disabled{opacity:.5;cursor:not-allowed}.command-examples[data-astro-cid-lmopy5a2]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.example-chip[data-astro-cid-lmopy5a2]{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.375rem .875rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.example-chip[data-astro-cid-lmopy5a2]:hover{border-color:var(--accent);color:var(--accent)}.auth-bar[data-astro-cid-lmopy5a2]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.auth-guest[data-astro-cid-lmopy5a2],.auth-user[data-astro-cid-lmopy5a2]{display:flex;align-items:center;gap:1rem}.auth-guest[data-astro-cid-lmopy5a2].hidden,.auth-user[data-astro-cid-lmopy5a2].hidden{display:none}.auth-message[data-astro-cid-lmopy5a2]{color:var(--text-secondary);font-size:.9rem}.credit-display[data-astro-cid-lmopy5a2]{display:flex;align-items:center;gap:.75rem}.tier-badge[data-astro-cid-lmopy5a2]{background:var(--accent);color:var(--bg);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-badge[data-astro-cid-lmopy5a2].creator{background:#9b59b6}.tier-badge[data-astro-cid-lmopy5a2].producer{background:#f39c12}.credit-count[data-astro-cid-lmopy5a2]{color:var(--text);font-size:.9rem;font-family:Monaco,Menlo,monospace}.credit-count[data-astro-cid-lmopy5a2].low{color:var(--error)}.mode-tabs[data-astro-cid-lmopy5a2]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.mode-tab[data-astro-cid-lmopy5a2]{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .875rem;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.mode-tab[data-astro-cid-lmopy5a2]:hover{border-color:var(--text-secondary)}.mode-tab[data-astro-cid-lmopy5a2].active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.status-section[data-astro-cid-lmopy5a2]{display:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.status-section[data-astro-cid-lmopy5a2].visible{display:block}.status-spinner[data-astro-cid-lmopy5a2]{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.status-text[data-astro-cid-lmopy5a2]{color:var(--text);font-size:1rem}.status-detail[data-astro-cid-lmopy5a2]{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.results-section[data-astro-cid-lmopy5a2]{display:none;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:12px;padding:1.5rem}.results-section[data-astro-cid-lmopy5a2].visible{display:block}.results-header[data-astro-cid-lmopy5a2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.results-title[data-astro-cid-lmopy5a2]{color:var(--accent);font-size:1rem;font-weight:600}.results-meta[data-astro-cid-lmopy5a2]{color:var(--text-secondary);font-size:.85rem}.audio-player[data-astro-cid-lmopy5a2]{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.audio-player[data-astro-cid-lmopy5a2] audio[data-astro-cid-lmopy5a2]{width:100%;height:40px}.action-buttons[data-astro-cid-lmopy5a2]{display:flex;gap:.75rem}.action-btn[data-astro-cid-lmopy5a2]{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none}.action-btn[data-astro-cid-lmopy5a2].primary{background:var(--accent);color:var(--bg);border:none}.action-btn[data-astro-cid-lmopy5a2].primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff004d}.action-btn[data-astro-cid-lmopy5a2].secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.action-btn[data-astro-cid-lmopy5a2].secondary:hover{border-color:var(--accent);color:var(--accent)}.action-btn[data-astro-cid-lmopy5a2].locked{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer}.action-btn[data-astro-cid-lmopy5a2].locked:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.lock-icon[data-astro-cid-lmopy5a2]{margin-right:.5rem}.free-trial-badge[data-astro-cid-lmopy5a2]{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00ff0026,#00ff000d);border:1px solid var(--accent);border-radius:8px;padding:.5rem 1rem;color:var(--accent);font-size:.85rem;font-weight:600;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #0f03}50%{box-shadow:0 0 15px #0f06}}.free-trial-badge[data-astro-cid-lmopy5a2] .spark[data-astro-cid-lmopy5a2]{font-size:1rem}.trial-used-message[data-astro-cid-lmopy5a2]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#00ff001a,#00ff0005);border:1px solid var(--accent);border-radius:8px;text-align:center}.trial-used-message[data-astro-cid-lmopy5a2] .message-text[data-astro-cid-lmopy5a2]{color:var(--text);font-size:.95rem}.trial-used-message[data-astro-cid-lmopy5a2] .credits-teaser[data-astro-cid-lmopy5a2]{color:var(--accent);font-size:.85rem;font-weight:600}.error-message[data-astro-cid-lmopy5a2]{display:none;background:#ff44441a;border:1px solid var(--error);border-radius:8px;padding:1rem;color:var(--error);text-align:center}.error-message[data-astro-cid-lmopy5a2].visible{display:block}footer[data-astro-cid-lmopy5a2]{border-top:1px solid var(--border);padding:4rem 0 2rem;color:var(--text-secondary);font-size:.9rem}.footer-grid[data-astro-cid-lmopy5a2]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.footer-brand[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]{display:inline-block}.footer-logo[data-astro-cid-lmopy5a2]{height:28px;width:auto}.footer-links[data-astro-cid-lmopy5a2] h4[data-astro-cid-lmopy5a2],.footer-legal[data-astro-cid-lmopy5a2] h4[data-astro-cid-lmopy5a2],.footer-social[data-astro-cid-lmopy5a2] h4[data-astro-cid-lmopy5a2]{color:var(--text);font-size:1rem;margin-bottom:1rem}.footer-links[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2],.footer-legal[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2],.footer-social[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]{display:block;color:var(--text-secondary);text-decoration:none;padding:.3rem 0;transition:color .2s ease}.footer-links[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]:hover,.footer-legal[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]:hover,.footer-social[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]:hover{color:var(--accent)}.footer-bottom[data-astro-cid-lmopy5a2]{border-top:1px solid var(--border);padding-top:2rem;text-align:center}@media (max-width: 768px){.container[data-astro-cid-lmopy5a2]{padding:0 1.5rem}.header-content[data-astro-cid-lmopy5a2]{gap:1.5rem}.header-nav[data-astro-cid-lmopy5a2]{gap:1rem}.header-nav[data-astro-cid-lmopy5a2] a[data-astro-cid-lmopy5a2]{font-size:.85rem}.command-input-wrapper[data-astro-cid-lmopy5a2],.action-buttons[data-astro-cid-lmopy5a2]{flex-direction:column}.footer-grid[data-astro-cid-lmopy5a2]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 480px){.footer-grid[data-astro-cid-lmopy5a2]{grid-template-columns:1fr;text-align:center}.header-content[data-astro-cid-lmopy5a2]{flex-direction:column;gap:1rem}}