/* Shared page heading; each editor keeps its own cards and controls. */
.planner { max-width:1660px;margin:0 auto;padding:0 clamp(18px,3.1vw,48px) 32px;background:none; }
.planner.ornate::after { display:none; }
.page-heading { padding:24px 0 18px;gap:18px;border-color:#8195a133;color:#f0eee8; }
.page-heading h1 { margin:0;font-family:'Yu Mincho','Meiryo',serif;font-size:clamp(30px,3vw,43px);font-weight:600;line-height:1.25;letter-spacing:.04em; }
.page-title { gap:24px; }.page-title p { margin:0;font-size:14px;color:#a9bdcc; }
.save-area { flex-direction:row;gap:10px; }#save-status { max-width:260px;font-size:11px;line-height:1.5;color:#a8bac9; }
/* Reuse the existing image rather than downloading another background. */
body[data-view='arcana'] { --planner-background:url('/arcana/assets/equipment/atelier-background-f7e8ec750e1c2cae.png');background:linear-gradient(#04111d70,#04111d9c),var(--planner-background) center top/cover fixed #04111d; }
body[data-view='arcana'] .overview { padding-inline:0; }
@media(max-width:700px) {
  .planner { padding-inline:18px; }
  .page-heading { padding:20px 0 12px;flex-direction:column;align-items:stretch;gap:9px; }
  .page-title { flex-direction:column;align-items:flex-start;gap:3px; }.page-title p { font-size:12px; }.page-heading h1 { font-size:31px; }
  .save-area { flex-direction:row;align-items:center; }#save-status { max-width:none;font-size:10px;text-align:left; }
  /* The form is long: keep edge artwork sized to the viewport, not the body. */
  body[data-view='arcana'] { position:relative;isolation:isolate;background:#04111d; }
  body[data-view='arcana']::before,body[data-view='arcana']::after { content:'';position:fixed;top:0;bottom:0;width:58%;z-index:-1;pointer-events:none;background-image:linear-gradient(#04111d88,#04111db0),var(--planner-background);background-repeat:no-repeat;background-size:100% 100%,auto 100%; }
  body[data-view='arcana']::before { left:0;background-position:center,left top;mask-image:linear-gradient(90deg,#000 45%,transparent); }
  body[data-view='arcana']::after { right:0;background-position:center,right top;mask-image:linear-gradient(270deg,#000 45%,transparent); }
}