.keyword-generator{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;padding:2rem}.keyword-generator .generator-container{width:100%;max-width:800px;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem}.keyword-generator .generator-container .title{text-align:center;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.keyword-generator .generator-container .input-section{margin-bottom:1.5rem}.keyword-generator .generator-container .input-section .input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.keyword-generator .generator-container .input-section .input-group{display:flex;align-items:center;background-color:#e5e7eb;border-radius:.5rem;padding:.5rem}.keyword-generator .generator-container .input-section .input-group .main-input{flex-grow:1;border:none;outline:none;background:rgba(0,0,0,0);padding:.5rem 1rem;font-size:1rem}.keyword-generator .generator-container .input-section .input-group .main-input::placeholder{color:#6b7280}.keyword-generator .generator-container .input-section .input-group .generate-button{display:flex;align-items:center;background:#2563eb;color:#fff;border-radius:.375rem;padding:.5rem 1rem;transition:background .2s}.keyword-generator .generator-container .input-section .input-group .generate-button:hover{background:#1d4ed8}.keyword-generator .generator-container .input-section .input-group .generate-button .icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.keyword-generator .generator-container .symbol-grid{display:grid;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.keyword-generator .generator-container .symbol-grid{grid-template-columns:repeat(2,1fr)}}.keyword-generator .generator-container .symbol-grid .symbol-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.keyword-generator .generator-container .symbol-grid .symbol-group .symbol-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}.keyword-generator .generator-container .symbol-grid .symbol-group .symbol-buttons .symbol-btn{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:.375rem;background:#e5e7eb;transition:all .2s;cursor:pointer}.keyword-generator .generator-container .symbol-grid .symbol-group .symbol-buttons .symbol-btn:hover{background:#d1d5db}.keyword-generator .generator-container .symbol-grid .symbol-group .symbol-buttons .symbol-btn.active{background:#2563eb;color:#fff}.keyword-generator .generator-container .results-section .action-buttons{display:flex;justify-content:space-between;margin-bottom:1rem}.keyword-generator .generator-container .results-section .action-buttons .clear-button,.keyword-generator .generator-container .results-section .action-buttons .copy-button{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.375rem;transition:background .2s}.keyword-generator .generator-container .results-section .action-buttons .clear-button .icon,.keyword-generator .generator-container .results-section .action-buttons .copy-button .icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.keyword-generator .generator-container .results-section .action-buttons .clear-button{background:#e5e7eb;color:#374151}.keyword-generator .generator-container .results-section .action-buttons .clear-button:hover{background:#d1d5db}.keyword-generator .generator-container .results-section .action-buttons .copy-button{background:#2563eb;color:#fff}.keyword-generator .generator-container .results-section .action-buttons .copy-button:hover:not(:disabled){background:#1d4ed8}.keyword-generator .generator-container .results-section .action-buttons .copy-button:disabled{opacity:.7;cursor:not-allowed}.keyword-generator .generator-container .results-section .keywords-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.keyword-generator .generator-container .results-section .keywords-grid{grid-template-columns:repeat(3,1fr)}}.keyword-generator .generator-container .results-section .keywords-grid .keyword-item{padding:.5rem;border-radius:.375rem;background:#e5e7eb;text-align:center;cursor:pointer;transition:all .2s}.keyword-generator .generator-container .results-section .keywords-grid .keyword-item:hover{background:#d1d5db}.keyword-generator .generator-container .results-section .keywords-grid .keyword-item.selected{background:#2563eb;color:#fff}