.settings-container{padding:20px;max-width:var(--max-width);margin:0 auto}.header{margin-bottom:2rem;text-align:center}.header h1{font-size:2rem;margin-bottom:2rem}.controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}#searchInput,.category-selector select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;outline:none;transition:border-color .3s ease;background:#fff}.category-selector select{min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1rem}#searchInput{width:100%;max-width:300px}#searchInput:focus,.category-selector select:focus{border-color:#0070f3}.category-section{margin-bottom:2rem}.category-title{font-size:1.2rem;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:1px solid #eee}.settings-group{margin-bottom:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.settings-group h3{margin:0;padding:.75rem 1rem;background:#f8f9fa;color:#333;font-size:1rem;border-bottom:1px solid #eee}.settings-table{width:100%;border-collapse:collapse}.settings-table td,.settings-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee;font-size:.9rem}.settings-table th{background:#f8f9fa;font-weight:500;color:#666}.setting-name{font-weight:500;color:#333;white-space:nowrap}.setting-description{color:#666;max-width:400px}.setting-default,.setting-type{color:#666;font-size:.85rem;white-space:nowrap}.setting-options ul{list-style:none;padding:0;margin:0;font-size:.85rem}.setting-options li{margin-bottom:.25rem}.setting-row:hover{background:#f8f9fa}@media (max-width:768px){.controls{flex-direction:column;align-items:stretch}.settings-table{display:block;overflow-x:auto}}