:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--primary-teal: #21bbab;--primary-purple: #532473;--dark-purple: #442257;--light-purple: #a48cb4;--medium-purple: #8f7e97;--deeper-purple: #714c8c;--background: #d7d7dc;--surface: #ffffff;--dark-bg: #1b1519;--text-primary: #1b1519;--text-secondary: #676a6d;--text-light: #949494;--border: #949494;--shadow: rgba(27, 21, 25, .15);--success: #21bbab;--warning: #f59e0b;--danger: #ef4444;--icon-color: #714c8c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--background) 0%,rgba(215,215,220,.8) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--primary-purple) 50%,var(--primary-teal) 100%);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 6px var(--shadow)}.logo{display:flex;align-items:center;gap:1rem}.logo-cat{width:60px;height:60px;object-fit:contain;animation:wiggle 2s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;gap:.25rem}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.logo h1{font-size:2.5rem;font-weight:700;margin:0}.tagline{font-size:1rem;opacity:.9;font-weight:300}.main{display:grid;grid-template-columns:280px 1fr 350px;gap:2rem;padding:2rem;flex:1;max-width:1600px;margin:0 auto;width:100%}.sidebar{background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow);height:fit-content;border:2px solid var(--primary-teal)}.sidebar h2{color:var(--deeper-purple);margin-bottom:1rem;font-size:1.25rem}.categories{display:flex;flex-direction:column;gap:.5rem}.category-button{background:transparent;border:2px solid var(--text-light);border-radius:12px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:var(--text-primary)}.category-button:hover{border-color:var(--primary-teal);background:#21bbab1a;transform:translateY(-2px)}.category-button.active{background:linear-gradient(135deg,var(--primary-teal),var(--deeper-purple));color:#fff;border-color:var(--primary-teal);box-shadow:0 4px 8px #21bbab4d}.content{background:var(--surface);border-radius:16px;padding:2rem;box-shadow:0 4px 6px var(--shadow);border:2px solid var(--medium-purple)}.welcome{text-align:center;padding:3rem 1rem}.welcome-cat-image{width:120px;height:120px;object-fit:contain;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome h2{color:var(--primary-purple);margin-bottom:1rem;font-size:2rem}.welcome p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.stat{text-align:center;padding:1rem;background:linear-gradient(135deg,var(--primary-teal),var(--light-purple));border-radius:12px;color:#fff;min-width:100px}.stat-number{display:block;font-size:2rem;font-weight:700}.stat-label{font-size:.9rem;opacity:.9}.prompts-section h2{color:var(--primary-purple);margin-bottom:1.5rem;font-size:1.5rem}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.prompt-card{background:var(--surface);border:2px solid var(--text-light);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:1rem}.prompt-card:hover{border-color:var(--light-purple);transform:translateY(-2px);box-shadow:0 4px 12px #a48cb44d}.prompt-card.selected{background:linear-gradient(135deg,#a48cb41f,#53247314);border-color:var(--primary-purple);box-shadow:0 4px 12px #5324734d;transform:translateY(-1px)}.prompt-checkbox{font-size:1.5rem;align-self:flex-start}.prompt-card p{margin:0;color:var(--text-primary);font-weight:500}.selected-panel{background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow);height:fit-content;border:2px solid var(--medium-purple);max-height:80vh;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--text-light)}.panel-header h3{color:var(--primary-purple);margin:0;font-size:1.25rem}.panel-actions{display:flex;align-items:center;gap:1rem}.count{font-size:.9rem;background:var(--light-purple);color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:500}.clear-button{background:var(--danger);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.clear-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.selected-prompts{flex:1;overflow-y:auto;margin-bottom:1rem;max-height:50vh}.selected-prompt{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#a48cb414,#8f7e9714);border-radius:10px;border:1px solid var(--light-purple)}.prompt-number{color:var(--primary-purple);font-weight:600;flex-shrink:0}.prompt-text{flex:1;color:var(--text-primary)}.remove-prompt{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.6;transition:opacity .2s ease;flex-shrink:0}.remove-prompt:hover{opacity:1}.copy-button{background:linear-gradient(135deg,var(--primary-teal),var(--primary-purple));color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.copy-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #21bbab66;filter:brightness(1.08)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-cat-image{width:100px;height:100px;object-fit:contain;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.empty-state p{margin:.5rem 0}@media (max-width: 1200px){.main{grid-template-columns:250px 1fr 300px}}@media (max-width: 1024px){.main{grid-template-columns:1fr;grid-template-rows:auto auto auto}.selected-panel{order:-1}}@media (max-width: 768px){.header{padding:1rem}.logo h1{font-size:2rem}.logo-cat{width:50px;height:50px}.main{padding:1rem;gap:1rem}.prompts-grid{grid-template-columns:1fr}.stats{flex-direction:column;gap:1rem}}@media (max-width: 480px){.logo{flex-direction:column;text-align:center;gap:.5rem}.logo-text{align-items:center;text-align:center}.tagline{font-size:.9rem}.panel-header{flex-direction:column;gap:1rem;align-items:stretch}.panel-actions{justify-content:space-between}}