/* Local Plugins preview; all colors and controls reuse the PXLTAB shell. */
#user-view > .system-selector-panel .system-choice-buttons { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
.plugins-page { padding: clamp(20px, 3vw, 40px); color: var(--color-text-primary); }
.plugins-page [hidden] { display: none !important; }
.plugins-heading { margin-bottom: 28px; }
.plugins-identity { display: flex; align-items: center; gap: 16px; }
.plugins-page .plugins-eyebrow { margin: 0 0 8px; font-size: 12px; color: var(--color-text-muted); }
.plugins-page h2 { margin: 0; font-size: clamp(23px, 2.5vw, 32px); line-height: 1.2; letter-spacing: var(--tracking-heading); }
.plugins-page h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.3; }
.plugins-page h4 { margin: 0 0 8px; font-size: 16px; line-height: 1.4; }
.plugins-page p { font-size: 14px; color: var(--color-text-muted); line-height: 1.6; margin: 0 0 16px; }
.plugins-heading > p { margin: 14px 0 0; }
.plugins-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; align-items: start; }
.plugins-content { min-width: 0; grid-column: 1; grid-row: 1; }
.plugins-download { grid-column: 2; grid-row: 1; position: sticky; top: 96px; border: 1px solid var(--color-border-default); border-radius: var(--radius-4); background: var(--color-surface); padding: 24px; }
.plugins-badge { display: inline-block; padding: 5px 9px; margin-bottom: 16px; border-radius: var(--radius-pill); font-size: 11px; font-weight: 650; border: 1px solid var(--color-border-default); color: var(--color-text-secondary); background: var(--color-canvas-subtle); }
.plugins-release-details { margin: 22px 0; font-size: 13px; }
.plugins-release-details > div { display: flex; justify-content: space-between; gap: 12px; margin: 12px 0; }
.plugins-release-details dt { color: var(--color-text-muted); }
.plugins-release-details dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.plugins-page label, .plugins-page legend { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.plugins-page select, .plugins-page textarea { width: 100%; padding: 12px; color: var(--color-text-primary); background: var(--color-surface); border: 1px solid var(--color-border-default); border-radius: var(--radius-2); font-size: 14px; }
.plugins-download .plugins-compatibility { margin: 0; font-size: 13px; }
.node-system-page #user-plugins-system .plugins-compatibility strong { color: var(--color-success); font-weight: 650; }
.plugins-download #plugins-download-link { background: var(--action-generation-gradient); color: #fff; border-radius: var(--radius-2); }
.plugins-download .px-button { min-height: 44px; }
.plugins-download .plugins-status { font-size: 12px; margin: 12px 0; }
.plugins-status[data-error="true"] { color: var(--color-error); }
.plugins-help { display: block; margin-top: 20px; color: var(--color-text-secondary); font-size: 12px; text-align: center; text-underline-offset: 3px; }
.plugins-tabs { display: flex; gap: 8px; padding: 5px; border: 1px solid var(--color-border-default); background: var(--color-canvas-subtle); border-radius: var(--radius-3); margin-bottom: 24px; }
.plugins-tabs button { flex: 1; min-width: 0; min-height: 44px; padding: 10px 12px; background: transparent; color: var(--color-text-muted); border: 1px solid transparent; border-radius: var(--radius-2); font-size: 13px; font-weight: 650; cursor: pointer; }
.plugins-tabs button:hover { background: var(--color-interactive-hover); color: var(--color-text-primary); }
.plugins-tabs button[aria-selected="true"] { background: var(--color-text-primary); color: var(--color-canvas); }
.plugins-page :is(button,a,select,textarea,[tabindex]):focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.plugins-page .how-page__video { margin-top: 20px; }
.plugins-getting-started { margin-top: 24px; }
.plugins-getting-started ol { padding-left: 22px; font-size: 14px; line-height: 1.8; color: var(--color-text-secondary); }
.plugins-empty { padding: 24px 0; border-block: 1px solid var(--color-border-subtle); margin-top: 24px; }
.plugins-release-note { padding: 20px 0; border-top: 1px solid var(--color-border-default); }
.plugins-page .plugins-release-date { font-size: 12px; margin-bottom: 12px; }
.plugins-release-note ul { padding-left: 20px; margin: 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.7; }
@media (max-width: 900px) {
  .plugins-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .plugins-download, .plugins-content { grid-column: auto; grid-row: auto; }
  .plugins-download { position: static; }
  .plugins-release-details { margin: 12px 0 20px; }
}
@media (max-width: 600px) {
  #user-view > .system-selector-panel .system-choice-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #user-view > .system-selector-panel .system-choice-button[data-system="workflow"] { grid-column: 1 / -1; }
  #user-view > .system-selector-panel .system-choice-button { padding-inline: 8px; justify-content: center; text-align: center; }
  #user-view > .system-selector-panel .system-choice-button span { font-size: 11px; }
  .plugins-page { padding: 16px; }
  .plugins-heading > p { margin-left: 0; }
  .plugins-identity { gap: 12px; }
  .plugins-download { padding: 20px; }
  .plugins-tabs { gap: 3px; }
  .plugins-tabs button { padding-inline: 8px; font-size: 12px; }
}