.browse-layout{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:240px 1fr;gap:32px;position:relative;z-index:1;min-height:calc(100vh - 200px)}.sidebar{padding-top:32px;position:sticky;top:65px;height:fit-content;max-height:calc(100vh - 80px);overflow-y:auto;border-right:1px solid var(--color-border-subtle);padding-right:24px;padding-bottom:48px;animation:fade-up .5s ease-out .05s both}.sidebar-header{font-family:var(--font-mono);font-size:.75rem;color:var(--color-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-left:16px}.sidebar-header:before{content:"# ";color:var(--color-tertiary)}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;margin:0}.sidebar-item{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-tertiary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between;border-left:2px solid transparent;user-select:none;position:relative}.sidebar-item:hover{color:var(--color-secondary);background:#ffffff05}.sidebar-item.active{color:var(--color-green);border-left-color:var(--color-green);background:var(--green-glow)}.sidebar-flag{display:flex;align-items:center;gap:0}.sidebar-flag:before{content:"> ";color:transparent;font-size:.75rem;transition:color .15s;width:16px;flex-shrink:0}.sidebar-item.active .sidebar-flag:before{color:var(--color-green)}.sidebar-item:hover .sidebar-flag:before{color:var(--color-ghost)}.sidebar-item.active:hover .sidebar-flag:before{color:var(--color-green)}.sidebar-count{font-size:.6875rem;color:var(--color-ghost);min-width:24px;text-align:right;transition:color .15s}.sidebar-item.active .sidebar-count{color:var(--color-green-dim)}.sidebar-divider{height:1px;background:var(--color-border-subtle);margin:8px 16px;list-style:none}.browse-main{padding-top:32px;padding-bottom:64px;min-width:0}.active-command{font-family:var(--font-mono);font-size:.75rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);margin-bottom:24px;display:flex;align-items:center;min-height:42px;overflow:hidden;animation:fade-up .4s ease-out .15s both}.active-command-left{display:flex;align-items:center;flex:1;min-width:0;padding:8px 0 8px 14px;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.active-command-left::-webkit-scrollbar{display:none}.active-command .prompt{color:var(--color-green);margin-right:8px;user-select:none;flex-shrink:0}.active-command .cmd-base{color:var(--color-secondary);margin-right:6px;flex-shrink:0}.cmd-segment{display:inline-flex;align-items:center;gap:0;margin-right:6px;padding:2px 8px;border-radius:3px;border:1px solid rgba(0,255,136,.15);background:#00ff880a;cursor:pointer;transition:all .15s;flex-shrink:0}.cmd-segment:hover{background:#00ff881a;border-color:#00ff884d}.cmd-segment .seg-flag{color:var(--color-blue)}.cmd-segment .seg-value{color:var(--color-yellow)}.cmd-segment .seg-dismiss{color:var(--color-ghost);margin-left:6px;font-size:.625rem;transition:color .15s}.cmd-segment:hover .seg-dismiss{color:var(--color-red)}.cmd-segment.search-seg{border-color:#fbbf2433;background:#fbbf240a}.cmd-segment.search-seg:hover{background:#fbbf241a;border-color:#fbbf2459}.cmd-default{color:var(--color-tertiary);flex-shrink:0;margin-right:6px}.cmd-cursor{display:inline-block;width:7px;height:14px;background:var(--color-green);opacity:.7;animation:blink 1s step-end infinite;vertical-align:middle;flex-shrink:0;margin-left:2px}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.active-command-right{display:flex;align-items:center;gap:2px;flex-shrink:0;border-left:1px solid var(--color-border-subtle);margin-left:auto;padding:8px 10px 8px 12px}.results-count{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-tertiary);white-space:nowrap;margin-right:10px}.results-count strong{color:var(--color-secondary);font-weight:600}.sort-select{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-secondary);background:var(--color-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:4px 24px 4px 8px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23767676' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}.sort-select:hover{border-color:var(--color-border-hover)}.sort-select:focus{border-color:var(--green-border-focus)}.clear-cmd{font-family:var(--font-mono);font-size:.625rem;color:var(--color-ghost);background:none;border:none;cursor:pointer;padding:4px 6px;transition:color .15s;white-space:nowrap;display:none}.clear-cmd:hover{color:var(--color-red)}.clear-cmd.visible{display:inline-block}.tool-list{display:flex;flex-direction:column;gap:1px}.empty-state{text-align:center;padding:96px 32px;display:none}.empty-state.visible{display:block}.empty-state-icon{font-family:var(--font-mono);font-size:2rem;color:var(--color-ghost);margin-bottom:16px}.empty-state-text{font-family:var(--font-mono);font-size:.875rem;color:var(--color-tertiary);margin-bottom:8px}.empty-state-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ghost)}.tool-list .tool-card{animation:fade-up .4s ease-out both}.tool-list .tool-card:nth-child(1){animation-delay:.08s}.tool-list .tool-card:nth-child(2){animation-delay:.12s}.tool-list .tool-card:nth-child(3){animation-delay:.16s}.tool-list .tool-card:nth-child(4){animation-delay:.2s}.tool-list .tool-card:nth-child(5){animation-delay:.24s}.tool-list .tool-card:nth-child(6){animation-delay:.28s}.tool-list .tool-card:nth-child(7){animation-delay:.32s}.tool-list .tool-card:nth-child(8){animation-delay:.36s}.tool-list .tool-card:nth-child(9){animation-delay:.4s}.tool-list .tool-card:nth-child(10){animation-delay:.44s}.tool-list .tool-card:nth-child(11){animation-delay:.48s}.tool-list .tool-card:nth-child(12){animation-delay:.52s}.tool-list--ready .tool-card{animation:none}@media(max-width:868px){.browse-layout{grid-template-columns:1fr;gap:0}.sidebar{position:static;border-right:none;border-bottom:1px solid var(--color-border-subtle);padding-right:0;padding-top:16px;padding-bottom:16px;max-height:none;overflow:visible}.sidebar-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-list::-webkit-scrollbar{display:none}.sidebar-header,.sidebar-divider{display:none}.sidebar-item{flex-shrink:0;padding:6px 14px;border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm);white-space:nowrap}.sidebar-item.active{border-left-color:transparent;border-bottom-color:var(--color-green)}.sidebar-flag:before{display:none}.sidebar-count{display:none}}@media(max-width:480px){.active-command{flex-wrap:wrap}.active-command-right{border-left:none;border-top:1px solid var(--color-border-subtle);width:100%;padding:6px 10px;justify-content:flex-end}}