/* Today's work is a gallery of compact projects. The asset view keeps the full archive. */
body.reference-workspace #stage .results {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
  align-items: start;
}

body.reference-workspace #stage .project-day {
  grid-column: 1 / -1;
  margin: 5px 0 0;
}

body.reference-workspace #stage .generation-project {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  gap: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--studio-line);
  border-radius: 14px;
  background: var(--studio-panel);
  box-shadow: 0 8px 24px rgba(24, 38, 53, .045);
}

body.reference-workspace #stage .project-output-grid {
  order: -1;
  display: grid;
  width: 100%;
  height: clamp(252px, 24vw, 340px);
  min-height: 0;
  padding: 8px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 6px;
  align-content: stretch;
  background: var(--studio-panel-2);
}

body.reference-workspace #stage .project-output-grid:has(> .card:nth-child(2)) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.reference-workspace #stage .project-output-grid:has(> .card:nth-child(3)) {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

body.reference-workspace #stage .project-output-grid > .card,
body.reference-workspace #stage .project-output-grid:has(> .card:only-child) > .card,
body.reference-workspace #stage .project-output-grid > .card[data-ratio],
body.reference-workspace #stage .project-output-grid:has(> .card:only-child) > .card[data-ratio] {
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  border-radius: 8px;
  background: var(--studio-panel);
}

body.reference-workspace #stage .project-output-grid .card-media { object-fit: contain; }

body.reference-workspace #stage .project-head {
  display: grid;
  min-height: 105px;
  padding: 12px 14px 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-content: start;
}

body.reference-workspace #stage .project-preview-stack { display: none; }
body.reference-workspace #stage .project-copy { grid-column: 1 / -1; }
body.reference-workspace #stage .project-copy::before { display: none; }
body.reference-workspace #stage .project-copy h2 {
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 630;
  line-height: 1.4;
}
body.reference-workspace #stage .project-copy p {
  overflow: hidden;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.reference-workspace #stage .project-status {
  grid-column: 1 / -1;
  min-height: 23px;
  margin: 0;
  padding: 0 8px;
  font-size: 10px;
}

body.reference-workspace #stage .project-output-grid > .card:has(> .card-generating),
body.reference-workspace #stage .project-output-grid > .card:has(> .card-unknown),
body.reference-workspace #stage .project-output-grid > .card:has(> .card-failed) {
  grid-column: auto;
  display: block;
}
body.reference-workspace #stage .project-output-grid .card-generating,
body.reference-workspace #stage .project-output-grid .card-unknown {
  min-height: 0;
  height: 100%;
}
body.reference-workspace #stage .project-output-grid .gen-preview { min-height: 60px; }

@media (max-width: 620px) {
  body.reference-workspace #stage .results { grid-template-columns: minmax(0, 1fr); }
  body.reference-workspace #stage .project-output-grid { height: 280px; }
}

.admin-billing{margin:0 0 22px;padding:22px;border:1px solid #d8dfe9;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(30,49,72,.035)}
.admin-billing-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-billing-head b{font-size:17px;color:#203040}.admin-billing-head p{margin:5px 0 0;color:#738195;font-size:12px}.admin-billing-head>span{color:#536c8c;font-size:12px;white-space:nowrap}.admin-billing-list{display:grid;gap:10px}.admin-billing-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 180px auto;align-items:end;gap:12px;padding:14px;border:1px solid #e7ecf3;border-radius:14px;background:#f8fafc}.admin-billing-identity{min-width:0;display:grid;gap:4px}.admin-billing-identity strong{font-size:13px;color:#27384b}.admin-billing-identity small{color:#79889a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-billing-row label{display:grid;gap:5px;font-size:11px;color:#68798d}.admin-billing-row input{min-width:0;width:100%;height:34px;padding:0 10px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;color:#243548}.admin-billing-row .admin-btn{height:34px;white-space:nowrap}@media(max-width:900px){.admin-billing-row{grid-template-columns:1fr 1fr}.admin-billing-identity{grid-column:1/-1}}@media(max-width:560px){.admin-billing-row{grid-template-columns:1fr}.admin-billing-identity{grid-column:auto}}