*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#1a1d2e;--bg-card:#252a3d;--bg-card-hover:#2d3347;--gradient-teal:linear-gradient(135deg,#14b8a6,#0891b2);--gradient-orange:linear-gradient(135deg,#fb923c,#f97316);--gradient-mixed:linear-gradient(135deg,#14b8a6,#0891b2 50%,#fb923c);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--text-primary:#e8eaf0;--text-secondary:#a0a6b8;--border:#3a4057;--accent-teal:#14b8a6;--accent-teal-light:#4fd1c5;--accent-orange:#fb923c;--accent-orange-light:#fbd38d;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow-teal:0 0 20px #14b8a666;--shadow-glow-orange:0 0 20px #fb923c66}body{background:#1a1d2e;background:var(--bg-dark);color:#e8eaf0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #14b8a64d}50%{box-shadow:0 0 40px #14b8a699}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#14b8a6,#fb923c);border-radius:4px;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 20px #14b8a699;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 20px #14b8a699;transform:scale(1.2)}.card{animation:fadeIn .5s ease;background:#252a3d;background:var(--bg-card);border-radius:16px;box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md);padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#252a3db3;border:1px solid #ffffff1a}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 0 20px #14b8a666;box-shadow:var(--shadow-glow-teal);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#fb923c,#f97316);background:var(--gradient-orange);color:#fff}.btn-secondary:hover{box-shadow:0 0 20px #fb923c66;box-shadow:var(--shadow-glow-orange);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger);color:#fff}.btn-ghost{background:#0000;border:2px solid #14b8a6;border:2px solid var(--accent-teal);color:#14b8a6;color:var(--accent-teal)}.btn-ghost:hover{background:#14b8a61a}input[type=email],input[type=password],input[type=text],select,textarea{background:#1a1d2e;background:var(--bg-dark);border:2px solid #3a4057;border:2px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--text-primary);font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#14b8a6;border-color:var(--accent-teal);box-shadow:0 0 0 3px #14b8a61a}textarea{font-family:inherit;min-height:120px;resize:vertical}audio{background:#1a1d2e;background:var(--bg-dark);border-radius:8px;height:50px;outline:none;width:100%}audio::-webkit-media-controls-panel{background:linear-gradient(135deg,#14b8a6,#0891b2)}.grid-2{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-gap:24px;grid-template-columns:repeat(3,1fr)}.grid-auto{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;z-index:1000}.modal{animation:fadeIn .3s ease;background:#252a3d;background:var(--bg-card);border-radius:24px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);max-height:90vh;max-width:90%;overflow-y:auto;padding:32px}::-webkit-scrollbar-track{background:#1a1d2e;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#14b8a6,#fb923c)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0891b2,#f97316)}[data-tooltip]{position:relative}[data-tooltip]:after{background:#1a1d2e;background:var(--bg-dark);border-radius:8px;bottom:100%;box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md);color:#e8eaf0;color:var(--text-primary);content:attr(data-tooltip);font-size:14px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease;white-space:nowrap}[data-tooltip]:hover:after{opacity:1}.badge{background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.badge-orange{background:linear-gradient(135deg,#fb923c,#f97316);background:var(--gradient-orange)}.badge-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#252a3d 25%,#2d3347 50%,#252a3d 75%);background-size:200% 100%;border-radius:8px}.pulse-animation{animation:pulse 2s infinite}.float-animation{animation:float 3s ease-in-out infinite}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.modal{padding:24px}.card{padding:16px}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0891b2 50%,#fb923c);background:var(--gradient-mixed);-webkit-background-clip:text;background-clip:text}.glow-teal{box-shadow:0 0 20px #14b8a666;box-shadow:var(--shadow-glow-teal)}.glow-orange{box-shadow:0 0 20px #fb923c66;box-shadow:var(--shadow-glow-orange)}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.rounded{border-radius:8px}.rounded-lg{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg)}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;gap:16px;justify-content:space-between;padding:16px 24px}.app-header,.header-nav{align-items:center;display:flex;flex-wrap:wrap}.header-nav{flex:1 1;gap:8px;justify-content:center}.header-nav button{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.header-nav button:hover{background:#ffffff4d;transform:translateY(-2px)}.header-nav button.active{background:#14b8a6e6;border-color:#14b8a6}@media (max-width:768px){.header-nav{justify-content:center;order:3;width:100%}}.generate-btn{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 15px #14b8a666;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease}.generate-btn:hover{box-shadow:0 6px 20px #14b8a699;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.preset-section{background:#252a3d99;border:1px solid #14b8a633;border-radius:12px;margin-bottom:20px;padding:20px}.preset-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.preset-dropdown{background:#1e2332cc;border:2px solid #14b8a64d;color:#e8eaf0;min-width:200px;transition:all .3s ease}.preset-dropdown:hover{border-color:#14b8a6}.preset-dropdown:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633}.save-preset-btn{background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.save-preset-btn:hover{box-shadow:0 4px 12px #fb923c66;transform:translateY(-2px)}.quality-selector{background:#252a3d99;border-radius:12px;margin-bottom:20px;padding:20px}.quality-selector h3{color:#14b8a6;font-size:16px;margin:0 0 16px}.quality-options{display:flex;flex-wrap:wrap}.quality-option{background:#1e2332cc;border-radius:8px;flex:1 1;min-width:150px}.quality-option:hover{border-color:#14b8a680}.quality-option.selected{background:#14b8a633;border-color:#14b8a6}.quality-option .quality-icon{font-size:32px;margin-bottom:8px}.quality-option .quality-name{color:#e8eaf0;font-weight:600;margin-bottom:4px}.quality-option .quality-desc{color:#a0a6b8;font-size:12px}.filename-section{background:#252a3d99;border-radius:12px;margin-bottom:20px;padding:20px}.filename-input{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.filename-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.filename-hint{color:#a0a6b8;font-size:12px}.generation-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px #ef444466;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.stop-btn:hover{box-shadow:0 6px 20px #ef444499;transform:translateY(-2px)}.preset-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preset-modal{background:linear-gradient(135deg,#1e2332,#252a3d);border:1px solid #14b8a633;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:32px;width:90%}.preset-modal h3{color:#14b8a6;font-size:24px;margin:0 0 20px}.preset-modal input{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;font-size:16px;margin-bottom:20px;padding:12px 16px;width:100%}.preset-modal input:focus{border-color:#14b8a6;outline:none}.preset-modal-actions{display:flex;gap:12px;justify-content:flex-end}.preset-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.preset-modal-actions .cancel-btn{background:#ffffff1a;color:#e8eaf0}.preset-modal-actions .save-btn{background:linear-gradient(135deg,#14b8a6,#0891b2);color:#fff}.preset-modal-actions button:hover{transform:translateY(-2px)}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.story-mode-page{margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.story-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-new{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-new:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.story-select{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;flex:1 1;font-size:14px;min-width:200px;padding:12px 16px}.story-select:focus{border-color:#14b8a6;outline:none}.btn-save-toolbar{background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-save-toolbar:hover{box-shadow:0 4px 12px #fb923c66;transform:translateY(-2px)}.btn-templates{background:#ffffff1a;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-templates:hover{background:#fff3;border-color:#14b8a6}.page-container-story{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:300px 1fr 320px}.character-list{display:flex;flex-direction:column;gap:12px}.character-item{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease}.character-item:hover{border-color:#14b8a680}.character-item.active{background:#14b8a633;border-color:#14b8a6;box-shadow:0 0 20px #14b8a64d}.character-item.unused{opacity:.5}.character-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.character-tag{background:#14b8a64d;border-radius:6px;color:#14b8a6;font-family:monospace;font-size:14px;font-weight:600;min-width:40px;padding:4px 12px;text-align:center}.narrator-tag{background:#fb923c4d;color:#fb923c}.character-name{flex:1 1;font-size:14px;font-weight:500}.usage-badge{background:#667eea4d;border-radius:4px;color:#667eea;font-size:11px;padding:2px 8px}.voice-select-small{background:#1e2332e6;border:1px solid #14b8a64d;border-radius:6px;color:#e8eaf0;cursor:pointer;font-size:13px;padding:8px 12px;width:100%}.voice-select-small:focus{border-color:#14b8a6;outline:none}.quality-mini{margin-top:16px}.quality-mini label{color:#e8eaf0;display:block;font-size:14px;margin-bottom:8px}.quality-options-mini{display:flex;gap:6px}.quality-btn-mini{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:6px;color:#a0a6b8;cursor:pointer;flex:1 1;font-size:12px;padding:8px 4px;transition:all .3s ease}.quality-btn-mini:hover{border-color:#14b8a680}.quality-btn-mini.active{background:#14b8a633;border-color:#14b8a6;color:#14b8a6}.story-title-input{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;font-size:18px;font-weight:600;padding:14px 18px;transition:all .3s ease;width:100%}.story-title-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.story-lines-section{max-height:600px;overflow-y:auto}.story-lines-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-add-line{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-add-line:hover{box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}.story-lines-container{display:flex;flex-direction:column;gap:16px}.story-line{background:#1e233299;border:1px solid #ffffff1a;border-radius:8px;padding:16px;transition:all .3s ease}.story-line:hover{border-color:#14b8a64d}.line-controls{align-items:center;display:flex;gap:12px;margin-bottom:12px}.line-tag-select{background:#1e2332e6;border:2px solid #14b8a64d;border-radius:6px;color:#14b8a6;cursor:pointer;font-family:monospace;font-size:14px;font-weight:600;min-width:60px;padding:8px 12px}.line-tag-select:focus{border-color:#14b8a6;outline:none}.line-buttons{display:flex;gap:6px;margin-left:auto}.btn-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e8eaf0;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.btn-icon:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.btn-icon.btn-delete:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.line-text-input{background:#1e2332cc;border:2px solid #14b8a633;border-radius:8px;color:#e8eaf0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;min-height:60px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.line-text-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.line-info{display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.voice-info{color:#fb923c}.word-count{color:#14b8a6}.btn-generate-story{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:18px 32px;transition:all .3s ease;width:100%}.btn-generate-story:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-generate-story:disabled{cursor:not-allowed;opacity:.5;transform:none}.template-buttons{display:flex;flex-direction:column;gap:8px}.btn-template{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:500;padding:12px;text-align:left;transition:all .3s ease;width:100%}.btn-template:hover{background:#14b8a633;border-color:#14b8a6;transform:translateX(4px)}.help-content{display:flex;flex-direction:column;gap:16px}.help-item{border-bottom:1px solid #ffffff1a;padding-bottom:16px}.help-item:last-child{border-bottom:none;padding-bottom:0}.help-item strong{color:#14b8a6;display:block;font-size:14px;margin-bottom:6px}.help-item p{color:#a0a6b8;font-size:13px;line-height:1.5;margin:0}.help-item code{background:#14b8a633;border-radius:4px;color:#14b8a6;font-family:monospace;font-size:12px;padding:2px 6px}.example-content{display:flex;flex-direction:column;gap:8px}.example-line{background:#1e233299;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px}.example-tag{color:#14b8a6;font-family:monospace;font-weight:600;min-width:40px}.example-line span:last-child{color:#e8eaf0;line-height:1.5}.help-prompt{color:#a0a6b8;font-size:14px;padding:32px 16px;text-align:center}.section-hint{color:#a0a6b8;font-size:13px;margin:-8px 0 16px}.save-modal h3{color:#fb923c;font-size:24px;margin:0 0 8px}.save-preview{grid-gap:12px;background:#1e233299;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:16px}@media (max-width:1200px){.page-container-story{grid-template-columns:280px 1fr}.right-column-story{grid-column:1/-1}}@media (max-width:768px){.story-mode-page{padding:16px}.page-container-story{grid-template-columns:1fr}.story-toolbar{flex-direction:column}.story-select{width:100%}.story-lines-section{max-height:none}.line-controls{flex-wrap:wrap}.save-preview{grid-template-columns:1fr}}.my-files-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px 24px 120px}.storage-banner{background:linear-gradient(135deg,#14b8a633,#fb923c33);border:2px solid #14b8a64d;border-radius:12px;margin-bottom:24px;padding:20px}.storage-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.storage-stat{display:flex;flex-direction:column;gap:4px}.storage-stat .stat-label{color:#a0a6b8;font-size:13px}.storage-stat .stat-value{color:#14b8a6;font-size:20px;font-weight:600}.storage-bar-container{align-items:center;display:flex;gap:16px}.storage-bar{background:#1e2332cc;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.storage-fill{background:linear-gradient(90deg,#14b8a6,#fb923c);height:100%;transition:width .5s ease}.storage-percentage{color:#e8eaf0;font-size:14px;font-weight:600;min-width:80px;text-align:right}.files-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-container{flex:1 1;min-width:250px}.search-input{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.filter-select,.sort-select{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px}.filter-select:focus,.sort-select:focus{border-color:#14b8a6;outline:none}.btn-sort-order{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-size:18px;padding:12px 16px;transition:all .3s ease}.btn-sort-order:hover{background:#14b8a633;border-color:#14b8a6}.btn-bulk-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-bulk-delete:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-refresh{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.files-container{background:#252a3d99;border:1px solid #14b8a633;border-radius:12px;min-height:400px;padding:20px}.loading-state{align-items:center;color:#a0a6b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#a0a6b8;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#e8eaf0;margin-bottom:8px}.select-all-bar{align-items:center;background:#1e233299;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.results-count{color:#a0a6b8;font-size:14px}.files-list{display:flex;flex-direction:column;gap:12px}.file-card{align-items:center;background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.file-card:hover{background:#1e2332f2;border-color:#14b8a680}.file-card.playing{background:#14b8a626;border-color:#14b8a6;box-shadow:0 0 20px #14b8a64d}.file-card.selected{background:#667eea26;border-color:#667eea}.file-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.file-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:16px}.file-icon{font-size:32px;min-width:40px;text-align:center}.file-details{flex:1 1;min-width:0}.file-name{color:#e8eaf0;font-size:16px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.meta-item{color:#a0a6b8;white-space:nowrap}.file-actions{display:flex;gap:8px}.btn-action{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#e8eaf0;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.btn-action:hover{transform:translateY(-2px)}.btn-play:hover{background:#14b8a64d;border-color:#14b8a6}.btn-download:hover{background:#fb923c4d;border-color:#fb923c}.btn-delete:hover{background:#ef44444d;border-color:#ef4444}.pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.btn-page{background:#1e2332cc;border:2px solid #14b8a64d;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-page:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.btn-page:disabled{cursor:not-allowed;opacity:.3}.page-numbers{display:flex;gap:8px}.btn-page-num{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:600;height:40px;padding:0;transition:all .3s ease;width:40px}.btn-page-num:hover{border-color:#14b8a680}.btn-page-num.active{background:linear-gradient(135deg,#14b8a6,#0891b2);border-color:#14b8a6;color:#fff}.sticky-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e2332,#252a3d);border-top:2px solid #14b8a6;bottom:0;box-shadow:0 -4px 20px #0000004d;left:0;padding:16px 24px;position:fixed;right:0;z-index:100}.player-content{gap:24px;margin:0 auto;max-width:1400px}.now-playing,.player-content{align-items:center;display:flex}.now-playing{gap:12px;min-width:250px}.playing-icon{animation:pulse 2s infinite;font-size:24px}.playing-info{flex:1 1;min-width:0}.playing-title{color:#e8eaf0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing-meta{color:#14b8a6;font-size:12px}.audio-player-sticky{flex:1 1;height:40px}.btn-close-player{background:#ef444433;border:2px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:20px;height:40px;padding:0;transition:all .3s ease;width:40px}.btn-close-player:hover{background:#ef44444d;border-color:#ef4444}.delete-modal h3{color:#ef4444;font-size:24px;margin:0 0 8px}.warning-text{color:#fb923c;font-size:14px;font-weight:600;margin-top:8px}.btn-delete-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-delete-confirm:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.shortcuts-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2332f2;border:1px solid #14b8a64d;border-radius:8px;bottom:16px;color:#a0a6b8;font-size:12px;padding:12px 16px;position:fixed;right:16px;z-index:99}.shortcuts-hint kbd{background:#14b8a633;border:1px solid #14b8a64d;border-radius:4px;color:#14b8a6;font-family:monospace;font-size:11px;padding:2px 6px}@media (max-width:1024px){.storage-info{grid-template-columns:repeat(2,1fr)}.file-meta{font-size:12px}.player-content{flex-wrap:wrap}.now-playing{min-width:200px}}@media (max-width:768px){.my-files-page{padding:16px}.storage-info{grid-template-columns:1fr}.files-toolbar{flex-direction:column}.filter-select,.search-container,.sort-select{width:100%}.file-card{flex-wrap:wrap}.file-meta{flex-direction:column;gap:4px}.file-actions{justify-content:flex-end;width:100%}.page-numbers{display:none}.sticky-player{padding:12px 16px}.player-content{gap:12px}.now-playing{min-width:120px}.shortcuts-hint{display:none}}.admin-page{margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.admin-stat-card{align-items:center;background:linear-gradient(135deg,#252a3dcc,#1e2332cc);border:2px solid #14b8a64d;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.admin-stat-card:hover{border-color:#14b8a6;box-shadow:0 4px 12px #14b8a64d;transform:translateY(-2px)}.admin-stat-card .stat-icon{font-size:36px;min-width:50px;text-align:center}.admin-stat-card .stat-info{flex:1 1}.admin-stat-card .stat-label{color:#a0a6b8;font-size:13px;margin-bottom:4px}.admin-stat-card .stat-value{color:#e8eaf0;font-size:24px;font-weight:600}.admin-stat-card.engine-status .stat-value{font-size:14px}.engine-on{color:#10b981!important}.engine-check{color:#fb923c!important}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-create-user{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:8px;box-shadow:0 4px 12px #14b8a64d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create-user:hover{box-shadow:0 6px 16px #14b8a680;transform:translateY(-2px)}.users-container{background:#252a3d99;border:1px solid #14b8a633;border-radius:12px;overflow-x:auto;padding:20px}.users-table{min-width:1200px}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:200px 200px 100px 180px 120px 140px 140px 120px;padding:12px 16px}.table-header{background:#14b8a61a;border-radius:8px;color:#14b8a6;font-size:13px;font-weight:600;margin-bottom:12px}.table-row{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;margin-bottom:8px;transition:all .3s ease}.table-row:hover{background:#1e2332f2;border-color:#14b8a680}.col-user{gap:12px}.col-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#14b8a6,#0891b2);border-radius:50%;font-size:20px;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.username{color:#e8eaf0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id{color:#a0a6b8;font-size:12px}.col-email{color:#a0a6b8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge,.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.storage-info-cell{display:flex;flex-direction:column;gap:4px}.storage-text{color:#e8eaf0;font-size:12px}.mini-progress-bar{background:#1e2332cc;border-radius:3px;height:6px;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,#14b8a6,#fb923c);height:100%;transition:width .5s ease}.col-created,.col-last-login{color:#a0a6b8;font-size:12px}.col-actions{display:flex;gap:6px;justify-content:flex-end}.btn-action-small{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e8eaf0;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.btn-action-small:hover:not(:disabled){transform:translateY(-2px)}.btn-action-small:disabled{cursor:not-allowed;opacity:.3}.btn-edit:hover{background:#14b8a64d;border-color:#14b8a6}.btn-reset:hover{background:#fb923c4d;border-color:#fb923c}.btn-delete:hover:not(:disabled){background:#ef44444d;border-color:#ef4444}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500}.password-input-group{display:flex;gap:8px}.password-input-group .modal-input{flex:1 1}.btn-generate-password{background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 16px;transition:all .3s ease}.btn-generate-password:hover{box-shadow:0 4px 12px #fb923c66;transform:translateY(-2px)}.create-user-modal h3{color:#14b8a6}.edit-user-modal h3{color:#fb923c}.reset-password-modal h3{color:#667eea}@media (max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.users-table{min-width:100%}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{padding:16px}.col-actions,.col-created,.col-email,.col-last-login,.col-role,.col-status,.col-storage,.col-user{align-items:center;display:flex;justify-content:space-between}.col-user:before{content:"User: "}.col-email:before{content:"Email: "}.col-role:before{content:"Role: "}.col-storage:before{content:"Storage: "}.col-status:before{content:"Status: "}.col-created:before{content:"Created: "}.col-last-login:before{content:"Last Login: "}.col-actions:before{content:"Actions: "}.col-actions:before,.col-created:before,.col-email:before,.col-last-login:before,.col-role:before,.col-status:before,.col-storage:before,.col-user:before{color:#14b8a6;font-size:13px;font-weight:600}}@media (max-width:768px){.admin-page{padding:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column}.filter-select,.search-container{width:100%}.form-grid{grid-template-columns:1fr}.storage-info-cell{width:100%}}.voice-training-page{margin:0 auto;max-width:1000px;min-height:100vh;padding:24px}.coming-soon-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.coming-soon-card{background:linear-gradient(135deg,#252a3de6,#1e2332e6);border:2px solid #14b8a64d;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:800px;padding:48px;text-align:center}.coming-soon-icon{animation:pulse 2s infinite;font-size:80px;margin-bottom:24px}.coming-soon-card h2{color:#14b8a6;font-size:36px;margin-bottom:16px}.coming-soon-text{color:#a0a6b8;font-size:18px;line-height:1.6;margin-bottom:32px}.planned-features{background:#14b8a61a;border:1px solid #14b8a64d;border-radius:12px;margin-bottom:24px;padding:24px;text-align:left}.planned-features h3{color:#14b8a6;margin-bottom:16px;text-align:center}.planned-features ul{list-style:none;margin:0;padding:0}.planned-features li{border-bottom:1px solid #ffffff1a;color:#e8eaf0;font-size:15px;padding:8px 0}.planned-features li:last-child{border-bottom:none}.requirements-note{background:#fb923c1a;border:1px solid #fb923c4d;border-radius:12px;margin-bottom:24px;padding:24px;text-align:left}.requirements-note h4{color:#fb923c;margin-bottom:12px;text-align:center}.requirements-note p{color:#e8eaf0;font-size:14px;line-height:1.8}.timeline-note{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin-bottom:32px;padding:20px}.timeline-text{color:#e8eaf0;font-size:14px;line-height:1.8;margin:0}.btn-back-home{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:10px;box-shadow:0 4px 15px #14b8a666;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-back-home:hover{box-shadow:0 6px 20px #14b8a699;transform:translateY(-2px)}@media (max-width:768px){.coming-soon-card{padding:32px 24px}.coming-soon-icon{font-size:60px}.coming-soon-card h2{font-size:28px}.coming-soon-text{font-size:16px}}.ai-story-theater{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.theater-header{margin-bottom:32px;text-align:center}.theater-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#fb923c);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:12px}.workflow-steps{background:#252a3d99;border:2px solid #667eea4d;border-radius:16px;gap:16px;justify-content:center;margin-bottom:32px;padding:24px}.step-item,.workflow-steps{align-items:center;display:flex}.step-item{flex-direction:column;gap:8px;opacity:.4;transition:all .3s ease}.step-item.active,.step-item.completed{opacity:1}.step-number{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#a0a6b8;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;transition:all .3s ease;width:48px}.step-item.active .step-number{animation:pulse-step 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 20px #667eea80;color:#fff}.step-item.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.step-item.completed .step-number:after{content:"✓";font-size:24px;position:absolute}@keyframes pulse-step{0%,to{box-shadow:0 4px 20px #667eea80;transform:scale(1)}50%{box-shadow:0 6px 30px #667eeab3;transform:scale(1.05)}}.step-label{color:#a0a6b8;font-size:13px;font-weight:600;white-space:nowrap}.step-item.active .step-label{color:#667eea}.step-item.completed .step-label{color:#10b981}.step-connector{background:#fff3;height:2px;position:relative;width:80px}.theater-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-new-project{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-new-project:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.project-select{background:#1e2332cc;border:2px solid #667eea4d;border-radius:8px;color:#e8eaf0;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px}.btn-save-project{background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-save-project:hover{box-shadow:0 6px 20px #fb923c80;transform:translateY(-2px)}.step-content{animation:fadeIn .5s ease}.step-card{background:linear-gradient(135deg,#252a3de6,#1e2332e6);border:2px solid #667eea4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:32px}.step-card h2{color:#667eea;font-size:28px;margin-bottom:8px}.step-description{color:#a0a6b8;font-size:16px;margin-bottom:24px}.genre-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:32px}.genre-card{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.genre-card:hover{border-color:#667eea80;transform:translateY(-4px)}.genre-card.selected{background:#667eea33;border-color:#667eea;box-shadow:0 0 30px #667eea66}.genre-icon{font-size:48px;margin-bottom:12px}.genre-name{color:#e8eaf0;font-size:14px;font-weight:600}.story-details{background:#1e233299;border:1px solid #667eea33;border-radius:12px;margin-bottom:24px;padding:24px}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.detail-header h3{color:#e8eaf0;margin:0}.btn-random,.btn-suggestions{background:#667eea33;border:2px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-random:hover,.btn-suggestions:hover{background:#667eea4d;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-group label{color:#e8eaf0;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.theater-input{background:#1e2332cc;border:2px solid #667eea4d;border-radius:8px;color:#e8eaf0;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.theater-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.theater-textarea{background:#1e2332cc;border:2px solid #667eea4d;border-radius:8px;color:#e8eaf0;font-family:inherit;font-size:15px;line-height:1.6;padding:12px 16px;resize:vertical;width:100%}.theater-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.length-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.length-option{background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.length-option:hover{border-color:#667eea80}.length-option.selected{background:#667eea33;border-color:#667eea}.length-name{color:#e8eaf0;font-weight:600;margin-bottom:4px}.length-meta,.length-time{color:#a0a6b8;font-size:13px}.story-preview-card{background:#1e233299;border:2px solid #667eea33;border-radius:12px;margin-bottom:24px;min-height:400px;padding:24px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.preview-header h3{color:#e8eaf0;margin:0}.generating-badge{align-items:center;background:#667eea33;border-radius:20px;color:#667eea;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.pulse-dot{animation:pulse-dot 1.5s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.story-preview-content{max-height:500px;overflow-y:auto;padding-right:8px}.story-preview-content::-webkit-scrollbar{width:6px}.story-preview-content::-webkit-scrollbar-track{background:#1e233280;border-radius:3px}.story-preview-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.preview-placeholder{color:#a0a6b8;padding:60px 20px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:16px}.story-text{color:#e8eaf0;font-size:15px;line-height:1.8;white-space:pre-wrap}.generation-progress{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.progress-text{color:#667eea;display:block;font-size:14px;font-weight:600;margin-top:8px;text-align:center}.characters-casting{margin-bottom:24px}.no-characters{color:#a0a6b8;padding:40px;text-align:center}.character-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.character-cast-card{background:#1e2332cc;border:2px solid #667eea33;border-radius:12px;padding:20px;transition:all .3s ease}.character-cast-card:hover{border-color:#667eea80;transform:translateY(-2px)}.character-info{margin-bottom:16px}.character-name{color:#e8eaf0;font-size:18px;font-weight:600;margin-bottom:6px}.character-meta{display:flex;font-size:13px;gap:12px}.line-count{color:#667eea;font-weight:600}.voice-selector{display:flex;flex-direction:column;gap:8px}.voice-selector label{color:#a0a6b8;font-size:13px;font-weight:600}.voice-select-casting{background:#1e2332e6;border:2px solid #667eea4d;border-radius:6px;color:#e8eaf0;cursor:pointer;font-size:14px;padding:10px 12px}.suggested-badge{background:#fb923c33;border-radius:4px;color:#fb923c;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.production-status{padding:60px 20px;text-align:center}.status-icon{animation:pulse 2s infinite;font-size:80px;margin-bottom:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.production-status h3{color:#667eea;font-size:24px;margin-bottom:20px}.production-progress{margin:0 auto 16px;max-width:500px}.production-hint{color:#a0a6b8;font-size:14px}.theater-audio-section{text-align:center}.audio-success{margin-bottom:32px}.success-icon{font-size:64px;margin-bottom:16px}.audio-success h3{color:#10b981;font-size:24px;margin-bottom:8px}.audio-success p{color:#a0a6b8;font-size:16px}.audio-player-theater{margin-bottom:24px}.theater-audio{border-radius:8px;height:54px;max-width:600px;width:100%}.audio-actions-theater{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.btn-download-theater{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-download-theater:hover{box-shadow:0 6px 20px #14b8a680;transform:translateY(-2px)}.production-details{background:#1e233299;border:1px solid #667eea33;border-radius:12px;margin:0 auto;max-width:600px;padding:24px;text-align:left}.production-details h4{color:#667eea;margin-bottom:16px;text-align:center}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.detail-label{color:#a0a6b8;font-size:14px}.detail-value{color:#e8eaf0;font-size:14px;font-weight:600}.step-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:32px}.btn-back{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#e8eaf0;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-back:hover:not(:disabled){background:#fff3}.btn-generate-story,.btn-next-step{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-generate-story:hover,.btn-next-step:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-regenerate{background:#fb923c33;border:2px solid #fb923c4d;border-radius:8px;color:#fb923c;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-regenerate:hover{background:#fb923c4d}.btn-new-project-final{background:linear-gradient(135deg,#14b8a6,#0891b2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-new-project-final:hover{box-shadow:0 6px 20px #14b8a680;transform:translateY(-2px)}.saved-projects-panel{background:#1e233299;border:1px solid #667eea33;border-radius:12px;margin-top:32px;padding:24px}.saved-projects-panel h3{color:#667eea;margin-bottom:16px}.projects-list{display:flex;flex-direction:column;gap:12px}.project-item{align-items:center;background:#1e2332cc;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.project-item:hover{border-color:#667eea80}.project-info{flex:1 1}.project-name{color:#e8eaf0;font-weight:600;margin-bottom:4px}.project-date,.project-meta{color:#a0a6b8;font-size:12px}.btn-delete-project{background:#ef444433;border:1px solid #ef44444d;border-radius:6px;cursor:pointer;font-size:16px;height:32px;padding:0;transition:all .3s ease;width:32px}.btn-delete-project:hover{background:#ef44444d}.save-project-modal h3{color:#667eea}.project-summary{grid-gap:12px;background:#1e233299;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item span{color:#a0a6b8;font-size:12px}.summary-item strong{color:#e8eaf0;font-size:14px}.feature-highlights{background:#1e233299;border:1px solid #667eea33;border-radius:12px;margin-top:32px;padding:24px}.feature-highlights h3{color:#667eea;margin-bottom:20px;text-align:center}.highlights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.highlight-item{align-items:center;background:#1e2332cc;border-radius:8px;display:flex;gap:12px;padding:12px}.highlight-icon{font-size:24px;min-width:32px}.highlight-text{color:#e8eaf0;font-size:14px;line-height:1.4}@media (max-width:1024px){.genre-grid{grid-template-columns:repeat(4,1fr)}.character-cards,.detail-grid,.length-options{grid-template-columns:1fr}}@media (max-width:768px){.ai-story-theater{padding:16px}.theater-header h1{font-size:2rem}.workflow-steps{flex-direction:column;gap:12px}.step-connector{height:40px;width:2px}.genre-grid{grid-template-columns:repeat(2,1fr)}.step-card{padding:20px}.step-actions{flex-direction:column}.btn-back,.btn-generate-story,.btn-next-step{width:100%}.highlights-grid,.project-summary{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a14,#1a1a2e);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19e6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;position:relative;width:100%;z-index:10}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7000ff);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin:0 0 8px;text-align:center}.login-subtitle{color:#888;font-size:14px;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:14px 16px;transition:all .2s}.login-input:focus{background:#ffffff14;border-color:#00d4ff;outline:none}.login-error{background:#ff323233;border:1px solid #ff323280;border-radius:8px;color:#ff6b6b;font-size:13px;padding:12px;text-align:center}.login-button{background:linear-gradient(135deg,#00d4ff,#7000ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .3s}.login-button:hover{box-shadow:0 8px 20px #00d4ff4d;transform:translateY(-2px)}.guest-button{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .3s}.guest-button:hover{background:#ffffff1a;border-color:#ffffff4d}.login-footer{margin-top:20px;text-align:center}.tos-link{background:none;border:none;color:#888;cursor:pointer;font-size:12px;text-decoration:underline}.tos-link:hover{color:#00d4ff}.generate-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:20px;width:100%}.page-header{animation:fadeInDown .6s ease;margin-bottom:30px;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 10px}.page-header p{color:#ffffffb3;font-size:1.1rem;margin:0}.page-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr 320px;margin:0 auto;max-width:1800px}.center-column,.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.section-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:24px;transition:all .3s ease}.section-card:hover{border-color:#00d4ff4d;box-shadow:0 12px 48px #00d4ff26;transform:translateY(-2px)}.section-card h3{align-items:center;color:#00d4ff;display:flex;font-size:1.3rem;gap:8px;margin:0 0 20px}.notification{animation:slideInRight .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #0006;font-weight:600;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:9999}.notification-success{background:#22c55ee6;border:1px solid #22c55e4d}.notification-error{background:#ef4444e6;border:1px solid #ef44444d}.notification-info{background:#3b82f6e6;border:1px solid #3b82f64d}.notification-warning{background:#fb923ce6;border:1px solid #fb923c4d}.preset-section .preset-controls{display:flex;gap:10px}.preset-dropdown{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.preset-dropdown:hover{background:#ffffff1f;border-color:#00d4ff66}.preset-dropdown:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.btn-save-preset{background:linear-gradient(135deg,#00d4ff,#09f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-save-preset:hover{box-shadow:0 8px 24px #00d4ff66;transform:translateY(-2px)}.quality-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.quality-option{padding:16px}.quality-option:hover{background:#ffffff14;border-color:#00d4ff66;transform:translateY(-2px)}.quality-option.selected{background:linear-gradient(135deg,#00d4ff33,#ff6b3533);border-color:#00d4ff;box-shadow:0 0 24px #00d4ff4d}.quality-icon{font-size:2rem;margin-bottom:8px}.quality-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:4px}.quality-desc{color:#fff9;font-size:.85rem}.voice-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:400px;overflow-y:auto;padding-right:8px}.voice-grid::-webkit-scrollbar{width:8px}.voice-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.voice-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff6b35);border-radius:4px}.voice-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:12px;transition:all .3s ease}.voice-card:hover{background:#ffffff14;border-color:#00d4ff66;transform:translateY(-2px)}.voice-card.selected{background:linear-gradient(135deg,#00d4ff33,#ff6b3533);border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.voice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.voice-header h4{color:#fff;font-size:.95rem;margin:0}.selected-badge{color:#00d4ff;font-size:1.2rem;font-weight:700}.voice-meta{display:flex;flex-wrap:wrap;gap:6px}.voice-tag{background:#00d4ff26;border-radius:6px;color:#00d4ff;font-size:.75rem;font-weight:600;padding:4px 8px}.empty-state{color:#ffffff80;padding:40px 20px;text-align:center}.setting-item{margin-bottom:24px}.setting-item label{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.setting-value{color:#00d4ff;font-family:Courier New,monospace;font-size:1.1rem}.slider-gradient{background:linear-gradient(90deg,#14b8a6,#f97316);height:8px}.slider-gradient::-webkit-slider-thumb{background:#fff;box-shadow:0 4px 12px #0006,0 0 0 3px #00d4ff4d;height:20px;width:20px}.slider-gradient::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #00000080,0 0 0 5px #00d4ff66;transform:scale(1.2)}.slider-gradient::-moz-range-thumb{background:#fff;box-shadow:0 4px 12px #0006,0 0 0 3px #00d4ff4d;height:20px;width:20px}.slider-gradient::-moz-range-thumb:hover{box-shadow:0 6px 16px #00000080,0 0 0 5px #00d4ff66;transform:scale(1.2)}.setting-hint{color:#ffffff80;font-size:.85rem;font-style:italic;margin-top:6px;text-align:center}.text-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.text-section-header h3{margin:0}.btn-clear-text{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-clear-text:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-1px)}.text-input{background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem;line-height:1.6;min-height:300px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.text-input:focus{background:#0006;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.text-input::placeholder{color:#fff6;line-height:1.6}.text-meta{align-items:center;color:#fff9;display:flex;font-size:.9rem;justify-content:space-between;margin-top:12px}.estimated-time,.word-count{align-items:center;display:flex;gap:6px}.filename-input,.format-select{background:#0000004d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.filename-input:focus,.format-select:focus{background:#0006;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.file-options,.filename-options{margin-top:12px}.file-option{align-items:center;display:flex;gap:12px;margin-bottom:12px}.file-option label{color:#fffc;font-weight:600}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#00d4ff}.checkbox-label input[type=checkbox]{accent-color:#00d4ff;cursor:pointer;height:20px;width:20px}.filename-hint{color:#ffffff80;font-size:.85rem;font-style:italic;margin-top:8px}.generation-controls{margin:20px 0}.btn-generate,.btn-stop{border:none;border-radius:12px;box-shadow:0 8px 24px #0000004d;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:18px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-generate{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.btn-generate:hover:not(:disabled){box-shadow:0 12px 32px #00d4ff80}.btn-generate:disabled{cursor:not-allowed;opacity:.5}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-stop:hover{box-shadow:0 12px 32px #ef444480;transform:translateY(-3px)}.progress-bar{background:#0006;border:2px solid #ffffff1a;border-radius:20px;height:40px;margin-top:16px;overflow:hidden;position:relative;width:100%}.progress-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#14b8a6,#00d4ff 50%,#ff6b35);background-size:200% 100%;border-radius:20px;height:100%;transition:width .3s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-text{color:#fff;font-size:1.1rem;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #0009;top:50%;transform:translate(-50%,-50%)}.audio-player-wrapper{margin:16px 0}.audio-player{background:#0006;border-radius:8px;width:100%}.audio-actions{display:flex;gap:12px;margin-top:16px}.btn-clear,.btn-download{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-download{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-download:hover{box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-clear{background:#ef444433;border:1px solid #ef444466;color:#ef4444}.btn-clear:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-2px)}.audio-info{background:#0000004d;border-radius:8px;color:#ffffffb3;font-size:.9rem;margin-top:12px;padding:12px;text-align:center}.stat-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#ffffffb3;font-size:.95rem}.stat-value{color:#00d4ff;font-size:1.1rem;font-weight:700}.usage-bar{background:#0006;border:1px solid #ffffff1a;border-radius:6px;height:12px;margin-top:16px;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#14b8a6,#00d4ff 50%,#ff6b35);border-radius:6px;height:100%;transition:width .5s ease}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{border-bottom:1px solid #ffffff1a;color:#fffc;line-height:1.6;padding:12px 0}.tips-list li:last-child{border-bottom:none}.tips-list strong{color:#00d4ff;display:block;margin-bottom:4px}.shortcut-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.shortcut-item:last-child{border-bottom:none}.shortcut-item kbd{background:#0006;border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 4px #0003;color:#00d4ff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:6px 12px}.shortcut-item span{color:#ffffffb3}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:scaleIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #fff3;border-radius:16px;box-shadow:0 16px 64px #0009;max-width:500px;padding:32px;width:90%}.modal-content h3{color:#00d4ff;font-size:1.5rem;margin:0 0 12px}.modal-description{color:#ffffffb3;line-height:1.5;margin-bottom:24px}.modal-input,.preset-name-input{background:#0006;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.modal-input:focus,.preset-name-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.preset-preview{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;margin:20px 0;padding:16px}.preview-item{color:#fffc;display:flex;justify-content:space-between;padding:8px 0}.preview-item strong{color:#00d4ff}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.btn-cancel:hover{background:#ffffff26;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.btn-save:hover{box-shadow:0 8px 24px #00d4ff66;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1400px){.page-container{grid-template-columns:320px 1fr 280px}}@media (max-width:1200px){.page-container{grid-template-columns:1fr}.left-column,.right-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.center-column{order:-1}}@media (max-width:768px){.generate-page{padding:12px}.page-header h1{font-size:1.8rem}.page-header p{font-size:.95rem}.section-card{padding:16px}.quality-options{grid-template-columns:1fr}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:300px}.text-input{font-size:.95rem;min-height:200px}.btn-generate,.btn-stop{font-size:1rem;padding:14px 24px}.modal-content{padding:24px;width:95%}.notification{left:12px;max-width:none;right:12px}.left-column,.right-column{grid-template-columns:1fr}}@media (max-width:480px){.page-header h1{font-size:1.5rem}.section-card h3{font-size:1.1rem}.voice-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.audio-actions,.preset-controls,.stat-item{flex-direction:column}.stat-item{align-items:flex-start;gap:4px}}*{scrollbar-color:#00d4ff80 #ffffff0d;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff6b35);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8e6,#ff5722)}.btn-cancel:focus,.btn-clear:focus,.btn-download:focus,.btn-generate:focus,.btn-save-preset:focus,.btn-save:focus,.btn-stop:focus{outline:3px solid #00d4ff80;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.section-card{border-width:2px}.quality-option,.voice-card{border-width:3px}.btn-generate,.btn-stop{border:2px solid}}@media print{.generate-page{background:#fff;color:#000}.btn-generate,.btn-save-preset,.btn-stop,.notification{display:none}.section-card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}.btn-generate{background:linear-gradient(135deg,#14b8a6,#ff6b35)!important;box-shadow:0 8px 24px #14b8a666!important;color:#fff!important}.btn-generate:hover:not(:disabled){box-shadow:0 12px 32px #14b8a699,0 4px 16px #ff6b3566!important;transform:translateY(-3px)}.slider-gradient{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#14b8a6,#f97316)!important;border-radius:10px;box-shadow:0 2px 8px #14b8a64d!important;cursor:pointer;height:10px!important;opacity:1!important;outline:none;transition:all .2s ease;width:100%}.slider-gradient:hover{box-shadow:0 4px 12px #14b8a680!important;opacity:1!important}.slider-gradient::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff!important;border-radius:50%;box-shadow:0 4px 12px #0006,0 0 0 4px #14b8a666,0 0 20px #14b8a699!important;cursor:pointer;height:22px!important;-webkit-transition:all .2s ease;transition:all .2s ease;width:22px!important}.slider-gradient::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #00000080,0 0 0 6px #14b8a680,0 0 30px #14b8a6cc!important;transform:scale(1.3)!important}.slider-gradient::-moz-range-thumb{background:#fff!important;border:none;border-radius:50%;box-shadow:0 4px 12px #0006,0 0 0 4px #14b8a666,0 0 20px #14b8a699!important;cursor:pointer;height:22px!important;-moz-transition:all .2s ease;transition:all .2s ease;width:22px!important}.slider-gradient::-moz-range-thumb:hover{box-shadow:0 6px 16px #00000080,0 0 0 6px #14b8a680,0 0 30px #14b8a6cc!important;transform:scale(1.3)!important}.quality-options{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;scroll-snap-type:x mandatory!important}.quality-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;flex-shrink:0!important;min-width:140px!important;padding:20px!important;scroll-snap-align:start!important;text-align:center;transition:all .3s ease}.quality-option:hover{background:#ffffff1a!important;border-color:#14b8a699!important;box-shadow:0 8px 24px #14b8a64d!important;transform:translateY(-2px) scale(1.02)!important}.quality-option.selected{background:linear-gradient(135deg,#14b8a640,#ff6b3540)!important;border-color:#14b8a6!important;box-shadow:0 0 24px #14b8a666,0 0 48px #ff6b3533!important}.quality-icon{filter:drop-shadow(0 0 8px rgba(20,184,166,.5))!important;font-size:2.5rem!important;margin-bottom:12px!important}.quality-options::-webkit-scrollbar{height:6px!important}.quality-options::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:3px}.quality-options::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#14b8a6,#ff6b35)!important;border-radius:3px}.quality-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#0f8a7a,#e65a2e)!important}#particle-canvas,.particle-background,canvas[data-particle-background=true]{height:100vh!important;left:0!important;pointer-events:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:0!important}.generate-page{position:relative!important;z-index:1!important}.page-container,.quality-option,.section-card,.voice-card{position:relative!important;z-index:2!important}@keyframes waveform-pulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}@keyframes particle-burst{0%{opacity:1;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(2) rotate(1turn)}}@keyframes success-glow{0%,to{box-shadow:0 0 20px #14b8a699,0 0 40px #ff6b3566}50%{box-shadow:0 0 40px #14b8a6e6,0 0 80px #ff6b3599,inset 0 0 20px #14b8a64d}}.progress-bar.completed{animation:success-glow 1.5s ease-in-out!important;border-color:#14b8a6!important}.progress-fill.completed{animation:shimmer 1s ease-in-out!important;background:linear-gradient(90deg,#14b8a6,#00d4ff 50%,#ff6b35)!important}.audio-player-wrapper.completed:before{animation:waveform-pulse .8s ease-in-out 3!important;background:repeating-linear-gradient(90deg,#0000,#0000 10px,#14b8a61a 0,#14b8a61a 12px);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.audio-player-wrapper.completed:after{animation:particle-burst 1.2s ease-out forwards!important;content:"✨";font-size:3rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.section-card h3{color:#14b8a6!important;text-shadow:0 0 10px #14b8a666!important}.section-card:hover{border-color:#14b8a666!important;box-shadow:0 12px 48px #14b8a633,0 0 60px #ff6b351a!important}.voice-card.selected{background:linear-gradient(135deg,#14b8a633,#ff6b351a)!important;border-color:#14b8a6!important;box-shadow:0 0 20px #14b8a666,inset 0 0 20px #14b8a61a!important}.progress-fill{background:linear-gradient(90deg,#14b8a6,#00d4ff 40%,#ff6b35)!important;background-size:200% 100%!important;box-shadow:inset 0 2px 8px #14b8a699,0 0 20px #14b8a64d!important}.notification.success{background:linear-gradient(135deg,#14b8a6f2,#109788f2)!important;border-left:4px solid #14b8a6!important}@media (max-width:768px){.quality-options{gap:12px!important}.quality-option{min-width:120px!important;padding:16px!important}.quality-icon{font-size:2rem!important}}.btn-generate:focus,.quality-option:focus,.slider-gradient:focus{outline:3px solid #14b8a699!important;outline-offset:3px!important}@media (prefers-contrast:high){.btn-generate{border:2px solid #14b8a6!important}.quality-option.selected{border-width:3px!important}.slider-gradient{border:2px solid #14b8a6!important}}
/*# sourceMappingURL=main.5cab7414.css.map*/