/* Prompt notebook is intentionally separate from the public Gallery. */
.prompt-local-chip {
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:8px 12px;border:1px solid #70e5c347;background:#2e756b23;
  border-radius:99px;color:#9cebd7;font-size:12px;font-weight:750;
}
.prompt-layout {display:grid;grid-template-columns:minmax(315px,.86fr) minmax(0,1.14fr);gap:23px;align-items:start}
.prompt-composer {position:sticky;top:20px;margin:0}
.prompt-composer-top,.prompt-collection-head {display:flex;justify-content:space-between;align-items:center;gap:16px}
.prompt-composer-top {margin-bottom:24px}
.prompt-step {font-size:11px;letter-spacing:1.5px;font-weight:850;color:#8be8d9}
.prompt-help-label,.prompt-optional {font-size:11px;color:#9dacbf;font-weight:500}
.prompt-composer label {margin-top:18px}
.prompt-composer input[type=text],.prompt-search input,.prompt-inline-editor input[type=text] {
  display:block;width:100%;min-width:0;padding:13px 14px;background:#0f1927;color:#eef8ff;
  border:1px solid #819fbe50;border-radius:11px;outline:none;font:inherit;font-size:14px;
}
.prompt-composer input[type=text]:focus,.prompt-search input:focus,.prompt-inline-editor input[type=text]:focus,
.prompt-composer textarea:focus,.prompt-inline-editor textarea:focus {
  outline:0;border-color:#91e2e8;box-shadow:0 0 0 3px #8ce5e923;
}
.prompt-composer textarea {display:block;min-height:230px;line-height:1.7;font-size:14px}
.prompt-save-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px;margin-top:16px}
.prompt-save-row>.muted {font-size:11px;flex:1 1 165px;line-height:1.6}
.prompt-save-row>.primary {width:auto;min-width:160px;margin:0;background:linear-gradient(110deg,#91efe0,#8eb7fa);color:#132137}
.prompt-status {min-height:21px;margin:12px 0 0;font-size:12px;color:#a5eccf;line-height:1.6;overflow-wrap:anywhere}
.prompt-status:empty {display:none}
.prompt-status[data-state=error] {color:#ffc2c5}
.prompt-collection {min-width:0}
.prompt-collection-head {margin:3px 0 18px;align-items:flex-end;flex-wrap:wrap}
.prompt-collection-head h3 {font-size:22px;margin:7px 0 0;color:#f2f8ff;letter-spacing:-.45px}
.prompt-count {display:inline-flex;vertical-align:middle;padding:3px 9px;border-radius:99px;background:#294254;
  color:#b3eced;font-size:11px;letter-spacing:0;margin-left:5px;font-weight:650}
.prompt-search {display:grid;gap:6px;flex:1 1 180px;max-width:270px;margin:0;font-size:11px;color:#b6c6d9}
.prompt-search input {font-size:13px;padding:11px 12px}
.prompt-list {display:grid;gap:13px}
.prompt-empty {padding:54px 22px;text-align:center;color:#a2b7c6;border:1px dashed #63879f60;
  background:#15233480;border-radius:17px;font-size:13px;line-height:1.8}
.prompt-item {border:1px solid #7c9ab146;border-radius:16px;padding:18px 18px 14px;
  background:linear-gradient(145deg,#1b2b3c,#152231);box-shadow:0 12px 36px #0000001a;min-width:0}
.prompt-item-top {display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.prompt-item-heading {min-width:0;overflow-wrap:anywhere}
.prompt-item-heading h4 {font-size:15px;color:#edf8ff;line-height:1.55;font-weight:800;margin:0 0 4px}
.prompt-item-heading small {display:block;color:#91abbf;letter-spacing:0;font-size:10px;font-weight:550}
.prompt-item-body {font-size:13px;color:#c3d5e4;white-space:pre-wrap;overflow-wrap:anywhere;
  line-height:1.75;margin:15px 0 12px;padding:13px 14px;background:#0c182599;
  border:1px solid #6b8ca32a;border-radius:10px;user-select:text;-webkit-user-select:text}
.prompt-item-body.collapsed {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;
  line-clamp:5;overflow:hidden;white-space:pre-wrap}
.prompt-action {border:1px solid #6b85984b;border-radius:9px;padding:9px 13px;
  background:#243647;color:#dceafa;font-size:12px;font-weight:750;white-space:nowrap}
.prompt-action:focus-visible,.prompt-import-label:focus-within {outline:2px solid #98e9e8;outline-offset:2px}
.prompt-action:hover {background:#314a5b}
.prompt-action-copy {background:linear-gradient(110deg,#a1f0e6,#9fcefd);border:0;
  color:#142238;font-weight:850;min-width:91px}
.prompt-action-copy:hover,.prompt-action-copy.copied {background:#b5ffdc}
.prompt-item-actions {display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.prompt-action-quiet {background:transparent}
.prompt-action-delete {color:#eeb6c0;background:transparent;border-color:#985b6a70}
.prompt-action-delete:hover {background:#5e2d3d}
.prompt-inline-editor {display:grid;gap:12px}
.prompt-inline-editor textarea {min-height:155px;line-height:1.7;font-size:13px}
.prompt-inline-actions {display:flex;justify-content:flex-end;gap:9px}
.prompt-backup {margin:22px 0 0;border:1px solid #8299a13d;border-radius:13px;
  background:#152330b5;padding:14px 17px;color:#b2c5d9}
.prompt-backup summary {cursor:pointer;font-size:12px;font-weight:750;color:#c7dce9}
.prompt-backup p {font-size:12px;line-height:1.8;margin:13px 0}
.prompt-backup-actions {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.prompt-backup-actions .secondary,.prompt-import-label {font-size:11px;padding:11px 12px;border-radius:10px}
.prompt-import-label {position:relative;cursor:pointer;margin:0;background:#293d4c;
  border:1px solid #749bb35c;color:#e3f3ff;overflow:hidden}
.prompt-import-label:hover {background:#375363}
.prompt-import-label input {position:absolute;width:1px;height:1px;opacity:0;left:-5000px}
@media(max-width:950px) {
  .prompt-layout {grid-template-columns:1fr}
  .prompt-composer {position:static}
  .prompt-composer textarea {min-height:155px}
  .prompt-collection-head {align-items:center}
}
@media(max-width:620px) {
  .prompt-local-chip {font-size:10px}
  .prompt-collection-head h3 {font-size:20px}
  .prompt-search {max-width:none;width:100%;flex-basis:100%}
  .prompt-item {padding:13px 12px}
  .prompt-item-body {padding:12px;font-size:12px}
  .prompt-item-heading h4 {font-size:14px}
  .prompt-item-actions {gap:6px}
  .prompt-action {font-size:11px;padding:9px 11px}
  .prompt-save-row>.primary {width:100%}
  nav#tabs button[data-tab="prompts"] {font-size:11px;letter-spacing:-.35px}
}