/* GeschrevenGedichten Studio 3.5.0 — one coherent 65/35 writing room.
   Scoped to the Studio and its theme templates only: do not change the header.
   Desktop 65/35 | tablet 60/40 | phone a single column.
   The plugin's REAL edit preview stays in the finish step; no fake live output. */

/* Theme landing pages share the approved elegant proportions. */
html body.ggw-theme .ggw-v21-studio-theme .gg34-editor-workspace {
  grid-template-columns:minmax(0,13fr) minmax(0,7fr)!important;
  gap:clamp(18px,2.35vw,30px)!important;
}
html body.ggw-theme .ggw-v21-studio-theme .gg34-poem-preview {
  padding:clamp(20px,2.5vw,32px)!important;
  top:20px!important;
}
html body.ggw-theme .ggw-v21-studio-theme .gg34-poem-preview__top h2 {
  font-size:clamp(23px,2.5vw,29px)!important;
}
html body.ggw-theme .ggw-v21-studio-theme .gg34-poem-preview__paper h3 {
  font-size:clamp(29px,2.8vw,38px)!important;
}
html body.ggw-theme .ggw-v21-studio-theme .gg34-sample-stanza p {
  font-size:clamp(14px,1.2vw,16px)!important;
  line-height:1.78!important;
}

/* Regular Studio — step 1: retain the real existing form, add one passive sample
   beside it. Its text is marked as an illustration, never as an AI result. */
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready:not([hidden]) {
  display:grid!important;
  grid-template-columns:minmax(0,13fr) minmax(0,7fr)!important;
  align-items:start!important;
  gap:clamp(18px,2.35vw,30px)!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready > .ggwow-writing-panel {
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:clamp(20px,2.7vw,34px)!important;
  border:1px solid #e9e0d8!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 10px 32px rgba(56,39,28,.055)!important;
  box-sizing:border-box!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready > .ggwow-benefits {
  grid-column:1/-1!important;
  grid-row:2!important;
  margin-top:10px!important;
  width:100%!important;
  min-width:0!important;
}
/* Stop inline legacy borders/cards from producing nested containers. */
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate #blockAutoModel,
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate #blockManualModel,
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate #blockCheckModel {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 18px!important;
  max-width:100%!important;
  min-width:0!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-mode-tabs-container {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin-bottom:24px!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-mode-tabs {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice {
  min-width:0!important;
  width:100%!important;
  flex:initial!important;
  padding:11px 10px!important;
  gap:8px!important;
  border-radius:12px!important;
  border:1px solid #e7ddd3!important;
  background:#fffdfa!important;
  box-shadow:none!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice.active,
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice[aria-pressed='true'] {
  border-color:#d99c68!important;
  background:#fcf3e9!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice > span:first-child {
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  font-size:14px!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice strong {
  color:#37251d!important;
  font:700 12px/1.4 'Plus Jakarta Sans',system-ui,sans-serif!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice small {
  font-size:10px!important;
  line-height:1.5!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ai-assistant-header h2,
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ggwow-compose-header h2 {
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:clamp(29px,2.7vw,39px)!important;
  line-height:1.06!important;
  color:#37251d!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ai-assistant-card :is(input,textarea,select),
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ggwow-writing-panel :is(input,textarea,select) {
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  border-color:#ded8d1!important;
  background:#fffdfa!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ggwow-writing-panel :is(input,textarea,select):focus-visible,
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish :is(input,textarea,select):focus-visible {
  outline:2px solid #c87123!important;
  outline-offset:2px!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .ggwow-writing-panel :is(button,.btn-primary):not(.vv-model-choice):not(.ggwow-prompt-chips button):not([disabled]) {
  border-radius:12px!important;
}

/* Illustration card for the start stage. It is not a duplicated editor. */
html body.ggw-theme .gg32-studio-page .gg35-guide-preview {
  grid-column:2!important;
  grid-row:1!important;
  position:sticky!important;
  top:22px!important;
  align-self:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border:1px solid #e9e0d8!important;
  border-radius:21px!important;
  padding:clamp(23px,2.6vw,32px)!important;
  background:linear-gradient(155deg,#fff,#fffdfa)!important;
  box-shadow:0 10px 32px rgba(56,39,28,.055)!important;
  box-sizing:border-box!important;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-top {
  display:flex;align-items:center;gap:10px;
  padding:0 0 16px;margin-bottom:16px;
  border-bottom:1px solid #ede5dc;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-symbol {
  color:#cf781f;font:40px/1 Georgia,serif;flex:0 0 auto;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-top h2 {
  font:600 clamp(25px,2.7vw,31px)/1.03 'Cormorant Garamond',Georgia,serif!important;
  color:#37251d!important;margin:0!important;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-eyebrow {
  display:block;margin:0 0 4px;
  font:700 10px/1.5 'Plus Jakarta Sans',system-ui,sans-serif;
  letter-spacing:.1em;color:#ad6e35;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-sheet {
  position:relative;text-align:center;overflow:hidden;
  padding:22px 0 24px;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-sheet::after {
  content:'❧';position:absolute;z-index:0;right:3px;bottom:-13px;
  font:140px/1 Georgia,serif;color:rgba(208,128,47,.12);
  transform:rotate(-28deg);pointer-events:none;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-sheet h3 {
  position:relative;z-index:1;margin:3px 0 24px;
  font:italic 600 clamp(27px,3vw,37px)/1.04 'Cormorant Garamond',Georgia,serif!important;
  color:#37251d!important;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-sheet p {
  position:relative;z-index:1;margin:0 auto 22px;
  font:400 clamp(14px,1.45vw,16px)/1.8 'Cormorant Garamond',Georgia,serif!important;
  color:#514238!important;
}
html body.ggw-theme :is(.gg35-guide-preview,.gg35-shortcode-preview) .gg35-preview-hint {
  padding:12px 0 0;border-top:1px solid #ede5dc;
  font:500 12px/1.65 'Plus Jakarta Sans',system-ui,sans-serif;
  color:#756759;
}

/* Actual writing/editing step: REAL plugin preview remains the right-hand panel. */
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) .builder-grid,
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) #mainWorkspace {
  display:grid!important;
  grid-template-columns:minmax(0,13fr) minmax(0,7fr)!important;
  gap:clamp(18px,2.35vw,30px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .editor-pane,
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .preview-pane {
  min-width:0!important;max-width:100%!important;width:100%!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .preview-pane {
  position:sticky!important;top:22px!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .book-preview-card {
  max-width:100%!important;min-width:0!important;
  border:1px solid #e9e0d8!important;
  border-radius:19px!important;
  box-shadow:0 10px 32px rgba(56,39,28,.055)!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .preview-inner {
  max-width:100%!important;min-width:0!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish :is(.input-card,.stanza-card) {
  border:1px solid #e9e0d8!important;
  background:#fff!important;
  border-radius:17px!important;
  box-shadow:none!important;
}
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .stanza-card h3 {
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-weight:600!important;color:#37251d!important;
}
/* Theme shortcodes: wrap the EXISTING WordPress form; do not re-create it. */
html body.ggw-theme .gg32-shortcode-studio .gg35-editor-workspace {
  display:grid!important;
  grid-template-columns:minmax(0,13fr) minmax(0,7fr)!important;
  gap:clamp(18px,2.35vw,30px)!important;
  align-items:start!important;
  margin:20px 0!important;
  width:100%!important;
  min-width:0!important;
}
html body.ggw-theme .gg32-shortcode-studio .gg35-editor-workspace > form.ggw-quick-generator {
  width:100%!important;max-width:100%!important;
  margin:0!important;min-width:0!important;
}
html body.ggw-theme .gg32-shortcode-studio .gg35-shortcode-preview {
  position:sticky;top:22px;min-width:0;
  padding:clamp(23px,2.6vw,32px);
  border:1px solid #e9e0d8;border-radius:21px;
  background:#fffdfa;
  box-shadow:0 10px 32px rgba(56,39,28,.055);
}
/* Shared responsive rules override earlier 3.4.0 breakpoint (which stacked at 1040px). */
@media (max-width:1199px) and (min-width:861px) {
  html body.ggw-theme .ggw-v21-studio-theme .gg34-editor-workspace,
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready:not([hidden]),
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) .builder-grid,
  html body.ggw-theme .gg32-shortcode-studio .gg35-editor-workspace {
    grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
    gap:18px!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-mode-tabs {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media (max-width:860px) {
  html body.ggw-theme .ggw-v21-studio-theme .gg34-editor-workspace,
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready:not([hidden]),
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish:not([hidden]) .builder-grid,
  html body.ggw-theme .gg32-shortcode-studio .gg35-editor-workspace {
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready > .ggwow-writing-panel,
  html body.ggw-theme .gg32-studio-page .gg35-guide-preview,
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready > .ggwow-benefits {
    grid-column:1!important;grid-row:auto!important;
  }
  html body.ggw-theme .gg32-studio-page .gg35-guide-preview,
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish .preview-pane,
  html body.ggw-theme .gg32-shortcode-studio .gg35-shortcode-preview {
    position:static!important;top:auto!important;
  }
  html body.ggw-theme .ggw-v21-studio-theme .gg34-poem-preview {
    position:relative!important;top:auto!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-mode-tabs {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(max-width:540px) {
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate.gg35-ready > .ggwow-writing-panel,
  html body.ggw-theme .gg32-studio-page .gg35-guide-preview,
  html body.ggw-theme .gg32-shortcode-studio .gg35-shortcode-preview {
    border-radius:16px!important;padding:20px 16px!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate .vv-model-choice {
    align-items:center!important;text-align:left!important;
  }
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish #mainWorkspace {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* Preserve WordPress/JS hidden steps; they must never be made visible by grid CSS. */
html body.ggw-theme .gg32-studio-page #gg42PhaseCreate[hidden],
html body.ggw-theme .gg32-studio-page #gg42PhaseFinish[hidden] {display:none!important;}
@media(prefers-reduced-motion:reduce){
  html body.ggw-theme .gg32-studio-page #gg42PhaseCreate *,
  html body.ggw-theme .gg32-studio-page #gg42PhaseFinish * {transition:none!important;scroll-behavior:auto!important;}
}