.library-container{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.library-header{border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2.5rem 2rem;display:flex}.library-title{color:var(--text-bright);background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.library-subtitle{color:var(--muted);font-size:1rem}.search-wrapper{border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:#0000004d;align-items:center;padding:.25rem .5rem;transition:all .3s;display:flex;position:relative}.search-wrapper:focus-within{border-color:var(--accent);background:#00000073;box-shadow:0 0 15px #ff5e7e26}.search-icon{color:var(--muted-2);padding:0 .75rem;font-size:1.2rem}.search-wrapper input{color:var(--text-bright);background:0 0;border:none;outline:none;flex:1;padding:.8rem .5rem;font-size:1rem}.search-wrapper input::placeholder{color:var(--muted-2)}#clear-search{color:var(--muted-2);cursor:pointer;background:0 0;border:none;padding:0 .75rem;font-size:1.5rem;line-height:1}#clear-search:hover{color:var(--text-bright)}.library-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.sidebar{border-radius:var(--radius-xl);padding:1.5rem;position:sticky;top:2rem}.sidebar-title{color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-soft);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700}.category-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.category-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.category-btn:hover{color:var(--text-bright);background:#ffffff08}.category-btn.active{color:var(--accent);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#ff5e7e14}.category-btn .cat-count{color:var(--muted-2);background:#00000040;border-radius:99px;margin-left:auto;padding:.2rem .5rem;font-size:.75rem}.category-btn.active .cat-count{color:var(--accent);background:#ff5e7e33}.grid-content{flex-direction:column;display:flex}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.template-card{border-radius:var(--radius-xl);flex-direction:column;height:100%;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.template-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 25px #ff5e7e14}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-icon{font-size:2rem}.card-badge{color:var(--accent);background:#ff5e7e1a;border:1px solid #ff5e7e26;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.card-name{color:var(--text-bright);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.card-desc{color:var(--muted);flex:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.card-meta{color:var(--muted-2);border-top:1px solid var(--border-soft);gap:1.25rem;margin-bottom:1.25rem;padding-top:1rem;font-size:.8rem;display:flex}.card-actions{grid-template-columns:1fr 1.3fr;gap:.75rem;display:grid}.btn-card{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-preview-tmpl{color:var(--text-bright);border:1px solid var(--border-soft);background:#ffffff0d}.btn-preview-tmpl:hover{background:#ffffff1f}.empty-state{text-align:center;border:1px dashed var(--border-soft);border-radius:var(--radius-xl);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-bright);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--muted-2);font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;background:#030712cc;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-window{border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(145deg,#ffffff1f,#ffffff0d);flex-direction:column;width:100%;max-width:800px;max-height:85vh;transition:transform .3s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;transform:scale(.95)}.modal-overlay.open .modal-window{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--text-bright);font-size:1.25rem;font-weight:750}.btn-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s}.btn-modal-close:hover{color:var(--text-bright)}.btn-action{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04111f;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-action:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-action-secondary{color:var(--text-bright);border:1px solid var(--border-soft);background:#ffffff14}.btn-action-secondary:hover{background:#ffffff26}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-preview-section{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:1rem;padding:1.25rem}.modal-sec-title{color:var(--text-bright);border-left:2px solid var(--accent);margin-bottom:.25rem;padding-left:.5rem;font-size:1rem;font-weight:700}.modal-sec-desc{color:var(--muted);margin-bottom:.75rem;font-size:.8rem}.modal-fields-list{flex-direction:column;gap:.5rem;display:flex}.modal-field-item{border-radius:var(--radius-sm);background:#00000026;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.modal-field-label{color:var(--muted)}.modal-field-type{text-transform:uppercase;color:var(--accent-2);border-radius:var(--radius-sm);background:#00bcd41a;border:1px solid #00bcd426;padding:.1rem .5rem;font-size:.75rem;font-weight:600}@media (width<=900px){.library-layout{grid-template-columns:1fr}.sidebar{position:static}.category-list{flex-flow:wrap;gap:.5rem}.category-btn{width:auto}.category-btn.active{border-radius:var(--radius-md);background:#ff5e7e26;border-left:none}}