.react-search-page{width:100%;max-width:900px;margin:0 auto 40px}.react-search-page h1{margin-bottom:16px}.search-panel{padding:20px;border:1px solid #503b3b;border-radius:6px;background:#211b1b;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.search-filters{display:flex;gap:16px;margin-bottom:16px}.search-filters label{flex:1;color:#d8ceca}.search-filters select,.search-query textarea{display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:9px;border:1px solid #655454;border-radius:3px;background:#302929;color:#f0e8e4}.search-filters select:focus,.search-query textarea:focus{border-color:#967b69;outline:2px solid rgba(150,123,105,0.18)}.search-filters option{background:#302929;color:#f0e8e4}.search-query{display:block}.search-query{color:#d8ceca}.search-query textarea::placeholder{color:#988d89}.search-counter{display:block;margin-top:3px;color:#a99d98;text-align:right;font-size:12px}.search-actions{display:flex;gap:10px}.search-actions button,.search-pagination button{padding:8px 16px;border:1px solid #6a5953;border-radius:3px;background:#3a3030;color:#eee5e1;cursor:pointer}.search-actions button:hover,.search-pagination button:hover:not(:disabled){background:#493b38}.search-actions .extended{background:#564568;color:#f4eff8;border:1px solid #756284}.search-actions .extended:hover{background:#665276}.search-actions .reset{margin-left:auto;background:transparent;color:#c3b7b2}.search-actions button:disabled,.search-pagination button:disabled{cursor:default;opacity:.5}.extended-search-note{margin:9px 0 0;color:#a99d98;font-size:12px;line-height:1.5}.search-results{min-height:120px;margin-top:20px}.search-status,.search-error,.search-hint,.search-count{padding:10px 0}.search-error{color:#b00020}.search-hint{color:#5d3a8e}.search-result{border-bottom:1px solid #ddd}.search-result a{display:flex;align-items:center;gap:15px;padding:14px 8px;color:inherit;text-decoration:none}.search-result a:hover{background:#f5f5f5}.search-result img{width:48px;height:64px;object-fit:cover}.search-result small{display:block;margin-top:4px;color:#666}.search-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}@media (max-width: 600px){.react-search-page{width:auto;margin-right:10px;margin-left:10px}.search-filters{display:block}.search-filters label+label{display:block;margin-top:12px}.search-actions{flex-direction:column}}