.chappy-dp21-status {
  max-width: 720px;
  margin: 24px auto;
  padding: 24px;
  border: 1px solid #d9e2e8;
  border-radius: 16px;
  background: #fff;
}

.chappy-dp21-status button {
  min-width: 48px;
  min-height: 48px;
  margin: 8px 0;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  touch-action: manipulation;
}

.chappy-dp21-status img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin-top: 12px;
  border-radius: 12px;
}


.chappy-dp21-generator-test{margin:28px 0;padding-top:20px;border-top:1px solid #d9e2e8}.chappy-dp21-generator-test label{display:block;margin:12px 0;font-weight:700}.chappy-dp21-generator-test input,.chappy-dp21-generator-test textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #c9d6de;border-radius:10px;font:inherit}

.chappy-dp21-storage{margin-top:18px;padding:14px;border:1px solid #d9e2e8;border-radius:12px;background:#f8fbfc}.chappy-app-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e3ebef}.chappy-app-row:last-child{border-bottom:0}.chappy-app-row button{min-height:42px;margin:0}


/* Phase2-Assistant 2.7 program creation studio */
.chappy-dp21-studio{max-width:900px;background:#fff}.chappy-studio-hero{padding:8px 0 20px}.chappy-studio-hero h2{font-size:30px;margin-bottom:8px}.chappy-studio-hero p,.chappy-help{color:#52606d}.chappy-provider-health,.chappy-program-form,.chappy-generation-result{margin:20px 0;padding:20px;border:1px solid #d9e2e8;border-radius:16px;background:#fff}.chappy-studio-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.chappy-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chappy-health-card{padding:14px;border:1px solid #d8e1e8;border-radius:12px;background:#f8fafc}.chappy-health-card strong,.chappy-health-card span{display:block}.chappy-health-card span{margin-top:6px;font-size:14px}.chappy-health-card.is-ok{border-color:#72b88d;background:#f0fbf4}.chappy-health-card.is-warning{border-color:#d5aa4b;background:#fff9e9}.chappy-health-card.is-error{border-color:#d77b7b;background:#fff4f4}.chappy-main-prompt span{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.chappy-main-prompt textarea{box-sizing:border-box;width:100%;padding:14px;border:2px solid #9ab3c3;border-radius:12px;font:inherit;font-size:17px}.chappy-action-row{display:flex;gap:10px;flex-wrap:wrap}.chappy-conversation{white-space:pre-wrap;line-height:1.65;padding:14px;margin-top:14px;background:#f7fafc;border-radius:12px;min-height:48px}.chappy-requirement-progress,.chappy-ready-box,.chappy-dependency-plan{margin-top:16px;padding:14px;border-radius:12px;background:#f3f8fb}.chappy-dependency-plan{white-space:pre-wrap;line-height:1.6;border:1px solid #cddde7}.chappy-tech-details{margin-top:14px}.chappy-tech-details summary,.chappy-advanced summary{cursor:pointer;font-weight:700}.chappy-generation-result iframe{margin-top:16px;background:#fff}.chappy-advanced{margin:12px 0;padding:10px 12px;background:#f8fafc;border-radius:10px}@media(max-width:640px){.chappy-health-grid{grid-template-columns:1fr}.chappy-studio-section-head{align-items:flex-start;flex-direction:column}.chappy-dp21-status{padding:14px}.chappy-provider-health,.chappy-program-form,.chappy-generation-result{padding:14px}.chappy-studio-hero h2{font-size:25px}}

/* Phase2-Assistant 2.7.3 layout: AI reply -> prompt -> live app -> diagnostics */
.chappy-create-heading{margin-top:22px}
.chappy-program-form .chappy-conversation{margin-top:8px;margin-bottom:20px;border:1px solid #d9e2e8;background:#f7fafc}
.chappy-generation-result iframe{margin-top:8px}
.chappy-generation-bottom{margin-top:20px;padding-top:4px}