/* Compact page headings and flat cards for the studio chooser and project library. */
body.dashboard-page #create[data-mode="choose"] { padding-top: 28px; }
body.dashboard-page #create .creation-hub-catalog { margin: 0; }
body.dashboard-page #create .creation-section-heading {
  margin: 0 0 16px;
  text-align: right;
}
body.dashboard-page #create .creation-section-heading h2 { margin: 0 0 5px; font-size: 18px; }
body.dashboard-page #create .creation-section-heading p { margin: 0; color: var(--workspace-muted); font-size: 12px; }
body.dashboard-page #create .creation-hub-grid,
body.dashboard-page #create .creation-future-grid { gap: 14px; }
body.dashboard-page #create .creation-choice,
body.dashboard-page #create .creation-choice[data-studio-service] {
  height: 310px;
  min-height: 310px;
  border-radius: 14px;
}
body.dashboard-page #create .choice-flip,
body.dashboard-page #create .creation-future-grid .choice-flip,
body.dashboard-page #create .creation-choice:not(:disabled):not(.is-coming-soon):hover .choice-flip {
  border-radius: 14px;
  box-shadow: none;
}
body.dashboard-page #create .choice-face { border-radius: 14px; }
body.dashboard-page #create .choice-face-front {
  padding: 16px;
  background: var(--workspace-surface);
  border-color: var(--workspace-border);
}
body.dashboard-page #create .choice-front-icon,
body.dashboard-page #create .creation-future-grid .choice-front-icon {
  height: 125px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: var(--workspace-raised);
  box-shadow: none;
}
body.dashboard-page #create .choice-front-icon svg { width: 42px; height: 42px; }
body.dashboard-page #create .choice-front-title { font-size: 16px; }
body.dashboard-page #create .choice-front-description { font-size: 12px; }
body.dashboard-page #create .choice-back-content { border-radius: 12px; }
body.dashboard-page #create .creation-future { margin-top: 28px; }
body.dashboard-page #create .creation-future-grid .creation-choice { height: 265px; min-height: 265px; }
body.dashboard-page #create .creation-future-grid .choice-front-icon { height: 92px; }
@media (hover: hover) and (pointer: fine) {
  body.dashboard-page #create .creation-choice:not(:disabled):not(.is-coming-soon):hover { transform: none; }
}

body.dashboard-page #projects .library-shell { padding-top: 0; }
body.dashboard-page #projects .library-toolbar {
  min-height: 0;
  margin: 0 0 18px;
  padding: 10px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.dashboard-page #projects .library-heading-icon { display: none; }
body.dashboard-page #projects .library-toolbar h1 { font-size: clamp(20px,2vw,25px); }
body.dashboard-page #projects .library-summary { gap: 10px; }
body.dashboard-page #projects .library-summary > button,
body.dashboard-page #projects .library-summary > button:is(:hover,.active) {
  min-height: 78px;
  border-radius: 12px;
  background: var(--workspace-surface);
  box-shadow: none;
  transform: none;
}
body.dashboard-page #projects .library-summary > button:is(:hover,.active) { border-color: #9278b7; }
body.dashboard-page #projects .library-summary > button.active {
  border-right: 3px solid #a987ef;
  box-shadow: none;
}
body.dashboard-page #projects .library-summary strong { font-size: 19px; }
body.dashboard-page #projects .library-summary > button:focus-visible { outline: 2px solid #b89afb; outline-offset: 2px; }
body.dashboard-page #projects .library-grid {
  grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));
  justify-content: stretch;
}
body.dashboard-page #projects .library-no-results {
  width: min(100%,420px);
  min-height: 0;
  box-sizing: border-box;
  margin: 12px auto 0;
  padding: 28px 22px;
  border: 1px solid var(--workspace-border);
  border-radius: 14px;
  background: var(--workspace-surface);
  box-shadow: none;
}
body.dashboard-page #projects .library-card,
body.dashboard-page #projects .library-card[data-color],
body.dashboard-page #projects .library-card:is(:hover,:focus-within) {
  min-height: 0;
  border-radius: 14px;
  background: var(--workspace-surface);
  box-shadow: none;
  transform: none;
}
body.dashboard-page #projects .library-card-image {
  min-height: 150px;
  border-radius: 10px;
  background: var(--workspace-raised);
  box-shadow: none;
}
body.dashboard-page #projects .library-card-image::before { content: none; }
body.dashboard-page #projects .library-card-image .library-cover { border-radius: 9px; }
body.dashboard-page #projects .library-card h3 { font-size: 16px; }
body.dashboard-page #projects .library-card :is(.library-detail,.card-progress) { box-shadow: none; }

@media (max-width: 760px) {
  body.dashboard-page #create .creation-choice,
  body.dashboard-page #create .creation-choice[data-studio-service] { height: 290px; min-height: 290px; }
  body.dashboard-page #create .creation-future-grid .creation-choice { height: 250px; min-height: 250px; }
  body.dashboard-page #projects .library-toolbar { align-items: stretch; gap: 12px; }
  body.dashboard-page #projects .library-summary > button { min-height: 72px; padding: 10px 6px; }
  body.dashboard-page #projects .library-grid { grid-template-columns: minmax(0,1fr); }
  body.dashboard-page #projects .library-card { padding: 15px; }
}