@font-face{font-family:NotoSans;src:url(/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSans;src:url(/fonts/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--color-accent: #CCFF00;--color-input: #00ff88;--color-output: #ff00ff;--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666;--border-color: #2a2a2a;font-family:NotoSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:var(--color-input);text-decoration:none}a:hover{text-decoration:underline}button,input[type=text],input[type=number],textarea,select{border-radius:0;font-family:inherit}.foam-logo-3d{border-radius:4px;overflow:hidden}.foam-logo-3d canvas{display:block}.foam-logo-stats{position:absolute;top:10px;left:10px;background:#000c;padding:10px 14px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#0f8;border:1px solid #333;line-height:1.6;pointer-events:none;z-index:100}.voice-selector{display:flex;flex-direction:column;gap:.5rem}.voice-selector label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.voice-selector select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:border-color .2s}.voice-selector select:hover{border-color:var(--text-secondary)}.voice-selector select:focus{outline:none;border-color:var(--color-input)}.voice-selector.loading,.voice-selector.error{padding:1rem;color:var(--text-tertiary);font-style:italic}.language-selector{display:flex;flex-direction:column;gap:.5rem}.language-selector label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.language-selector select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:border-color .2s}.language-selector select:hover{border-color:var(--text-secondary)}.language-selector select:focus{outline:none;border-color:var(--color-input)}.quality-selector{display:flex;flex-direction:column;gap:.5rem}.quality-selector label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.quality-selector select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:border-color .2s}.quality-selector select:hover{border-color:var(--text-secondary)}.quality-selector select:focus{outline:none;border-color:var(--color-input)}.advanced-settings{display:flex;flex-direction:column;gap:.75rem}.advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:var(--text-tertiary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:color .2s}.advanced-toggle:hover{color:var(--color-input)}.toggle-icon{font-size:.75rem;transition:transform .2s}.advanced-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0}.setting-row{display:flex;flex-direction:column;gap:.25rem}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-header label{font-weight:500;color:var(--text-secondary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace}.setting-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;color:var(--color-input);min-width:50px;text-align:right}.setting-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;cursor:pointer}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,var(--color-input),var(--color-output));border:none;border-radius:0;cursor:grab}.setting-row input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 6px var(--color-input)}.setting-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,var(--color-input),var(--color-output));border:none;border-radius:0;cursor:grab}.setting-description{margin:0;font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.reset-btn{margin-top:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:0;color:var(--text-tertiary);font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:all .2s;align-self:flex-start}.reset-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.instructions-textarea{width:100%;min-height:60px;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;resize:vertical}.instructions-textarea::placeholder{color:var(--text-tertiary)}.instructions-textarea:focus{outline:none;border-color:var(--color-input)}.openai-speech-affects{display:flex;flex-direction:column;gap:1rem}.affects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.affect-selector{display:flex;flex-direction:column;gap:.5rem}.affect-selector label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.affect-selector select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:border-color .2s}.affect-selector select:hover{border-color:var(--text-secondary)}.affect-selector select:focus{outline:none;border-color:var(--color-input)}.speed-control{display:flex;flex-direction:column;gap:.5rem}.speed-header{display:flex;justify-content:space-between;align-items:center}.speed-header label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.speed-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;color:var(--color-input)}.speed-control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;cursor:pointer}.speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,var(--color-input),var(--color-output));border:none;border-radius:0;cursor:grab}.speed-control input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 6px var(--color-input)}.speed-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,var(--color-input),var(--color-output));border:none;border-radius:0;cursor:grab}.text-input{display:flex;flex-direction:column;gap:.5rem}.text-input label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.text-input textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;resize:vertical;min-height:100px;transition:border-color .2s}.text-input textarea:hover{border-color:var(--text-secondary)}.text-input textarea:focus{outline:none;border-color:var(--color-input)}.text-input textarea:disabled{opacity:.3;cursor:not-allowed}.text-input textarea::placeholder{color:var(--text-tertiary)}.text-input .text-input-footer{display:flex;justify-content:space-between;align-items:center}.text-input .char-count{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.text-input .credit-cost{font-size:.75rem;color:var(--text-secondary)}.text-input .credit-cost strong{color:var(--color-input)}.text-input .credit-cost.insufficient,.text-input .credit-cost.insufficient strong{color:var(--color-output)}.text-input .credit-cost .warning{color:var(--color-output);font-size:.7rem}.text-input .credit-info{font-size:.8rem;color:var(--text-secondary);padding:.5rem;background:var(--bg-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace;margin-top:.5rem}.text-input .credit-info-icon{display:none}.text-input .credit-info strong{color:var(--color-input)}.generation-progress{display:flex;flex-direction:column;gap:.75rem}.generate-btn{background:var(--color-accent);color:var(--bg-primary);border:none;border-radius:0;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 0 12px #cf06}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn:disabled{opacity:.3;cursor:not-allowed}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-bar{height:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-input),var(--color-accent));transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.progress-stage{color:var(--text-primary)}.progress-percent{color:var(--text-tertiary)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ff00ff1a;border:1px solid var(--color-output);border-radius:0}.error-icon{color:var(--color-output);font-weight:700}.error-text{color:var(--color-output);flex:1;font-size:.85rem}.retry-btn{background:transparent;border:1px solid var(--border-color);border-radius:0;color:var(--text-primary);padding:.375rem .75rem;cursor:pointer;font-size:.8rem;transition:all .2s}.retry-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.complete-actions{display:flex;flex-direction:column;gap:.75rem}.success-message{color:var(--color-accent);font-weight:500}.action-buttons{display:flex;gap:4px}.download-btn{background:var(--color-accent);color:var(--bg-primary);border:none;border-radius:0;padding:.625rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;flex:1;transition:all .2s}.download-btn:hover{box-shadow:0 0 8px #cf06}.download-btn:active{transform:scale(.98)}.new-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:0;padding:.625rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s}.new-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.library-panel{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;max-height:180px;background:#30f;border-top:2px solid #5533ff}.library-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0}.library-panel-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:500;color:#fff}.library-icon{font-size:1rem}.library-panel .refresh-btn{background:transparent;width:28px;height:28px;padding:0;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:0;transition:all .2s}.library-panel .refresh-btn:hover:not(:disabled){border-color:#fff;background:#ffffff1a}.library-panel .refresh-btn:disabled{opacity:.3;cursor:not-allowed}.library-error{display:flex;align-items:center;justify-content:space-between;padding:.375rem 1rem;background:#ff00644d;border-bottom:1px solid rgba(255,0,100,.5);color:#fff;font-size:.75rem;flex-shrink:0}.library-error .dismiss-btn{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.library-error .dismiss-btn:hover{opacity:1}.library-bundle-list{flex:1;overflow-y:auto;overflow-x:hidden;background:#0a0a14}.library-empty{padding:1rem;text-align:center;font-size:.8rem;color:#3300ff80}.library-bundle-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0a14}.library-bundle-item:last-child{border-bottom:none}.library-bundle-item:hover:not(.disabled){background:#12121f}.library-bundle-item.disabled{opacity:.5;cursor:not-allowed}.bundle-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden;flex:1;min-width:0}.bundle-name{font-size:.8rem;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-meta{font-size:.6rem;color:#ffffff80;font-family:SF Mono,Monaco,Inconsolata,monospace}.bundle-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.library-bundle-item .play-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:24px;min-width:24px;max-width:24px;height:24px;padding:0;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;flex-grow:0;opacity:.6;border-radius:0}.library-bundle-item:hover .play-btn{opacity:1}.library-bundle-item .play-btn:hover:not(:disabled){border-color:#0f8;color:#0f8;background:#00ff881a}.library-bundle-item .play-btn.playing{border-color:#f60;color:#f60;opacity:1;background:#ff660026}.library-bundle-item .play-btn.loading{opacity:.5;cursor:wait}.library-bundle-item .play-btn:disabled{cursor:wait}.library-bundle-item.playing{background:#ff66001a}.library-bundle-item.playing .bundle-name{color:#f60}.library-bundle-item .download-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:24px;min-width:24px;max-width:24px;height:24px;padding:0;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;flex-grow:0;opacity:.6;border-radius:0}.library-bundle-item:hover .download-btn{opacity:1}.library-bundle-item .download-btn:hover{border-color:#fff;background:#ffffff26}.library-bundle-list::-webkit-scrollbar{width:6px}.library-bundle-list::-webkit-scrollbar-track{background:#0a0a14}.library-bundle-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.library-bundle-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.25rem;color:var(--text-tertiary);cursor:pointer;padding:0;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.license-form{display:flex;flex-direction:column;gap:1rem}.license-description{color:var(--text-secondary);margin:0;text-align:center;font-size:.9rem}.license-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:1.1rem;font-family:NotoSans,system-ui,sans-serif;text-align:center;letter-spacing:.5px;outline:none;transition:border-color .2s}.license-input:focus{border-color:var(--color-input)}.license-input::placeholder{color:var(--text-tertiary);letter-spacing:.5px}.license-input:disabled{opacity:.3;cursor:not-allowed}.license-error{color:var(--color-output);margin:0;text-align:center;font-size:.85rem}.license-submit{background:var(--color-accent);color:var(--bg-primary);border:none;border-radius:0;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.license-submit:hover:not(:disabled){box-shadow:0 0 12px #cf06}.license-submit:active:not(:disabled){transform:scale(.98)}.license-submit:disabled{opacity:.3;cursor:not-allowed}.license-help{color:var(--text-tertiary);font-size:.875rem;text-align:center;margin:.5rem 0 0}.license-help a{color:var(--color-input);text-decoration:none}.license-help a:hover{text-decoration:underline}.buy-credits{display:flex;flex-direction:column;gap:1.5rem}.buy-credits-balance{text-align:center;color:var(--text-secondary);margin:0}.buy-credits-balance strong{color:var(--color-input)}.credit-packs{display:flex;flex-direction:column;gap:.75rem}.credit-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;cursor:pointer;transition:all .15s}.credit-pack:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.credit-pack-featured{border-color:var(--color-accent);background:#ccff000d}.credit-pack-featured:hover{background:#ccff001a;border-color:var(--color-accent)}.pack-badge{position:absolute;top:-10px;right:12px;padding:.25rem .5rem;background:var(--color-accent);color:var(--bg-primary);font-size:.7rem;font-weight:600;border-radius:0;text-transform:uppercase}.pack-name{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.pack-credits{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.pack-price{font-size:1.25rem;color:var(--color-accent);font-weight:500}.pack-rate{font-size:.75rem;color:var(--text-tertiary)}.buy-credits-info{text-align:center;color:var(--text-tertiary);font-size:.875rem;margin:0}.settings{display:flex;flex-direction:column;gap:1.5rem}.settings-section{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section-title{margin:0;font-size:.8rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.settings-row{display:flex;justify-content:space-between;align-items:center}.settings-label{color:var(--text-secondary)}.settings-value{font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--text-primary);font-size:.875rem}.settings-mode{display:flex;flex-direction:column;gap:.5rem}.mode-option{display:flex;flex-direction:column;gap:.125rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;opacity:.5}.mode-option.mode-active{opacity:1;border-color:var(--color-input);background:#00ff880d}.mode-name{font-weight:600;color:var(--text-primary)}.mode-description{font-size:.875rem;color:var(--text-tertiary)}.byok-form{display:flex;flex-direction:column;gap:.75rem}.byok-description{margin:0;color:var(--text-secondary);font-size:.875rem}.byok-input{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;color:var(--text-primary);font-family:NotoSans,system-ui,sans-serif;font-size:1rem;outline:none;transition:border-color .2s}.byok-input:focus{border-color:var(--color-input)}.byok-input:disabled{opacity:.3}.byok-error{margin:0;color:var(--color-output);font-size:.85rem}.byok-active{display:flex;flex-direction:column;gap:.75rem}.byok-status{margin:0;color:var(--color-input);font-size:.875rem}.settings-button-primary{background:var(--color-accent);color:var(--bg-primary);border:none;border-radius:0;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-button-primary:hover:not(:disabled){box-shadow:0 0 12px #cf06}.settings-button-primary:disabled{opacity:.3;cursor:not-allowed}.settings-button-danger{background:transparent;color:var(--color-output);border:1px solid var(--color-output);border-radius:0;padding:.75rem 1rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-button-danger:hover:not(:disabled){background:#ff00ff1a}.settings-button-danger:disabled{opacity:.3;cursor:not-allowed}.credits-display{display:flex;align-items:center;gap:.5rem}.credits-badge{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#00ff881a;border:1px solid var(--color-input);border-radius:0;color:var(--color-input);font-size:.875rem;cursor:pointer;transition:all .15s}.credits-badge:hover{background:#0f83;border-color:var(--color-input)}.credits-badge.credits-low{background:#ffaa001a;border-color:#fa0;color:#fa0}.credits-badge.credits-low:hover{background:#fa03}.credits-badge.credits-byok{background:#8888ff1a;border-color:#88f;color:#88f}.credits-badge.credits-byok:hover{background:#88f3}.credits-icon{font-size:.625rem}.credits-value{font-weight:600}.credits-label{font-weight:400;opacity:.8}.settings-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:0;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.settings-button:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.mode-toggle{display:flex;gap:0;margin-bottom:1.5rem}.mode-toggle-btn{flex:1;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:all .2s}.mode-toggle-btn:first-child{border-right:none}.mode-toggle-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.mode-toggle-btn.active{background:var(--color-input);color:var(--bg-primary);border-color:var(--color-input)}.mode-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.audio-upload{display:flex;flex-direction:column;gap:.5rem}.audio-upload label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.dropzone{background:var(--bg-tertiary);border:2px dashed var(--border-color);padding:2rem;cursor:pointer;transition:all .2s;min-height:120px;display:flex;align-items:center;justify-content:center}.dropzone:hover{border-color:var(--text-secondary);background:var(--bg-secondary)}.dropzone.dragging{border-color:var(--color-input);background:#00ff880d}.dropzone.has-file{border-style:solid;border-color:var(--color-input)}.dropzone.has-error{border-color:var(--color-output)}.dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.dropzone-icon{font-size:2rem;color:var(--text-tertiary);line-height:1}.dropzone-text{font-size:.875rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace}.dropzone-hint{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.dropzone-loading{color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem}.dropzone-file{display:flex;align-items:center;justify-content:space-between;width:100%}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.875rem;color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;word-break:break-all}.file-meta{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.remove-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:all .2s}.remove-btn:hover:not(:disabled){border-color:var(--color-output);color:var(--color-output)}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error{font-size:.75rem;color:var(--color-output);font-family:SF Mono,Monaco,Inconsolata,monospace;padding:.5rem;background:#ff6b6b1a}.upload-info{font-size:.75rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace}.upload-info strong{color:var(--color-input)}.transcript-input{display:flex;flex-direction:column;gap:.5rem}.transcript-input label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,monospace}.transcript-input textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;padding:.75rem;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;resize:vertical;min-height:100px;transition:border-color .2s}.transcript-input textarea:hover{border-color:var(--text-secondary)}.transcript-input textarea:focus{outline:none;border-color:var(--color-input)}.transcript-input textarea:disabled{opacity:.3;cursor:not-allowed}.transcript-input textarea::placeholder{color:var(--text-tertiary)}.transcript-footer{display:flex;justify-content:flex-end}.transcript-input .char-count{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace}.transcript-hint{font-size:.75rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-style:italic}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;border-bottom:1px solid var(--border-color)}.header-left,.header-right{flex:1;display:flex}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{text-align:center}.app-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-input) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .subtitle{margin:.25rem 0 0;color:var(--text-tertiary);font-size:.875rem}.app-loading{justify-content:center;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-input);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-main{flex:1;padding:2rem;padding-bottom:200px;display:flex;flex-direction:column;align-items:center;gap:2rem}.generation-panel{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.selectors-row{display:flex;gap:1rem}.selectors-row>*{flex:1}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}