.keyword-generator-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333}.keyword-generator-container *{box-sizing:border-box}.keyword-generator-header{text-align:center;margin-bottom:2rem}.keyword-generator-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#2a6496}.keyword-generator-header p{font-size:1.1rem;color:#666}.keyword-generator-main{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:992px){.keyword-generator-main{grid-template-columns:1fr 1fr}}.input-section{grid-column:1/-1}.input-section h2{margin-bottom:1rem;color:#2a6496}.text-input{width:100%;padding:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;line-height:1.5;transition:border-color .3s;resize:vertical;min-height:200px;color:#000}.text-input:focus{outline:none;border-color:#2a6496;box-shadow:0 0 0 2px rgba(42,100,150,.2)}.controls{margin-top:1rem}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media(min-width:768px){.settings-grid{grid-template-columns:repeat(4,1fr)}}.setting{display:flex;flex-direction:column}.setting label{font-size:.9rem;margin-bottom:.25rem;color:#555}.setting input[type=number]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.setting.checkbox{flex-direction:row;align-items:center}.setting.checkbox label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.setting.checkbox label input{margin-right:.5rem}.button-group{display:flex;gap:1rem}@media(max-width:576px){.button-group{flex-direction:column}}button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s}button:disabled{opacity:.6;cursor:not-allowed}.extract-btn{background-color:#2a6496;color:#fff;flex:2}.extract-btn:hover:not(:disabled){background-color:rgb(30.84375,73.4375,110.15625)}.clear-btn{background-color:#f5f5f5;color:#555;flex:1}.clear-btn:hover{background-color:hsl(0,0%,91.0784313725%)}.output-section{grid-column:1/-1}@media(min-width:992px){.output-section{grid-column:1/2}}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-header h2{color:#2a6496;margin:0}.export-controls{display:flex;gap:.5rem}.export-format{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.copy-btn{padding:.5rem 1rem;background-color:#eee;font-size:.9rem}.copy-btn:hover{background-color:hsl(0,0%,88.3333333333%)}.copy-btn.copied{background-color:#4caf50;color:#fff}.keywords-results{border:1px solid #ddd;border-radius:4px;overflow:hidden}.keywords-table{width:100%;border-collapse:collapse}.keywords-table td,.keywords-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.keywords-table th{background-color:#f9f9f9;font-weight:600;color:#555}.keywords-table tr:last-child td{border-bottom:none}.keywords-table tr:hover td{background-color:#f5f9fc}.empty-state,.no-keywords{padding:2rem;text-align:center;color:#888;background-color:#f9f9f9;border-radius:4px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner .spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(42,100,150,.1);border-left-color:#2a6496;animation:spin 1s linear infinite}.loading-spinner p{margin-top:1rem;color:#666}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stop-words-section{grid-column:1/-1}@media(min-width:992px){.stop-words-section{grid-column:2/3}}.stop-words-section h2{margin-bottom:.5rem;color:#2a6496}.stop-words-section p{margin-bottom:1rem;color:#666;font-size:.9rem}.add-stop-words{display:flex;gap:.5rem;margin-bottom:1rem}@media(max-width:576px){.add-stop-words{flex-direction:column}}.stop-words-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#000}.stop-words-input:focus{outline:none;border-color:#2a6496}.stop-words-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background-color:#f9f9f9;border-radius:4px;min-height:100px;max-height:200px;overflow-y:auto}.stop-word-tag{display:flex;align-items:center;padding:.25rem .5rem;background-color:#eee;border-radius:16px;font-size:.9rem}.stop-word-tag span{margin-right:.25rem}.stop-word-tag .remove-btn{padding:0;background:none;border:none;color:#888;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center}.stop-word-tag .remove-btn:hover{color:#d32f2f}.how-to-use{margin-top:3rem;padding:2rem;background-color:#f5f9fc;border-radius:8px;grid-column:1/-1}.how-to-use h2{margin-bottom:1.5rem;color:#2a6496;text-align:center}.instructions{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.instructions{grid-template-columns:repeat(2,1fr)}}.instruction{display:flex;gap:1rem}.instruction .step{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#2a6496;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.instruction h3{margin:0 0 .5rem;color:#2a6496}.instruction p{margin:0 0 .5rem;color:#555}.instruction ul{margin:.5rem 0 0;padding-left:1.5rem}.instruction ul li{margin-bottom:.25rem;font-size:.9rem}.keyword-generator-footer{margin-top:3rem;text-align:center;color:#888;font-size:.9rem}