/* Keep the creation controls together; reuse the original events and draft fields. */
.creation-layout{gap:56px;padding:30px 0 36px}
.hero h1{font-size:clamp(48px,5.2vw,76px);margin:0 0 12px}
.artwork{max-width:370px;margin:8px auto 0}
.writing-paper{padding:24px}
.writing-paper .input-guidance{font-size:13px;line-height:1.5;margin:0 0 12px;letter-spacing:.025em}
.writing-paper .text{height:132px;min-height:108px;line-height:1.8;padding:14px 16px 4px}
.writing-paper .under{padding:4px 16px 10px}
.identity{border-top:0;padding-top:0;margin-top:16px;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:start}
.identity-field{display:grid;min-width:0;gap:7px}
.identity .field-label{font-size:16px;line-height:1.5;letter-spacing:.04em}
.identity .identity-input,.identity .voice{height:44px;font-size:16px}
#create{margin-top:18px;min-height:54px;font-size:21px;padding:12px 18px}
.writing-paper .draft-state{margin:10px 0 0;text-align:center;font-size:11px}
@media(max-width:780px){
  .shell{width:calc(100% - 32px)}
  .site-header{min-height:64px;padding:9px 0;align-items:center;gap:12px}
  .brand-logo-frame{width:124px}
  .account-tools{max-width:calc(100% - 136px);gap:0 10px;font-size:12px;line-height:1.4;align-items:center}
  .site-header .account-link{min-height:36px;display:inline-flex;align-items:center}
  .creation-layout{padding:14px 0 26px}
  .hero{display:flex;align-items:center;min-height:48px;padding:0 58px 0 0;margin:0 0 14px}
  .hero h1{font-size:clamp(24px,6.5vw,32px);line-height:1.4;letter-spacing:0;margin:0;white-space:nowrap}
  .hero h1 span{display:inline}
  .artwork{width:48px;height:48px;position:absolute;right:0;top:0;margin:0}
  .writing-paper{padding:17px 16px 14px;box-shadow:3px 4px 0 -1px var(--paper),3px 4px 0 0 #d5cdbd}
  .writing-paper .input-guidance{font-size:12px;margin-bottom:10px}
  .writing-paper .text{height:112px;min-height:96px;padding:12px 12px 2px;font-size:16px;line-height:1.7}
  .writing-paper .under{padding:3px 12px 8px;font-size:12px;line-height:1.5}
  .identity{margin-top:12px;grid-template-columns:minmax(0,1fr) 100px;gap:12px}
  .identity-field{gap:5px}
  .identity .field-label{font-size:14px}
  .identity .identity-input,.identity .voice{padding-left:12px}
  #create{margin-top:14px;min-height:52px;padding:11px 16px;font-size:20px;letter-spacing:.08em}
  .site-footer{padding-top:16px;gap:12px}
}
@media(max-width:360px){
  .site-header{gap:10px}
  .brand-logo-frame{width:112px}
  .account-tools{max-width:calc(100% - 122px);column-gap:8px}
  .writing-paper{padding-left:14px;padding-right:14px}
  .identity{grid-template-columns:minmax(0,1fr) 92px;gap:10px}
}
@media(max-width:780px) and (max-height:520px){
  .creation-layout{padding-top:12px}
  .hero{min-height:36px;margin-bottom:10px;padding-right:46px}
  .artwork{width:36px;height:36px}
  .writing-paper{padding-top:14px;padding-bottom:12px}
  .writing-paper .text{height:88px;min-height:88px}
  .identity{margin-top:10px}
  #create{margin-top:12px}
}
@media(max-width:780px){
  .site-footer{flex-direction:column;align-items:stretch}
  .site-footer>.note{margin:0;text-align:center;font-size:11px}
  .site-footer>.note a{white-space:nowrap}
}

/* Public product facts stay below the creation controls. */
.site-footer{flex-wrap:wrap}.discovery-info{flex-basis:100%;width:100%;font-size:12px;line-height:1.8}.discovery-info p{margin:0 0 6px}.discovery-info nav{display:flex;gap:20px}.discovery-info a{display:inline-flex;align-items:center;min-height:32px}@media(max-width:780px){.discovery-info{text-align:center}.discovery-info nav{justify-content:center}}