/* Reusable recipes use the same compact controls and palette as Space context. */
#workspace-blueprints[hidden], #workspace-blueprints [hidden] { display: none; }
#workspace-blueprints { max-width: none; min-width: 0; margin: 0; }
#workspace-blueprints *, #workspace-blueprints *::before, #workspace-blueprints *::after { box-sizing: border-box; }
#workspace-blueprints :is(h2, h3, p, li, small, label, button) { overflow-wrap: anywhere; }
#workspace-blueprints h2:focus { outline: none; }
#workspace-blueprints .blueprint-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem 1rem; margin-bottom: 1rem; }
#workspace-blueprints .blueprint-toolbar > div { min-width: 0; }
#workspace-blueprints .blueprint-toolbar h2 { margin: 0 0 .35rem; font-size: 1.35rem; letter-spacing: -.025em; }
#workspace-blueprints .blueprint-toolbar p { margin: 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }
#workspace-blueprints .blueprint-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: 1rem; margin: 1rem 0; padding: 0; list-style: none; }
#workspace-blueprints .blueprint-card { display: flex; flex-direction: column; min-width: 0; padding: 1.15rem; background: #fff; border: 1px solid var(--border); border-radius: .75rem; }
#workspace-blueprints .blueprint-card:hover { border-color: #a8c3d0; }
#workspace-blueprints .blueprint-card__heading { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; min-width: 0; }
#workspace-blueprints .blueprint-card__heading :is(h2, h3) { margin: 0; font-size: 1rem; font-weight: 650; letter-spacing: -.015em; line-height: 1.45; }
#workspace-blueprints .blueprint-card p { margin: .65rem 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }
#workspace-blueprints .blueprint-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .75rem; color: var(--muted); font-size: .75rem; line-height: 1.5; margin: .45rem 0; }
#workspace-blueprints .blueprint-card .blueprint-actions { margin-top: auto; padding-top: .85rem; }
#workspace-blueprints .blueprint-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; }
#workspace-blueprints .blueprint-actions .context-button { max-width: 100%; }
#workspace-blueprints .blueprint-empty { padding: 2.5rem 1.5rem; margin: 1rem 0; text-align: center; border: 1px dashed #b7c8ce; border-radius: .75rem; }
#workspace-blueprints .blueprint-empty :is(h2, h3) { font-size: 1rem; margin: 0 0 .6rem; }
#workspace-blueprints .blueprint-empty p { color: var(--muted); line-height: 1.6; margin: 0; }
#workspace-blueprints .blueprint-empty .blueprint-actions { justify-content: center; }
#workspace-blueprints .blueprint-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: start; gap: 1.5rem; max-width: 68rem; }
#workspace-blueprints .blueprint-editor-layout > *, #workspace-blueprints .blueprint-form { min-width: 0; }
#workspace-blueprints .blueprint-form { max-width: 46rem; }
#workspace-blueprints #blueprint-form { max-width: 68rem; }
#workspace-blueprints .blueprint-form fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
#workspace-blueprints .field { margin-bottom: 1rem; }
#workspace-blueprints .field :is(input, select, textarea) { min-width: 0; width: 100%; max-width: 100%; }
#workspace-blueprints .field textarea { resize: vertical; min-height: 6rem; line-height: 1.6; }
#workspace-blueprints .field small { display: block; color: var(--muted); font-size: .75rem; font-weight: 400; line-height: 1.6; }
#workspace-blueprints details { border-top: 1px solid var(--border); margin: 1rem 0; padding: .75rem 0 0; }
#workspace-blueprints summary { color: var(--blue-dark); cursor: pointer; padding: .3rem 0 .75rem; font-size: .875rem; font-weight: 600; }
#workspace-blueprints .blueprint-preview { padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; background: #fff; min-width: 0; }
#workspace-blueprints .blueprint-preview h3 { margin: 0 0 .65rem; font-size: .9rem; line-height: 1.5; }
#workspace-blueprints .blueprint-preview p { color: var(--muted); font-size: .8rem; line-height: 1.6; margin: .65rem 0; }
#workspace-blueprints .blueprint-preview-list { margin: 1rem 0 0; padding-left: 1.25rem; font-size: .8rem; line-height: 1.7; }
#workspace-blueprints .blueprint-preview-list li + li { margin-top: .3rem; }
#workspace-blueprints .blueprint-notice { padding: .85rem 1rem; border: 1px solid #cadce3; border-radius: .65rem; background: #edf4f6; color: var(--ink); font-size: .875rem; line-height: 1.6; margin: 1rem 0; }
#workspace-blueprints .blueprint-notice[data-error="true"] { color: #a12424; border-color: #ecc9c6; background: #fff6f5; }
#workspace-blueprints .blueprint-source-list { display: grid; gap: .5rem; padding: 0; margin: .75rem 0 1rem; list-style: none; }
#workspace-blueprints .blueprint-source-row { display: flex; align-items: flex-start; gap: .7rem; padding: .75rem; background: #fff; border: 1px solid var(--border); border-radius: .55rem; min-width: 0; cursor: pointer; }
#workspace-blueprints .blueprint-source-row > input { accent-color: var(--blue); flex: 0 0 auto; height: 1rem; width: 1rem; margin: .2rem 0 0; }
#workspace-blueprints .blueprint-source-row > span { min-width: 0; }
#workspace-blueprints .blueprint-source-row strong { display: block; font-size: .85rem; line-height: 1.5; }
#workspace-blueprints .blueprint-source-row small { display: block; color: var(--muted); font-size: .75rem; line-height: 1.5; margin-top: .2rem; }
#workspace-blueprints .blueprint-source-row:has(input:checked) { border-color: #9dbdcb; background: #edf4f6; }
#workspace-blueprints .blueprint-prompt { display: block; width: 100%; min-width: 0; max-width: 100%; padding: 1rem; margin-top: 1.25rem; background: #fff; border: 1px solid var(--border); border-radius: .65rem; color: var(--ink); font-size: .8rem; line-height: 1.65; }
#workspace-blueprints .blueprint-prompt textarea { min-height: 16rem; }
#workspace-blueprints #blueprint-markdown { margin: .5rem 0; padding: .85rem; border: 1px solid var(--border); border-radius: .55rem; background: #fff; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; line-height: 1.6; }
#workspace-blueprints .blueprint-draft-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin: 1rem 0; padding: .75rem 1rem; background: #edf4f6; border: 1px solid #cadce3; border-radius: .65rem; }
#workspace-blueprints .blueprint-draft-row p { margin: 0; font-size: .85rem; line-height: 1.6; }
#workspace-blueprints .blueprint-draft-row small { display: block; color: var(--muted); font-size: .75rem; line-height: 1.6; margin-top: .2rem; }
#workspace-blueprints .blueprint-draft-row .blueprint-actions { margin: 0; }
.source-blueprint-summary { margin: .75rem 0; padding: .85rem 1rem; border: 1px solid #cadce3; border-radius: .65rem; background: #edf4f6; font-size: .8rem; line-height: 1.6; overflow-wrap: anywhere; }
.source-blueprint-summary[hidden] { display: none; }
.source-blueprint-summary p { margin: .3rem 0; }
.source-blueprint-summary label { display: block; margin-top: .5rem; color: var(--muted); }
@media (max-width: 1000px) {
  #workspace-blueprints .blueprint-editor-layout { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  #workspace-blueprints .blueprint-form { max-width: none; }
}
@media (max-width: 650px) {
  #workspace-blueprints .blueprint-toolbar { align-items: flex-start; }
  #workspace-blueprints .blueprint-card { padding: 1rem; }
  #workspace-blueprints .field :is(input, select, textarea) { font-size: 16px; }
  #workspace-blueprints .blueprint-actions .context-button { flex: 1 1 auto; }
  #workspace-blueprints .blueprint-preview { padding: .85rem; }
  #workspace-blueprints .blueprint-empty { padding: 2rem 1rem; }
}