/* Script drafts use a centered writing space inside the existing modal. */
body.minimal-calm #drawer:has(#mkt-script-form){
  inset:14px;
  width:min(1360px,calc(100vw - 28px));
  max-width:calc(100vw - 28px);
  height:calc(100dvh - 20px);
  max-height:calc(100dvh - 20px);
  box-sizing:border-box;
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 20px 64px rgb(18 29 27 / .2);
}
body.minimal-calm #drawer[open]:has(#mkt-script-form){animation:none;transform:none}
body.minimal-calm #drawer:has(#mkt-script-form) .drawer-head{display:none}
body.minimal-calm #drawer:has(#mkt-script-form) .drawer-body{
  box-sizing:border-box;
  width:100%;
  max-width:1180px;
  min-height:0;
  margin-inline:auto;
  padding:22px 28px 28px;
  overflow:auto;
  overscroll-behavior:contain;
  scroll-padding-block:76px 28px;
  scrollbar-width:thin;
  scrollbar-color:var(--line) transparent;
}
body.minimal-calm #drawer:has(#mkt-script-form) .drawer-footer{display:none}
body.minimal-calm #mkt-script-form{padding-bottom:0}
body.minimal-calm #mkt-script-form .mkt-editor-meta{margin-bottom:16px}
body.minimal-calm #mkt-script-form .mkt-fields{gap:0 16px}
body.minimal-calm #mkt-script-form .mkt-fields:has(select){grid-template-columns:repeat(3,minmax(0,1fr))}
body.minimal-calm #mkt-script-form .mkt-field{gap:6px;margin-bottom:16px;color:var(--secondary)}
body.minimal-calm #mkt-script-form .mkt-field .input{min-height:36px;color:var(--ink);border-color:var(--line)}
body.minimal-calm #mkt-script-form .hq-select,body.minimal-calm #mkt-script-form .hq-select-trigger{width:100%}
body.minimal-calm #mkt-script-form .hq-select-trigger{min-height:36px}
body.minimal-calm #mkt-script-form .mkt-field:has(>.mkt-title-input),
body.minimal-calm #mkt-script-form .mkt-field:has(>.mkt-script-body),
body.minimal-calm #mkt-script-form .mkt-reference-panel{width:100%;max-width:1080px;margin-inline:auto}
body.minimal-calm #mkt-script-form .mkt-script-body{
  min-height:760px!important;
  padding:18px 22px;
  font-size:13px!important;
  line-height:1.65!important;
  background:var(--surface)!important;
  resize:vertical;
}
body.minimal-calm #mkt-script-form .mkt-formfooter{gap:16px;align-items:flex-start}
body.minimal-calm #mkt-script-form #mkt-save-status{max-width:none;flex:1;margin:0;line-height:1.6;overflow-wrap:anywhere}
body.minimal-calm #mkt-script-form .mkt-fields.mkt-writing-fields{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}
body.minimal-calm #mkt-script-form .mkt-reference-panel{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:14px;margin-bottom:16px}
body.minimal-calm #mkt-script-form .mkt-reference-panel .mkt-fields{grid-template-columns:1fr 180px 1.2fr}
body.minimal-calm #mkt-script-form .mkt-reference-panel .mkt-field{margin-bottom:12px}
body.minimal-calm #mkt-script-form .mkt-reference-panel textarea{resize:vertical}
body.minimal-calm #mkt-reference-preview{margin-top:2px}
body.minimal-calm .mkt-reference-preview{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px;color:var(--secondary);font-size:12px}
body.minimal-calm .mkt-reference-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.minimal-calm .mkt-reference-preview strong{font-size:12px;color:var(--ink);font-weight:600}
body.minimal-calm .mkt-reference-preview a{color:var(--accent);text-decoration:none}
body.minimal-calm .mkt-reference-preview.is-instagram{justify-items:center}
body.minimal-calm .mkt-reference-preview.is-instagram>div{width:100%}
body.minimal-calm .mkt-reference-preview iframe{width:min(100%,320px);height:auto;aspect-ratio:9/16;justify-self:center;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
body.minimal-calm .mkt-reference-preview.is-empty{min-height:44px;place-items:center;border-style:dashed}
body.minimal-calm :is(.mkt-week-plan,.mkt-script-details)>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
@media(max-width:820px){
  body.minimal-calm #mkt-script-form .mkt-fields:has(select),
  body.minimal-calm #mkt-script-form .mkt-reference-panel .mkt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.minimal-calm #drawer:has(#mkt-script-form){inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  body.minimal-calm #drawer:has(#mkt-script-form) .drawer-body{padding:18px 18px 24px}
  body.minimal-calm #mkt-script-form .mkt-fields{gap:0 12px}
  body.minimal-calm #mkt-script-form .mkt-field .input{font-size:16px;min-height:40px}
  body.minimal-calm #mkt-script-form .hq-select-trigger{font-size:16px;min-height:40px}
  body.minimal-calm #mkt-script-form .mkt-title-input{font-size:16px!important}
  body.minimal-calm #mkt-script-form .mkt-title-input::placeholder{font-size:16px}
  body.minimal-calm #mkt-script-form .mkt-script-body{min-height:640px!important;padding:16px;font-size:13px!important;line-height:1.65!important}
  body.minimal-calm #mkt-script-form .mkt-reference-panel{padding:12px}
  body.minimal-calm .mkt-reference-preview iframe{width:min(100%,280px)}
  body.minimal-calm #mkt-script-form .mkt-checks{flex-wrap:wrap;gap:12px}
}
@media(max-width:420px){
  body.minimal-calm #mkt-script-form .mkt-fields:has(select),
  body.minimal-calm #mkt-script-form .mkt-reference-panel .mkt-fields{grid-template-columns:minmax(0,1fr)}
}