.prompt-page[data-v-2a9d9aae]{max-width:100%}.prompt-header[data-v-2a9d9aae]{margin-bottom:20px}.search-box[data-v-2a9d9aae]{max-width:400px}.prompt-layout[data-v-2a9d9aae]{display:grid;grid-template-columns:160px 1fr;gap:20px}.category-sidebar[data-v-2a9d9aae]{display:flex;flex-direction:column;gap:4px}.category-btn[data-v-2a9d9aae]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s;text-align:left}.category-btn[data-v-2a9d9aae]:hover{background:rgba(124,58,237,.06);color:#2c8cf0}.category-btn.active[data-v-2a9d9aae]{background:linear-gradient(135deg,#2c8cf0,#1d4ed8);color:#fff}.cat-icon[data-v-2a9d9aae]{width:24px;height:24px;border-radius:6px;background:rgba(124,58,237,.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.category-btn.active .cat-icon[data-v-2a9d9aae]{background:rgba(255,255,255,.2)}.cat-label[data-v-2a9d9aae]{flex:1}.cat-count[data-v-2a9d9aae]{font-size:11px;padding:1px 6px;border-radius:10px;background:#f1f5f9;color:#94a3b8}.category-btn.active .cat-count[data-v-2a9d9aae]{background:rgba(255,255,255,.2);color:#fff}.template-grid[data-v-2a9d9aae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-content:start}.template-card[data-v-2a9d9aae]{position:relative;padding:18px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;transition:all .2s;cursor:default}.template-card[data-v-2a9d9aae]:hover{border-color:#2c8cf0;box-shadow:0 4px 16px #7c3aed1a;transform:translateY(-2px)}.template-card-header[data-v-2a9d9aae]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.template-card-header h4[data-v-2a9d9aae]{font-size:14px;font-weight:600;color:var(--text-color);margin:0;flex:1;line-height:1.4}.template-cat-tag[data-v-2a9d9aae]{font-size:11px;padding:2px 8px;border-radius:4px;background:#eff6ff;color:#2c8cf0;white-space:nowrap;flex-shrink:0}.template-desc[data-v-2a9d9aae]{font-size:13px;color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.template-preview[data-v-2a9d9aae]{font-size:12px;color:var(--text-muted);background:#f8fafc;padding:10px;border-radius:6px;line-height:1.6;max-height:60px;overflow:hidden;white-space:pre-wrap}[data-theme=dark] .template-preview[data-v-2a9d9aae]{background:#1e293b}.copy-btn[data-v-2a9d9aae]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 24px;background:linear-gradient(135deg,#2c8cf0,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #7c3aed66;z-index:2}.copy-btn[data-v-2a9d9aae]:hover{transform:translate(-50%,-50%) scale(1.05)}.fade-enter-active[data-v-2a9d9aae],.fade-leave-active[data-v-2a9d9aae]{transition:opacity .15s}.fade-enter-from[data-v-2a9d9aae],.fade-leave-to[data-v-2a9d9aae]{opacity:0}.empty-state[data-v-2a9d9aae]{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted)}[data-theme=dark] .template-cat-tag[data-v-2a9d9aae]{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .cat-count[data-v-2a9d9aae]{background:#334155;color:#94a3b8}@media (max-width: 768px){.prompt-layout[data-v-2a9d9aae]{grid-template-columns:1fr}.category-sidebar[data-v-2a9d9aae]{flex-direction:row;overflow-x:auto;padding-bottom:8px}.category-btn[data-v-2a9d9aae]{white-space:nowrap;flex-shrink:0}.template-grid[data-v-2a9d9aae]{grid-template-columns:1fr}}