body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem 0;text-align:center}.header h1{color:#fff;font-size:2rem;font-weight:300;margin:0}.container{margin:0 auto;max-width:1200px;padding:2rem}.error{background:#ffebee;border-left:4px solid #f44336;border-radius:8px;justify-content:space-between;margin-bottom:1rem;padding:1rem}.error,.error button{align-items:center;color:#c62828;display:flex}.error button{background:none;border:none;cursor:pointer;font-size:1.2rem;height:24px;justify-content:center;padding:0;width:24px}.section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.section h2{color:#333;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.input-group{align-items:center;display:flex;gap:1rem}.concept-source-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.concept-source-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.concept-source-card:hover{box-shadow:0 12px 24px #667eea26;transform:translateY(-2px)}.concept-source-card:focus-visible{box-shadow:0 0 0 4px #667eea59;outline:none}.concept-source-card.active{background:#eef2ff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.concept-source-card h3{font-size:1.1rem;margin:0 0 .5rem}.concept-source-card p{color:#4b5563;font-size:.95rem;line-height:1.4;margin:0}.concept-source-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.concept-source-heading{align-items:center;display:flex;gap:.75rem}.concept-source-icon{align-items:center;display:inline-flex;height:42px;justify-content:center;width:42px}.concept-source-icon svg{height:100%;width:100%}.concept-source-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.manual-concept-form{display:flex;flex-direction:column;gap:1rem}.manual-input,.manual-textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.manual-input:focus,.manual-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.manual-textarea{min-height:120px;resize:vertical}.manual-actions{display:flex;justify-content:flex-end}.manual-submit-btn{align-self:flex-end}.helper-text{color:#6b7280;font-size:.95rem;margin-top:.75rem}.style-parameters{background:linear-gradient(140deg,#667eea1f,#764ba21a);border:1px solid #667eea26;border-radius:18px;box-shadow:0 12px 30px #667eea1f;display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding:1.75rem}.style-parameters h3{color:#3f3d56;font-size:1.2rem;font-weight:600;margin:0}.parameter-control{display:flex;flex-direction:column;gap:.75rem}.parameter-control label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between}.parameter-control label span{align-items:center;background:#667eea2e;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;min-width:2.25rem;padding:.25rem .65rem}.style-parameters input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#667eea,#764ba2 50%,#e5e7eb 0,#e5e7eb);border-radius:999px;box-shadow:inset 0 1px 3px #1f293740;cursor:pointer;height:.65rem;outline:none;transition:box-shadow .2s ease,background .3s ease;width:100%}.style-parameters input[type=range]:focus{box-shadow:0 0 0 4px #667eea38}.style-parameters input[type=range]::-webkit-slider-runnable-track{background:#0000;border-radius:999px;height:.65rem}.style-parameters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 8px 16px #667eea59;height:1.25rem;margin-top:-.35rem;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:1.25rem}.style-parameters input[type=range]::-webkit-slider-thumb:focus,.style-parameters input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 10px 20px #667eea66;transform:scale(1.08)}.style-parameters input[type=range]::-moz-range-track{background:#e5e7eb;border-radius:999px;height:.65rem}.style-parameters input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:.65rem}.style-parameters input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 8px 16px #667eea59;height:1.1rem;-moz-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:1.1rem}.style-parameters input[type=range]::-moz-range-thumb:focus,.style-parameters input[type=range]::-moz-range-thumb:hover{box-shadow:0 10px 20px #667eea66;transform:scale(1.08)}.content-mode-toggle{background:linear-gradient(135deg,#eef2ff,#f8f9ff);border:1px solid #d6dcff;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.4rem}.mode-toggle-btn{background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;flex:1 1 260px;font-weight:600;padding:1rem 1.2rem;text-align:left;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.mode-toggle-btn:focus-visible{box-shadow:0 0 0 3px #667eea59;outline:none}.mode-toggle-btn:hover{background:#ffffffe6;box-shadow:0 6px 14px #667eea2e;color:#334155}.mode-toggle-btn.active{background:#fff;box-shadow:0 10px 22px #667eea38;color:#1f2937;transform:translateY(-1px)}.mode-toggle-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mode-toggle-title{display:block;font-size:1.05rem;margin-bottom:.35rem}.mode-toggle-header .mode-toggle-title{margin-bottom:0}.mode-toggle-caption{color:#64748b;display:block;font-size:.85rem;font-weight:400}.mode-toggle-btn.active .mode-toggle-caption{color:#475569}.mode-toggle-badge{background:linear-gradient(135deg,#f97316,#fb7185);border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.1rem .5rem;text-transform:uppercase}.scenario-flow-toggle{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.scenario-flow-btn{background:#f8f9ff;border:1px solid #d6dcff;border-radius:10px;color:#475569;cursor:pointer;flex:1 1 220px;padding:.8rem 1rem;text-align:left;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.scenario-flow-btn:focus-visible{box-shadow:0 0 0 3px #667eea66;outline:none}.scenario-flow-btn:hover{background:#eef2ff;box-shadow:0 6px 14px #667eea2e;color:#334155}.scenario-flow-btn.active{background:#fff;border-color:#667eea;box-shadow:0 10px 22px #667eea33;color:#1f2937}.scenario-flow-title{display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.scenario-flow-caption{color:#64748b;display:block;font-size:.85rem}.scenario-random-panel{background:#f8f9ff;border:1px solid #dfe4ff;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.scenario-random-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.scenario-random-column h3{color:#374151;font-size:1rem;margin:0 0 .75rem}.scenario-pool-form{display:flex;gap:.5rem;margin-bottom:.75rem}.scenario-pool-form .word-input{flex:1 1}.scenario-pool-form .add-word-btn{flex:0 0 auto;white-space:nowrap}.scenario-chip-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.scenario-chip{align-items:center;background:#fff;border:1px solid #d6dcff;border-radius:999px;color:#334155;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.35rem .75rem}.scenario-chip button{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;line-height:1;padding:0}.scenario-chip button:hover{color:#4f46e5}.scenario-random-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.25rem}.scenario-count-label{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:.75rem}.scenario-count-label input{border:1px solid #cbd5f5;border-radius:6px;padding:.4rem .5rem;text-align:center;width:80px}.generate-scenes-btn{min-width:180px}.scenario-random-hint{color:#64748b;font-size:.85rem;margin:.75rem 0 0}.preset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.preset-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.preset-card:hover{box-shadow:0 12px 24px #764ba226;transform:translateY(-2px)}.preset-card:focus-visible{box-shadow:0 0 0 4px #764ba24d;outline:none}.preset-card.active{background:#f5f3ff;border-color:#764ba2;box-shadow:0 0 0 4px #764ba22e}.preset-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.preset-card h3{font-size:1.05rem;margin:0}.preset-card p{color:#4b5563;font-size:.95rem;line-height:1.4;margin:0}.preset-badge{background:#764ba2;border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.secret-overlay{align-items:center;background:#0f172abf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.secret-dialog{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0f172a40;display:flex;flex-direction:column;gap:1.5rem;max-width:420px;padding:2.5rem;text-align:center;width:100%}.secret-dialog h2{color:#1f2937;font-size:1.6rem;font-weight:600;margin:0}.secret-form{display:flex;flex-direction:column;gap:1rem}.secret-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.secret-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea33;outline:none}.secret-error{color:#d32f2f;font-size:.95rem;margin:0}.secret-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.secret-submit-btn:hover:not(:disabled){box-shadow:0 12px 24px #667eea66;transform:translateY(-2px)}.secret-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.secret-helper{color:#6b7280;font-size:.9rem;margin:0}.theme-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease}.theme-input:focus{border-color:#667eea;outline:none}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.concept-list{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1.5rem}.concept-item{align-items:flex-start;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.concept-item:hover{background:#f8f9ff;border-color:#667eea}.concept-item.selected{background:#f0f4ff;border-color:#667eea}.concept-item input[type=checkbox]{margin-top:.25rem;transform:scale(1.2)}.concept-content{flex:1 1}.concept-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.concept-content p{color:#666;line-height:1.5;margin:0}.note-input{border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;margin-top:.75rem;min-height:56px;padding:.5rem .75rem;resize:vertical;width:100%}.note-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.concept-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.secondary-btn{background:#fff;border:1px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.secondary-btn:hover:not(:disabled){background:#f5f7ff;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.secondary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.job-info{background:#f5f5f5;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.job-info p{color:#666;margin:.25rem 0}.job-breakdown{color:#555;font-size:.9rem}.gallery-table{display:flex;flex-direction:column;gap:2rem}.concept-row{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.concept-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.concept-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.concept-meta h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.concept-meta p{color:#666;font-size:.9rem;margin:0}.cancel-concept-btn{background-color:#f8e5e1;border:1px solid #d84315;border-radius:6px;color:#d84315;cursor:pointer;font-size:.9rem;font-weight:500;padding:.45rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.cancel-concept-btn:hover:not(:disabled){background-color:#d843151a;border-color:#bf360c;color:#bf360c}.cancel-concept-btn:disabled{background-color:#f0f0f0;border-color:#ccc;color:#999;cursor:not-allowed;opacity:.6}.download-zip-btn{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.download-zip-btn:hover:not(:disabled){background-color:#125699}.download-zip-btn:disabled{background-color:#90caf9;cursor:not-allowed}.words-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.word-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;min-height:200px;padding:1rem}.word-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.word-header h4{color:#333;font-size:1rem;margin:0}.word-content{flex-direction:column;justify-content:center}.placeholder{align-items:center;color:#999;display:flex;font-style:italic;height:100%;justify-content:center}.placeholder p{margin:0;text-align:center}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.gallery-content p{color:#666;font-size:.9rem;margin:.25rem 0}.error-message{color:#c62828!important;font-size:.8rem!important}.media-preview{margin-top:.5rem}.preview-image{border:1px solid #e0e0e0;border-radius:4px;height:auto;max-width:200px;width:100%}.preview-video{border-radius:4px}.preview-audio,.preview-video{max-width:200px;width:100%}.actions{margin-top:2rem;text-align:center}.clear-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.clear-btn:hover{background:#d32f2f}.add-word-form{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.scenario-input-group{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scenario-input-group .add-word-btn{width:100%}.topic-input,.word-input{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.add-word-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.add-word-btn:hover:not(:disabled){background:#218838}.add-word-btn:disabled{background:#6c757d;cursor:not-allowed}.word-limit{color:#666;font-size:.8rem;margin:.5rem 0 0}.word-empty-hint{color:#6b7280;font-size:.9rem;margin:.5rem 0 1rem}.word-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-width:500px}.word-item-selectable{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.word-item-selectable:hover{background:#f8f9ff;border-color:#667eea}.word-item-selectable input[type=checkbox]{transform:scale(1.1)}.word-content{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:flex-start}.word-text{color:#333;font-weight:500}.topic-text{color:#666;font-size:.9rem}.word-topic{color:#6b7280;display:block;font-size:.85rem;margin-top:.2rem}.remove-word-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:background-color .3s ease;width:24px}.remove-word-btn:hover{background:#c82333}@media (max-width:768px){.container{padding:1rem}.input-group{align-items:stretch;flex-direction:column}.gallery{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5f2c74da.css.map*/