/* The editor shell does not alter the 1080x1350 design canvas. */
.editor-shell [hidden]{display:none!important}
.editor-shell header{position:static;min-height:62px;padding:12px 20px}
.editor-shell main{display:grid;grid-template-columns:86px 340px minmax(0,1fr);gap:12px;padding:12px;align-items:stretch;height:calc(100dvh - 62px);min-height:440px}
#editorRail{display:flex;flex-direction:column;gap:6px;padding:6px;background:#fff;border:1px solid var(--bd);border-radius:12px;overflow-y:auto;min-height:0}
#editorRail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;padding:9px 4px;border:1px solid transparent;border-radius:9px;background:transparent;color:#535d6b;line-height:1.2;flex-shrink:0}
#editorRail button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#editorRail button:hover{background:#f4f6f9;color:#20242a}
#editorRail button[aria-pressed=true]{color:#d50000;background:#fff0f0;border-color:#ffd1d1;font-weight:700}
#editorRail button:focus-visible,#editorCutoutTabs button:focus-visible{outline:2px solid #d50000;outline-offset:2px}
.editor-shell #ctrl{width:100%;min-width:0;flex:none;max-height:none;height:100%;padding:14px;overflow:hidden;gap:12px;border-radius:12px}
#editorToolHeading{flex:none;padding-bottom:12px;border-bottom:1px solid var(--bd)}
#editorCurrentTemplate{font-size:14px;color:#687280;line-height:1.3;margin-bottom:5px;overflow-wrap:anywhere}
#editorToolTitle{font-size:23px;line-height:1.2;margin:0;font-weight:700;color:#20242a}
.editor-shell #ctrlContent{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;padding-right:5px;gap:0;scrollbar-width:thin}
.editor-tool-panel{display:flex;flex-direction:column;gap:14px;min-width:0}
.editor-tool-panel fieldset{min-width:0;width:100%}
.editor-shell #categorymenu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.editor-shell #categorymenu button{padding:8px 4px}
.editor-shell #tplsel{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.editor-shell #tplsel button{text-align:left;padding:10px 12px;white-space:normal}
.editor-shell #tplhint{margin-top:9px}
.editor-shell #categoryhint{font-size:14px!important}
.editor-shell #quoteComposer{display:none}
#editorCutoutTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#editorCutoutTabs button{padding:9px 3px;font-size:16px}
#editorCutoutTabs button[aria-pressed=true]{border-color:var(--acc);color:#d50000;background:#fff0f0;font-weight:700}
.editor-shell #cutoutAdvanced,.editor-shell #cutoutBox{margin:0!important;border:0!important;padding:0!important;background:transparent!important;min-width:0}
.editor-shell .cutout-layer-card{margin-top:10px;padding:10px;background:#fafbfc;min-width:0}
.editor-shell .cutout-layer-card>summary{display:none}
.editor-shell #cutout3Drop{border:1.5px dashed #b6bec9;border-radius:8px;padding:12px;text-align:center;font-size:16px;color:#3f4955;cursor:pointer}
.editor-shell #cutout3Drop.over{border-color:var(--acc);background:#fff0f0}
.editor-shell #postdatewrap{border:1px solid var(--bd);border-radius:10px;padding:12px}
.editor-empty-note{margin:0;border:1px dashed var(--bd);padding:16px;border-radius:10px;color:#59636f;line-height:1.5}
#editorExportDock{flex:none;border-top:1px solid var(--bd);padding-top:12px}
.editor-shell #standardExportControls{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.editor-shell #standardExportControls button{font-size:16px!important;padding:10px 5px!important;min-width:0}
.editor-shell #standardExportControls>details{grid-column:1/-1;font-size:14px;color:#59636f}
.editor-shell #standardExportControls>details>summary{cursor:pointer}
.editor-shell #standardExportControls>details>.hint{font-size:14px!important;line-height:1.35;max-height:80px;overflow-y:auto;margin-top:5px}
.editor-shell #quoteComposerActions{padding:0;border:0;box-shadow:none}
.editor-shell #gmsg:empty{display:none}
.editor-shell #stagewrap{position:static;top:auto;min-width:0;min-height:0;width:100%;height:100%;overflow-y:auto;padding:0 4px 14px;align-items:center;scrollbar-width:thin}
.editor-shell #previewPair{width:min(100%,938px);gap:12px}
.editor-shell #sourceReferenceHint{font-size:14px}
.editor-shell #previewHeading{height:89px}
.editor-shell #ctrl .row{flex-wrap:wrap}
.editor-shell #ctrl .row>input[type=text]{min-width:0;flex:1 1 110px}
.editor-shell #ctrl input[type=range]{min-width:0;max-width:100%}
.editor-shell #ctrl .headline-line-head select{flex:0 1 148px}
@media(min-width:901px) and (max-width:1240px){
  .editor-shell header .sub{flex:none}
  .editor-shell main{grid-template-columns:76px 310px minmax(0,1fr)}
  .editor-shell #ctrl{padding:12px}
  .editor-shell #stagewrap{width:100%}
}
@media(max-width:900px){
  .editor-shell header{flex-wrap:wrap;min-height:0;padding:10px 12px}
  .editor-shell header .sub{flex:1 0 100%;font-size:14px}
  .editor-shell main{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}
  #editorRail{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px;gap:4px}
  #editorRail button{min-height:60px;min-width:70px;font-size:15px;padding:6px}
  #editorRail button svg{width:21px;height:21px}
  .editor-shell #ctrl{height:auto;min-height:0;padding:12px;max-width:none}
  .editor-shell #ctrlContent{max-height:48dvh;min-height:150px;overflow-y:auto;flex:0 1 auto}
  .editor-shell #stagewrap{height:auto;width:100%;overflow:visible;padding:0}
  .editor-shell #previewPair{width:min(100%,938px)}
}
@media(max-width:620px){
  #editorRail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;overflow:visible}
  #editorRail button{min-width:0;padding:6px 1px;font-size:14px}
  .editor-shell #previewPair{grid-template-columns:minmax(0,1fr);width:min(100%,460px)}
  .editor-shell #previewHeading{height:auto;min-height:32px}
  .editor-shell #sourceReference{width:100%}
}