/* Vers & Vorm 5.10.6 — Studio stap 2: rustig werkblad.
   Alleen de Studio-werkruimte. Geen header-, navigatie- of menu-selectors.
   Alle bestaande knoppen, meldingen, invoervelden en callbacks blijven aanwezig. */
body:not(.wp-admin) .builder-wrapper #mainWorkspace{
  --gg2-ink:#47362e;--gg2-muted:#82746b;--gg2-paper:#fffdfa;
  --gg2-line:#e9ddd4;--gg2-accent:#a96b57;
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(290px,.85fr)!important;
  gap:clamp(18px,2.4vw,30px)!important;align-items:start!important;
  max-width:100%;min-width:0;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace > .editor-pane,
body:not(.wp-admin) .builder-wrapper #mainWorkspace > .preview-pane{
  grid-column:auto!important;grid-row:auto!important;min-width:0!important;
  margin:0!important;border:1px solid var(--gg2-line)!important;
  border-radius:23px!important;background:var(--gg2-paper)!important;
  padding:clamp(17px,2.5vw,31px)!important;
  box-shadow:0 13px 38px rgba(79,48,33,.055)!important;
}
/* Eén schrijfvlak in plaats van veel concurrerende kaarten. */
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-pane > .input-card,
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-pane > .stanza-card{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-pane > .input-card{
  padding-bottom:21px!important;border-bottom:1px solid var(--gg2-line)!important;
  margin-bottom:24px!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-pane > .stanza-card{
  padding-bottom:21px!important;margin-bottom:22px!important;
  border-bottom:1px solid var(--gg2-line)!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .stanza-header{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  margin-bottom:13px!important;padding:0!important;border:0!important;background:transparent!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .stanza-header h3{
  font-family:'Cormorant Garamond',Georgia,serif!important;font-size:27px!important;
  line-height:1.15!important;color:var(--gg2-ink)!important;margin:0!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .rhyme-indicator{
  background:#f6efe8!important;color:#786454!important;border:1px solid #eee1d5!important;
  padding:4px 9px!important;border-radius:999px!important;font-size:10px!important;
  font-weight:600!important;box-shadow:none!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .line-input-group{
  display:flex;align-items:center;gap:8px!important;margin-bottom:9px!important;
  border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;
  min-width:0;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .line-num{
  flex:0 0 18px;display:grid;place-items:center;
  font-size:11px!important;font-weight:600!important;color:#a49a92!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace input.poem-line,
body:not(.wp-admin) .builder-wrapper #mainWorkspace #vvPoemTitle{
  flex:1 1 auto;min-width:0;height:auto;min-height:41px!important;
  background:#fffefd!important;border:1px solid #e7ded7!important;
  border-radius:11px!important;box-shadow:none!important;padding:9px 12px!important;
  color:var(--gg2-ink)!important;font-size:14px!important;line-height:1.45!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace #vvPoemTitle{width:100%!important;min-height:46px!important;font-weight:650!important}
body:not(.wp-admin) .builder-wrapper #mainWorkspace input.poem-line:focus,
body:not(.wp-admin) .builder-wrapper #mainWorkspace #vvPoemTitle:focus{
  outline:2px solid rgba(173,123,99,.22)!important;outline-offset:1px!important;
  border-color:#ba967f!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .btn-rhyme-help{
  flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:34px!important;
  min-height:34px!important;padding:0!important;border-radius:10px!important;
  color:#9b7864!important;background:#f7f0e9!important;border:1px solid #ebdfd5!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace :is(.rhyme-status-msg,.syllable-margin-tag){
  color:#937e6c!important;font-size:11px!important;line-height:1.4!important;
}
/* Toon meldingen nog steeds: niet verbergen, maar niet als tweede CTA laten ogen. */
body:not(.wp-admin) .builder-wrapper #mainWorkspace :is(.rhyme-status-msg,.editor-notice,.editor-warning){
  border-radius:10px!important;background:#fcf7f2!important;
  box-shadow:none!important;padding:7px 9px!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-actions{
  display:flex;flex-wrap:wrap;gap:10px!important;margin-top:6px!important;
  padding:0!important;border:0!important;background:transparent!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-actions #vvBtnSave{
  background:#ead3c4!important;color:#674636!important;border:1px solid #ddbea9!important;
  border-radius:13px!important;min-height:45px!important;padding:11px 18px!important;
  box-shadow:none!important;font-weight:700!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-actions #vvBtnReset{
  background:transparent!important;color:#8b786d!important;border:1px solid #ebdfd5!important;
  border-radius:13px!important;min-height:45px!important;padding:11px 16px!important;
  box-shadow:none!important;
}
/* De preview vormt een duidelijke, rustige tweede kolom. */
body:not(.wp-admin) .builder-wrapper #mainWorkspace .preview-pane{
  background:#fffaf6!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .preview-pane > div:first-child{
  gap:8px!important;margin-bottom:15px!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .preview-pane :is(.preview-theme-selector,.btn-tool){
  font-size:12px!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .preview-pane .book-preview-card{
  border:1px solid #e8d5c8!important;border-radius:18px!important;
  box-shadow:0 6px 22px rgba(75,47,36,.06)!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace .preview-pane .preview-inner{
  padding:clamp(18px,2.5vw,30px)!important;
}
body:not(.wp-admin) .builder-wrapper #mainWorkspace :is(button,select,input):focus-visible{
  outline:2px solid #b88975!important;outline-offset:2px!important;
}
@media(max-width:900px){
  body:not(.wp-admin) .builder-wrapper #mainWorkspace{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace > .editor-pane,
  body:not(.wp-admin) .builder-wrapper #mainWorkspace > .preview-pane{grid-column:1!important;grid-row:auto!important;padding:20px!important}
}
@media(max-width:540px){
  body:not(.wp-admin) .builder-wrapper #mainWorkspace > .editor-pane,
  body:not(.wp-admin) .builder-wrapper #mainWorkspace > .preview-pane{padding:16px 13px!important;border-radius:17px!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace .line-input-group{gap:5px!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace input.poem-line{font-size:13px!important;padding:8px!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace .stanza-header h3{font-size:25px!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-actions{display:grid!important;grid-template-columns:1fr!important}
  body:not(.wp-admin) .builder-wrapper #mainWorkspace .editor-actions button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.wp-admin) .builder-wrapper #mainWorkspace *{transition:none!important;animation:none!important}
}