.categories-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.categories-rail{border:1px solid var(--color-border-light);background:#fff;border-radius:10px;flex-direction:column;gap:4px;max-height:calc(100vh - 40px);padding:8px;display:flex;position:sticky;top:20px;overflow-y:auto}.categories-rail-btn{cursor:pointer;color:var(--color-text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;font-weight:500;transition:background .12s,color .12s;display:flex}.categories-rail-btn img{border-radius:8px}.categories-rail-btn:hover{background:#f3f4f6}.categories-rail-btn.active{background:var(--color-accent-dark);color:#fff}.categories-rail-icon{background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.categories-rail-btn.active .categories-rail-icon{background:#ffffff26}.categories-rail-icon-fallback{color:#6b7280;font-weight:700}.categories-rail-btn.active .categories-rail-icon-fallback{color:#fff}.categories-rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.categories-main{border:1px solid var(--color-border-light);background:#fff;border-radius:10px;min-height:200px;padding:20px 24px}.categories-main-header{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.categories-main-header h2{color:var(--color-text);margin:0;font-size:1.2rem}.categories-browse-all{color:var(--color-accent-dark);font-size:.85rem;font-weight:600;text-decoration:none}.categories-browse-all:hover{text-decoration:underline}.categories-types{flex-direction:column;display:flex}.categories-type-chip{color:var(--color-text);border-bottom:1px solid var(--color-border-light);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,padding-left .12s;display:flex}.categories-type-chip:after{content:"→";color:#9ca3af;opacity:0;transition:opacity .12s,transform .12s,color .12s;transform:translate(-4px)}.categories-type-chip:hover{color:var(--color-accent-dark);background:#f3f4f6;padding-left:18px}.categories-type-chip:hover:after{opacity:1;color:var(--color-accent-dark);transform:translate(0)}.categories-type-chip:last-child{border-bottom:none}.categories-type-chip-all{color:var(--color-accent-dark);font-weight:600}.categories-search{align-items:center;margin:0 0 16px;display:flex;position:relative}.categories-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:12px}.categories-search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:10px 36px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.categories-search-input::placeholder{color:var(--color-text-light)}.categories-search-input:focus{border-color:var(--color-text);outline:none;box-shadow:0 0 0 3px #0000000f}.categories-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.categories-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.categories-search-clear{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;right:8px}.categories-search-clear:hover{color:var(--color-text);background:#f3f4f6}.categories-empty{color:var(--color-text-muted);padding:12px 0;font-size:.92rem}.categories-empty-link{color:var(--color-accent-dark);margin-left:6px;text-decoration:underline}@media (max-width:760px){.categories-layout{grid-template-columns:1fr;gap:12px}.categories-rail{-webkit-overflow-scrolling:touch;flex-direction:row;gap:6px;max-height:none;padding:6px;position:static;overflow:auto visible}.categories-rail-btn{text-align:center;flex-direction:column;flex-shrink:0;gap:4px;min-width:78px;padding:8px 10px}.categories-rail-icon{width:40px;height:40px}.categories-rail-name{white-space:normal;font-size:.75rem;line-height:1.2}.categories-main{padding:16px}}