@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0D0D0D;--bg-tertiary: #1A1A1A;--accent-primary: #00FF41;--accent-secondary: #39FF14;--text-accent: #00FF41;--text-primary: #E5E5E5;--text-secondary: #A3A3A3;--text-tertiary: #6B6B6B;--text-muted: #444444;--border-color: rgba(0, 255, 65, .2);--border-hover: rgba(0, 255, 65, .5);--glow-primary: 0 0 15px rgba(0, 255, 65, .3);--glow-hover: 0 0 25px rgba(0, 255, 65, .5);--accent-error: #f472b6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:500;line-height:1.2;color:var(--text-primary)}h2{color:var(--text-accent);font-size:1.75rem;font-weight:700}p{color:var(--text-secondary);font-size:.9rem}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}input,button,textarea,select{font-family:inherit;color:inherit}.hidden{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:#39ff14}main{padding:var(--space-sm);height:100vh}.generator-app{display:grid;grid-template-columns:260px 1fr 1px 1.2fr;gap:var(--space-md);height:calc(100vh - (var(--space-sm) * 2))}.vertical-divider{background-color:var(--border-color)}.sidebar{display:flex;flex-direction:column;padding-right:var(--space-md)}.sidebar-header{padding:var(--space-sm) 0;margin-bottom:var(--space-lg)}.sidebar-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.sidebar-header span{font-size:.8rem;color:var(--text-tertiary)}.sidebar ul{list-style:none;margin:0;padding:0;flex-grow:1}.sidebar li button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:12px var(--space-sm);background:transparent;border:none;color:var(--text-secondary);text-align:left;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.sidebar li button svg{width:20px;height:20px;flex-shrink:0}.sidebar li button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar li.active button{background:var(--accent-primary);color:var(--bg-primary);font-weight:700;box-shadow:var(--glow-primary)}.sidebar li.disabled button{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.sidebar li.disabled button:hover{background:transparent}.sidebar-footer{padding:var(--space-sm) 0;font-size:.8rem;color:var(--text-tertiary)}.main-content{display:flex;flex-direction:column;overflow-y:auto;padding-right:var(--space-md)}.content-header{margin-bottom:var(--space-xl)}.content-header p{color:var(--text-secondary);max-width:500px}.form-group{margin-bottom:var(--space-lg)}.generate-button-wrapper{margin-top:auto;padding-top:var(--space-lg)}.results-panel{display:flex;flex-direction:column;overflow:hidden}.results-header{padding-bottom:var(--space-md);flex-shrink:0}.results-header h2{font-size:1.5rem}#results-container{flex-grow:1;overflow-y:auto;padding:var(--space-xs);margin:0 -var(--space-xs);display:grid;grid-template-columns:1fr;align-content:flex-start;gap:var(--space-md)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);height:100%}.placeholder svg{width:50px;height:50px;margin-bottom:var(--space-md);stroke:var(--text-tertiary)}.placeholder p{color:var(--text-tertiary)}input[type=text],input[type=number],textarea,select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px var(--space-sm);color:var(--text-primary);font-size:.9rem;transition:var(--transition-base);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:inset 0 0 10px #00ff411a,var(--glow-primary)}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300FF41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}select option{background:var(--bg-primary)}.btn-primary{width:100%;padding:16px;font-size:1rem;font-weight:700;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.btn-primary:hover{box-shadow:var(--glow-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-tertiary)}.prompt-mode-toggle .toggle-group{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px}.prompt-mode-toggle .toggle-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.prompt-mode-toggle .toggle-btn:hover{background:var(--bg-tertiary)}.prompt-mode-toggle .toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--glow-primary)}.prompt-mode-toggle .mode-info{margin-top:var(--space-xs);font-size:.8rem;color:var(--text-tertiary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-color);border-radius:var(--radius-sm);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:var(--transition-base)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--glow-hover)}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-xs)}#temperature-value{color:var(--accent-primary);font-weight:600}.toggle-switch-container{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-color)}.toggle-switch-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border-radius:34px;transition:var(--transition-base)}.toggle-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--text-primary);border-radius:50%;transition:var(--transition-base)}.toggle-switch input:checked+.toggle-switch-slider{background:var(--accent-primary);box-shadow:var(--glow-primary)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(22px)}.progress-card,.voice-result-card,.result-item-error{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md)}.progress-card{display:flex;align-items:center;gap:var(--space-md)}.progress-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-title{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.progress-status{font-size:.9rem;color:var(--text-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}.voice-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.voice-result-title h3{font-size:1.2rem;margin:0}.voice-result-title .timestamp{font-size:.8rem;color:var(--text-tertiary);margin:0}.voice-result-card .download-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;padding:6px 12px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--space-xs)}.voice-result-card .download-button svg{width:14px;height:14px}.voice-result-card .download-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.script-display{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-md)}.script-display h4{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.script-display p{font-size:.9rem;color:var(--text-primary)}.voice-script-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md)}.scene-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.scene-badge{background:var(--accent-primary);color:var(--bg-primary);padding:4px 10px;border-radius:20px;font-weight:700;font-size:.8rem}.custom-audio-player{display:flex;align-items:center;gap:var(--space-sm)}.play-pause-btn{width:40px;height:40px;background:var(--accent-primary);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0}.play-pause-btn svg{width:20px;height:20px;fill:var(--bg-primary)}.time-display{font-family:monospace;color:var(--text-tertiary);font-size:.875rem}.progress-bar{flex-grow:1;--progress-percent: 0%}.progress-bar::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-primary) var(--progress-percent),var(--bg-tertiary) var(--progress-percent))}.status-error-display{padding:var(--space-md);border:1px solid var(--accent-error);background:#f472b60d;border-radius:var(--radius-md);color:var(--text-secondary)}.status-error-display h4{display:flex;align-items:center;gap:var(--space-xs);color:var(--accent-error);font-size:1rem;margin:0 0 var(--space-sm) 0}.status-error-display h4 svg{stroke:var(--accent-error);width:20px;height:20px}.status-error-display .error-message{color:var(--text-primary);margin:0 0 var(--space-md) 0}.status-error-display .error-suggestion{font-size:.8rem;color:var(--text-tertiary);margin:0}#global-status{text-align:center;margin-top:var(--space-sm);font-size:.875rem;color:var(--text-accent);min-height:1.5rem;font-weight:500}@media (max-width: 1024px){.generator-app{grid-template-columns:220px 1fr 1px 1fr}}@media (max-width: 768px){body{height:auto}main{padding:0;height:auto}.generator-app{display:flex;flex-direction:column;height:auto}.sidebar,.vertical-divider{display:none}.main-content,.results-panel{padding:var(--space-md);overflow-y:visible}#results-container{height:auto;min-height:300px}}