.scripts-main { max-width: 1240px; }
.scripts-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.script-tabs { display: flex; min-width: 0; overflow-x: auto; padding: 3px; background: #e3e8eb; border: 1px solid var(--line); border-radius: 5px; scrollbar-width: none; }
.script-tabs::-webkit-scrollbar { display: none; }
.script-tabs button { flex: 0 0 auto; min-height: 34px; padding: 0 13px; color: var(--muted); background: transparent; border-radius: 3px; font-size: 11px; transition: color 180ms ease, background 180ms ease; }
.script-tabs button:hover { color: var(--ink); }
.script-tabs button.is-active { color: var(--navy); background: var(--white); box-shadow: 0 1px 4px rgb(8 28 51 / 9%); font-weight: 750; }
.scripts-search { width: min(300px, 36vw); flex: 0 1 300px; }
.scripts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.script-card { display: grid; min-width: 0; align-content: start; padding: 18px; background: var(--white); border: 1px solid var(--line); border-radius: 6px; transition: border-color 180ms ease, box-shadow 200ms ease, transform 200ms var(--ease); }
.script-card:hover { border-color: #bdc7cd; transform: translateY(-1px); box-shadow: 0 9px 24px rgb(8 28 51 / 6%); }
.script-card-head { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.script-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-bottom: 9px; }
.script-category, .script-shortcut { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 3px; font: 600 8px "IBM Plex Mono", monospace; text-transform: uppercase; }
.script-category { color: var(--blue); background: #edf2ff; }
.script-shortcut { color: var(--muted); background: var(--paper); }
.script-card h2 { margin-bottom: 0; font: 650 18px/1.25 "Onest", sans-serif; }
.copy-script { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: var(--blue); background: #eef3ff; border-radius: 4px; transition: color 180ms ease, background 180ms ease; }
.copy-script:hover { color: var(--white); background: var(--blue); }
.copy-script svg { width: 16px; height: 16px; }
.script-text { margin: 18px 0 0; padding-top: 15px; color: #34414b; border-top: 1px solid var(--line-soft); font-size: 12px; line-height: 1.65; white-space: pre-line; }

@media (max-width: 840px) {
  .scripts-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .scripts-toolbar { display: grid; }
  .script-tabs, .scripts-search { width: 100%; max-width: none; }
  .script-tabs button { flex: 1 0 auto; }
  .scripts-main .workspace-heading { display: grid; align-items: start; }
  .scripts-main .pricing-stage { max-width: none; justify-items: start; text-align: left; }
}