.prompt-library-page{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-16);min-height:80vh}.library-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.library-title{font-size:var(--text-3xl);margin-bottom:var(--space-1)}.library-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500;display:inline-block}.toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.search-wrap{flex:240px;position:relative}.search-icon{left:var(--space-3);color:var(--color-text-tertiary);width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrap .input-base{width:100%;padding-left:2.5rem}.input-base{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none}.input-base:focus{border-color:var(--color-accent-primary)}.textarea{resize:vertical;min-height:120px;font-family:monospace;font-size:var(--text-sm)}.tabs{gap:var(--space-1);background:var(--color-bg-elevated);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid var(--color-border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;font-weight:500;display:flex}.tab.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.tab .count{font-size:var(--text-xs);opacity:.7;border-radius:var(--radius-full);background:#ffffff1a;padding:2px 6px}.toolbar-actions{gap:var(--space-2);margin-left:auto;display:flex}.collections-section{margin-bottom:var(--space-8)}.collections-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-xl)}.collections-row{gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.collection-card{min-height:160px;padding:var(--space-6);cursor:pointer;background:linear-gradient(145deg,#1e1e1ecc,#0a0a0af2);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 8px 32px #0000004d}.collection-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.collection-top{justify-content:space-between;align-items:flex-start;display:flex}.collection-card-icon{width:44px;height:44px;color:var(--color-text-primary);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:flex;background:#ffffff0d!important}.collection-card-icon svg{width:20px;height:20px}.collection-card-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.collection-card:hover .collection-card-actions{opacity:1}.collection-info{margin-top:var(--space-4)}.collection-name{font-family:var(--font-heading);color:#fff;word-break:break-word;overflow-wrap:break-word;font-weight:600;line-height:1.3;margin:0 0 4px!important;font-size:1.25rem!important}.collection-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.collection-card-count{color:#ffffff80;font-size:.875rem}.collection-detail-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;width:100%;display:flex}.collection-detail-header[hidden]{display:none!important}.collection-detail-top-bar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;width:100%;display:flex}.collection-detail-info{align-items:center;gap:var(--space-4);display:flex}.back-btn{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;display:flex}.back-btn:hover{color:var(--color-text-primary)}.collection-count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.collection-detail-actions{gap:var(--space-2);display:flex}.lib-prompt-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@keyframes movingGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.lib-card{padding:var(--space-6);z-index:1;background:linear-gradient(145deg,#1e1e1e99,#0a0a0acc);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 8px 32px #0003}.lib-card:before{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), #ffffff1a, transparent 80%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.lib-card.cat-personal:before{background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), #3b82f626, transparent 80%)}.lib-card.cat-selling:before{background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), #f59e0b26, transparent 80%)}.lib-card.cat-both:before{background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), #10b98126, transparent 80%)}.lib-card.cat-custom:before{background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), hsla(var(--cat-h,0), 70%, 60%, .15), transparent 80%)}.lib-card-header,.lib-code-block,.lib-card-footer{z-index:2;pointer-events:auto;position:relative}.lib-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.lib-card:hover:before{opacity:1}.lib-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.lib-card-title-wrap{flex:1;min-width:0}.lib-card-title{font-size:1.25rem;font-family:var(--font-heading);margin-bottom:var(--space-3);color:#fff;word-break:break-word;font-weight:600;line-height:1.3}.lib-card-badges{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.badge{border-radius:var(--radius-full);border:1px solid #0000;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-personal{color:#93c5fd;background:#3b82f61a;border-color:#3b82f633}.badge-selling{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b33}.badge-both{color:#6ee7b7;background:#10b9811a;border-color:#10b98133}.badge-custom{background:hsla(var(--cat-h,0), 70%, 60%, .1);color:hsla(var(--cat-h,0), 90%, 75%, 1);border-color:hsla(var(--cat-h,0), 70%, 60%, .2)}.badge-price{color:var(--color-text-secondary);-webkit-line-clamp:2;background:0 0;border:none;-webkit-box-orient:vertical;width:100%;margin-top:4px;padding:0;font-size:.85rem;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.lib-card-actions{gap:var(--space-1);opacity:0;flex-shrink:0;transition:opacity .2s;display:flex}.lib-card:hover .lib-card-actions{opacity:1}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.lib-code-block{margin-bottom:var(--space-4);background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 2px 10px #0003}.lib-code-header{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);background:0 0;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;font-weight:500;display:flex}.lib-copy-btn{color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;align-items:center;gap:6px;padding:4px 10px;font-weight:500;transition:background .2s;display:flex}.lib-copy-btn:hover{background:#ffffff1a}.lib-copy-btn.copied{color:var(--color-accent-emerald);background:#10b9811a;border-color:#10b9814d}.lib-code-scroll{max-height:160px;position:relative;overflow:hidden}.lib-code-scroll.expanded{max-height:none}.lib-code-scroll.has-overflow:not(.expanded):after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f0f0fe6);height:50px;position:absolute;bottom:0;left:0;right:0}.lib-code-content{padding:var(--space-4);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:monospace;font-size:.85rem;line-height:1.5;transition:color .2s}.lib-code-content:hover{color:var(--color-text-primary)}.lib-toggle-btn{font-size:var(--text-xs);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;justify-content:center;align-items:center;gap:6px;margin:8px auto;padding:4px 10px;font-weight:500;transition:background .2s;display:flex}.lib-toggle-btn:hover{background:#ffffff1a}.lib-toggle-btn svg{transition:transform .2s}.lib-toggle-btn.is-open svg{transform:rotate(180deg)}.lib-card-footer{padding-top:var(--space-4);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:.75rem;display:flex}.lib-card-footer>div{min-width:0;display:flex}.col-tag{border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:6px;max-width:160px;padding:6px 12px;font-weight:500;transition:background .2s;display:inline-flex}.col-tag span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.col-tag svg{color:var(--color-text-secondary);flex-shrink:0}.col-tag:hover{background:#ffffff1a}.lib-timestamp{color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;font-weight:500}.tag-badge{color:var(--color-text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:color .2s,background .2s,border-color .2s}.tag-badge:hover{color:var(--color-text-primary);background:#ffffff14;border-color:#ffffff26}.lib-prompt-grid[hidden],.empty-state[hidden]{display:none!important}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);margin-top:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{margin-bottom:var(--space-2)}.empty-state p{margin-bottom:var(--space-6);max-width:400px;color:var(--color-text-secondary)}.loading-state{text-align:center;padding:var(--space-10);color:var(--color-text-secondary)}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none!important}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.2s cubic-bezier(.34,1.56,.64,1) modal-in;display:flex;box-shadow:0 20px 40px #00000080}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:none}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);margin:0}.modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.field label{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-weight:500;display:block}.field-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field-error{color:var(--color-accent-rose);font-size:var(--text-xs);margin-top:4px;display:none}.field.invalid .input-base{border-color:var(--color-accent-rose)}.field.invalid .field-error{display:block}.field-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right;margin-top:4px}.textarea{min-height:200px;overflow:auto;resize:both!important}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);justify-content:flex-end;gap:var(--space-3);display:flex}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);font-size:var(--text-sm);box-shadow:var(--shadow-md);max-width:300px;padding:12px 16px;animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=640px){.field-row{grid-template-columns:1fr}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1;justify-content:center}#importBtn span,#exportBtn span{display:none}.empty-state{padding:var(--space-6) var(--space-4)}.empty-state h3{font-size:var(--text-lg)}.empty-state p{margin-bottom:var(--space-4)}.modal-content{border-radius:20px 20px 0 0;max-height:85vh;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}}.prompt-pack-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0003;border-top:1px solid #ffffff0d;display:flex}.prompt-pack-card__image-wrap{border-radius:var(--radius-md);background:var(--color-bg-elevated);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;overflow:hidden}.prompt-pack-card__image{object-fit:cover;width:100%;height:100%}.prompt-pack-card__content{flex:1;min-width:0}.prompt-pack-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-amber);margin-bottom:2px;font-size:.65rem;font-weight:600;display:block}.prompt-pack-card__title{font-size:var(--text-sm);font-family:var(--font-heading);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.prompt-pack-card__btn{font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;padding:4px 10px}