:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.app-header h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.app-main{display:flex;flex-direction:column;gap:2rem}.input-section,.category-section,.generate-section,.result-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e0e0e0}.input-section h2,.category-section h2,.result-section h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem;font-weight:600}.text-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;resize:vertical;transition:border-color .3s ease;font-family:inherit}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sample-toggle label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;cursor:pointer}.sample-toggle input[type=checkbox]{margin:0}.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.category-item{display:flex;flex-direction:column;gap:.5rem}.category-button{padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem;min-height:60px}.category-icon{font-size:1.5rem}.category-name{flex:1;text-align:left}.category-button:hover{border-color:#667eea;background:#f8f9ff}.category-button.selected{border-color:#667eea;background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.sample-button{padding:.5rem 1rem;border:1px solid #28a745;border-radius:6px;background:#fff;color:#28a745;cursor:pointer;font-size:.9rem;transition:all .3s ease}.sample-button:hover{background:#28a745;color:#fff}.generate-section{text-align:center}.generate-button{padding:1rem 3rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.prompt-display{position:relative}.prompt-output{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#f8f9fa;color:#333;resize:vertical;font-family:Courier New,monospace;line-height:1.5}.copy-button{margin-top:1rem;padding:.8rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:auto}.copy-button:hover{background:#218838;transform:translateY(-1px);box-shadow:0 3px 10px #28a7454d}@media (max-width: 768px){.app{padding:1rem}.app-header h1{font-size:2rem}.category-buttons{grid-template-columns:1fr}.generate-button{padding:1rem 2rem;font-size:1.1rem}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#e0e0e0}.input-section,.category-section,.generate-section,.result-section{background:#2d2d2d;border-color:#404040}.text-input,.prompt-output,.category-button{background:#3a3a3a;border-color:#555;color:#e0e0e0}.category-button:hover{background:#4a4a4a}.sample-button{background:#3a3a3a;border-color:#28a745}.sample-button:hover{background:#28a745;color:#fff}.sample-toggle label{color:#ccc}}