.library-browser{max-width:1400px;margin:0 auto;padding:20px}.browser-header{margin-bottom:32px}.browser-header h1{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.browser-header p{color:#718096;font-size:15px}.browser-header p a{color:#667eea;text-decoration:none}.browser-header p a:hover{text-decoration:underline}.browser-header p a.disabled{color:#a0aec0;pointer-events:none}.browser-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.browser-filters{display:flex;gap:12px}.browser-filters button{padding:4px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.browser-filters button.active,.browser-filters button:hover{background:#667eea;color:#fff;border-color:#667eea}.search-box{flex:1;max-width:300px}.search-box input{width:100%;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.no-results{min-height:300px;display:flex;align-items:center;justify-content:center}