.npw-gallery{gap:var(--space-3);min-height:340px;max-height:420px;display:flex}.npw-sidebar{gap:var(--space-0-5,2px);border-right:1px solid var(--color-border-default);width:128px;padding-right:var(--space-2);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.npw-lang{text-align:left;padding:var(--space-1-5) var(--space-2);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);color:var(--color-fg-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none}.npw-lang:hover{background:var(--color-bg-muted)}.npw-lang.active{background:var(--color-accent-subtle);color:var(--color-accent-default)}.npw-main{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.npw-toolbar{gap:var(--space-1-5);flex-direction:column;display:flex}.npw-search{align-items:center;gap:var(--space-1-5);padding:0 var(--space-2);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-fg-subtle);display:flex}.npw-search:focus-within{border-color:var(--color-accent-default)}.npw-search input{padding:var(--space-1-5) 0;color:var(--color-fg-default);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.npw-categories{gap:var(--space-1);flex-wrap:wrap;display:flex}.npw-cat{padding:var(--space-0-5,2px) var(--space-2-5);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-full,999px);border-radius:var(--radius-full,999px);color:var(--color-fg-muted);font-size:var(--text-xs);cursor:pointer;background:0 0}.npw-cat.active{background:var(--color-accent-subtle);border-color:var(--color-accent-default);color:var(--color-accent-default)}.npw-list{gap:var(--space-3);padding-right:var(--space-0-5,2px);flex-direction:column;flex:1;display:flex;overflow-y:auto}.npw-group-title{margin-bottom:var(--space-1-5,6px);color:var(--color-fg-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.npw-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.npw-empty{padding:var(--space-6) 0;text-align:center;color:var(--color-fg-subtle);font-size:var(--text-sm);grid-column:1/-1}.npw-card{gap:var(--space-1);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-base);cursor:pointer;text-align:left;flex-direction:column;display:flex}.npw-card:hover{border-color:var(--color-border-emphasis,var(--color-border-default));background:var(--color-bg-muted)}.npw-card.active{border-color:var(--color-accent-default);background:var(--color-accent-subtle)}.npw-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.npw-card-name{font-size:var(--text-sm);color:var(--color-fg-default);font-weight:600}.npw-card-lang{padding:1px var(--space-2);-webkit-border-radius:var(--radius-full,999px);border-radius:var(--radius-full,999px);background:var(--color-bg-muted);color:var(--color-fg-subtle);font-size:var(--text-xs);white-space:nowrap}.npw-card-desc{font-size:var(--text-xs);color:var(--color-fg-subtle);line-height:1.5}.npw-selected{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-muted);display:flex}.npw-card-badges{align-items:center;gap:var(--space-2);margin-top:var(--space-0-5,2px);display:flex}.npw-card-badge{align-items:center;gap:var(--space-1);color:var(--color-accent-default);font-size:var(--text-xs);display:inline-flex}.npw-env{gap:var(--space-1-5,6px);flex-wrap:wrap;display:flex}.npw-env-item{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-full,999px);border-radius:var(--radius-full,999px);color:var(--color-success-fg,var(--color-fg-default));font-size:var(--text-xs);font-family:var(--font-mono,monospace);display:inline-flex}.npw-env-item.missing{border-color:var(--color-danger-emphasis,var(--color-border-default));color:var(--color-danger-fg,var(--color-fg-default))}.npw-env-checking{color:var(--color-fg-subtle)}.npw-env-pick{margin-left:var(--space-1);padding:0 var(--space-1-5,6px);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-sm,4px);border-radius:var(--radius-sm,4px);background:var(--color-bg-muted);color:var(--color-fg-default);font-size:var(--text-xs);cursor:pointer}.npw-env-pick:hover{background:var(--color-bg-emphasis,var(--color-bg-muted))}.npw-debugger{align-items:center;gap:var(--space-1);display:inline-flex}.npw-docs{align-items:center;gap:var(--space-1);color:var(--color-accent-default);font-size:var(--text-xs);margin-left:auto;text-decoration:none;display:inline-flex}.npw-docs:hover{text-decoration:underline}.npw-cmd{margin-top:var(--space-1);padding:var(--space-1-5) var(--space-2);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-muted);color:var(--color-fg-muted);font-size:var(--text-xs);font-family:var(--font-mono,monospace);word-break:break-all;display:block}.npw-warn{color:var(--color-warning-fg,var(--color-fg-muted))}.npw-next-steps{padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-base)}.npw-next-steps-title{margin-bottom:var(--space-1);color:var(--color-fg-muted);font-size:var(--text-xs);font-weight:600}.npw-next-steps ol{padding-left:var(--space-4);gap:var(--space-0-5,2px);color:var(--color-fg-subtle);font-size:var(--text-xs);flex-direction:column;margin:0;display:flex}.npw-next-steps code{font-family:var(--font-mono,monospace);color:var(--color-fg-default)}.npw-log-wrap{gap:var(--space-1);flex-direction:column;display:flex}.npw-log-title{color:var(--color-fg-muted);font-size:var(--text-xs)}.npw-log{height:120px;padding:var(--space-2);border:1px solid var(--color-border-default);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-fg-subtle);font-size:var(--text-xs);font-family:var(--font-mono,monospace);white-space:pre-wrap;word-break:break-all;margin:0;overflow-y:auto}