*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;background:#fff;color:#171717}body{font-size:15px}a{color:inherit}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#f2f2f2;border-right:1px solid #ddd;padding:22px 16px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;text-decoration:none;padding:8px}.brand small{display:block;font-size:10px;font-weight:500;color:#777;margin-top:4px}.sidebar nav{display:grid;gap:4px;margin-top:28px}.sidebar nav a,.side-bottom a{padding:10px;text-decoration:none}.sidebar nav a:hover,.side-bottom a:hover{background:#e6e6e6}.side-bottom{margin-top:auto;border-top:1px solid #ddd;padding-top:14px;display:grid}.side-bottom span{padding:10px;color:#666}.main{min-width:0;padding:36px 44px;max-width:1320px;width:100%;margin:auto}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px}.pagehead h1{font-size:26px;margin:4px 0 6px}.pagehead p{margin:0;color:#666}.button,button{font:inherit;border:1px solid #bbb;background:#fff;padding:10px 14px;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#f3f3f3}.dark{background:#111;color:#fff;border-color:#111}.dark:hover{background:#333}.secondary{background:#eee}.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.customer-card{border:1px solid #ddd;padding:20px;text-decoration:none;display:grid;gap:9px;min-height:130px}.customer-card:hover{border-color:#111}.customer-card strong{font-size:18px}.customer-card span{color:#777}.customer-card em{font-style:normal;margin-top:auto}.empty,.panel{border:1px solid #ddd;padding:22px;margin-bottom:18px}.narrow{max-width:760px}.back{display:inline-block;color:#666;text-decoration:none;margin-bottom:8px}.formstack{display:grid;gap:8px}.formstack label,.writer>label{font-weight:600;margin-top:8px}input,textarea,select{font:inherit;border:1px solid #c9c9c9;background:#fff;padding:11px;width:100%;border-radius:0}textarea{resize:vertical;line-height:1.5}.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:22px;gap:0}.tabs button{border:0;border-bottom:2px solid transparent;background:#fff;padding:12px 16px}.tabs button.active{border-color:#111;font-weight:700}.writer{max-width:920px;margin:0 auto}.modebar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:18px;align-items:end;margin-bottom:18px}.modebar label{font-weight:600}.check{display:flex!important;align-items:center;gap:8px;padding-bottom:10px}.check input{width:auto}.editor-actions{display:flex;align-items:center;gap:10px;margin:10px 0 20px}.editor-actions .send{margin-left:auto}.statusline{min-height:24px;color:#666;margin-bottom:8px}.history{max-width:920px;margin:36px auto}.sectionhead{display:flex;justify-content:space-between;align-items:center}.message{border-top:1px solid #ddd;padding:14px 0}.message span{font-size:12px;text-transform:uppercase;color:#777}.message pre{font:inherit;white-space:pre-wrap;margin:6px 0}.message.assistant{background:#fafafa;padding:14px}.inlineform{display:grid;grid-template-columns:220px 1fr auto;gap:8px}.termcolumns{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.termcolumns h3{font-size:14px}.term{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding:7px 0}.term form button{border:0;padding:2px 7px}.learning-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.learning-grid .panel{margin:0 0 18px}.learning-grid form{display:grid;gap:8px}.source-row{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:12px 0}.source-row div{display:grid;gap:4px}.source-row span,.muted{color:#777;font-size:13px}.linkbutton{border:0;background:none;padding:4px;color:#666}.flash{padding:11px 13px;border:1px solid #ddd;margin-bottom:14px}.flash.error{border-color:#b44;background:#fff4f4}.flash.ok{border-color:#777;background:#f7f7f7}.authbody{min-height:100vh;display:grid;place-items:center;background:#f5f5f5}.authbox{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #ddd;padding:32px;display:grid;gap:9px}.authbox h1{margin:0}.authbox p{margin:0 0 14px;color:#666}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:block}.sidebar nav{display:flex;margin-top:12px}.side-bottom{display:none}.main{padding:24px 18px}.learning-grid,.termcolumns{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}.modebar{grid-template-columns:1fr}.pagehead{align-items:center}}
.recording-indicator{display:flex;align-items:center;gap:8px;min-width:230px;height:42px;padding:0 10px;border:1px solid #bbb;background:#f7f7f7}.recording-indicator[hidden]{display:none}.recording-dot{width:9px;height:9px;background:#111;border-radius:50%;animation:maiooPulse 1.1s infinite}.audio-meter{height:30px;display:flex;align-items:center;gap:2px;flex:1}.audio-meter i{display:block;width:3px;height:4px;background:#111;transition:height .07s linear}.mic-status{color:#666;font-size:13px;min-width:150px}@keyframes maiooPulse{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:700px){.editor-actions{flex-wrap:wrap}.recording-indicator{order:3;width:100%}.mic-status{order:4;width:100%}.editor-actions .send{margin-left:0}}
.transcript-panel{border:1px solid #bbb;background:#fafafa;padding:12px;margin:-8px 0 20px}.transcript-panel[hidden]{display:none}.transcript-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:8px}.transcript-head span{font-size:12px;color:#777}.transcript-panel textarea{background:#fff;min-height:84px}.transcript-actions{display:flex;gap:8px;margin-top:8px}

/* V10 - Eigen beheer */
.owner-sidebar{background:#ededed}.story-list{border-top:1px solid #ddd}.story-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid #ddd;padding:18px 0}.story-main{text-decoration:none;min-width:0}.story-main strong{display:block;font-size:17px;margin-bottom:5px}.story-main span{display:block;color:#777;font-size:12px}.story-main p{margin:8px 0 0;color:#555;white-space:pre-wrap}.danger{border-color:#b44;color:#922;background:#fff}.danger:hover{background:#fff1f1}.story-editor{max-width:1000px}.story-editor textarea{min-height:560px}.story-editor-actions{display:flex;gap:10px;margin-top:8px}
@media(max-width:700px){.story-row{grid-template-columns:1fr}.story-row form{justify-self:start}}

/* V14 - vaste spraakstatus in Eigen; nooit afhankelijk van JS */
.speech-sidebar-status{margin:18px 14px 8px;padding:12px 10px;border:1px solid #cfcfcf;background:#f7f7f7;display:flex;align-items:center;gap:10px}
.speech-sidebar-status .speech-sidebar-icon{font-size:20px;line-height:1}
.speech-sidebar-status strong{display:block;font-size:13px;color:#111}
.speech-sidebar-status small{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:#666}

/* V15 - vaste, compacte inspraakbediening */
.speech-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.recording-indicator{display:flex!important;align-items:center;gap:5px;min-width:126px!important;width:126px;height:34px!important;padding:0 7px!important;border:1px solid #bbb;background:#f7f7f7;flex:0 0 126px}
.recording-indicator[hidden]{display:flex!important}
.recording-indicator .recording-state{font-size:11px;min-width:38px}
.recording-indicator [data-recording-time]{font-size:11px;color:#666}
.recording-indicator.is-idle .recording-dot{opacity:.18;animation:none}
.recording-indicator.is-processing .recording-dot{opacity:.55;animation:maiooPulse 1.1s infinite}
.recording-indicator.is-recording .recording-dot{opacity:1;animation:maiooPulse 1.1s infinite}
.audio-meter{height:18px!important;gap:1px!important;min-width:24px}
.audio-meter i{width:2px!important;height:3px;background:#111;transition:height .07s linear}
.transcript-panel{display:block!important;margin:8px 0 18px!important;padding:10px!important}
.transcript-panel[hidden]{display:block!important}
.transcript-panel textarea{min-height:58px!important;max-height:150px}
.mic-status{min-width:220px;flex:1}
.story-editor textarea[data-speech-target]{min-height:300px!important}


/* V16 - verhaalstijlbeheer */
.story-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-settings-grid label{display:flex;flex-direction:column;gap:7px}
.story-settings-grid input,.story-settings-grid select{height:44px;border:1px solid #bbb;background:#fff;padding:0 12px;font:inherit}
.helptext{font-size:13px;line-height:1.55;color:#555;margin:0 0 4px}
.helptext a{color:#111;font-weight:600}
.story-ai-status{min-height:22px;font-size:13px;margin-top:8px}
.style-help{margin-bottom:18px}
.style-help p{line-height:1.6}
.style-form{display:grid;gap:12px}
.style-form label{display:grid;gap:7px;font-weight:600}
.style-form input,.style-form textarea{width:100%;box-sizing:border-box;border:1px solid #bbb;background:#fff;padding:10px 12px;font:inherit}
.style-list{display:grid;gap:14px;margin-top:22px}
.style-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}
.style-item>form:last-child{margin-bottom:0}
@media(max-width:800px){.story-settings-grid,.style-item{grid-template-columns:1fr}}

/* V18 - verhaal genereren direct onder de bullets */
.story-generate-block{display:flex;align-items:center;gap:14px;margin:4px 0 18px;padding:14px 0;border-bottom:1px solid #ddd}
.story-generate-button{min-width:170px;min-height:44px;font-weight:700}
.story-generate-help{font-size:13px;line-height:1.45;color:#666;max-width:620px}
@media(max-width:700px){.story-generate-block{align-items:stretch;flex-direction:column}.story-generate-button{width:100%}}

/* V19 - achtergrondgeneratie met vaste voortgangsbalk */
.story-progress{margin-top:12px;max-width:720px;border:1px solid #bbb;padding:10px;background:#fafafa}
.story-progress[hidden]{display:none}
.story-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;margin-bottom:7px}
.story-progress-track{height:10px;background:#e5e5e5;overflow:hidden}
.story-progress-track span{display:block;height:100%;background:#111;transition:width .35s ease}
\n\n/* V24 - bullet-editor */\n.story-bullet-editor{border:1px solid #d0d0d0;background:#fafafa;padding:14px;margin:4px 0 10px}\n.story-bullet-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:10px}\n.story-bullet-head span{font-size:12px;color:#666}\n.story-bullet-list{display:grid;gap:7px;min-height:10px;margin-bottom:10px}\n.story-bullet-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #c7c7c7;background:#fff;padding:8px 9px}\n.story-bullet-item.is-dragging{opacity:.45}\n.story-bullet-drag{font-size:18px;line-height:1;cursor:grab;color:#666;text-align:center;user-select:none}\n.story-bullet-drag:active{cursor:grabbing}\n.story-bullet-text{line-height:1.4;white-space:pre-wrap}\n.story-bullet-actions{display:flex;gap:4px;align-items:center}\n.story-bullet-actions button{padding:6px 9px;min-width:36px}\n.story-bullet-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}\n.story-bullet-entry input{height:44px}\n.story-bullet-entry button{min-width:120px}\n@media(max-width:700px){.story-bullet-head{display:block}.story-bullet-head span{display:block;margin-top:4px}.story-bullet-item{grid-template-columns:24px 1fr}.story-bullet-actions{grid-column:2}.story-bullet-entry{grid-template-columns:1fr}.story-bullet-entry button{width:100%}}\n

/* V26 - rustige versleepbare verhaallijn */
.story-bullet-editor{background:#fff;border:1px solid #d7d7d7;padding:16px 18px;margin:6px 0 12px}
.story-bullet-head{padding-bottom:11px;margin-bottom:0;border-bottom:1px solid #e7e7e7}
.story-bullet-head strong{font-size:15px}
.story-bullet-list{counter-reset:story-step;display:grid;gap:0;margin:0 0 12px;min-height:0}
.story-bullet-item{counter-increment:story-step;display:grid;grid-template-columns:24px 34px minmax(0,1fr) 30px;gap:8px;align-items:center;border:0;border-bottom:1px solid #ededed;background:#fff;padding:10px 2px;min-height:46px;transition:background .12s ease,opacity .12s ease}
.story-bullet-item:hover{background:#fafafa}
.story-bullet-item::before{content:counter(story-step,decimal-leading-zero);font-size:11px;font-weight:700;letter-spacing:.04em;color:#999;text-align:center}
.story-bullet-item.is-dragging{opacity:.35;background:#f2f2f2}
.story-bullet-drag{font-size:17px;line-height:1;cursor:grab;color:#aaa;text-align:center;user-select:none;letter-spacing:-4px;transform:translateX(-2px)}
.story-bullet-drag:hover{color:#111}
.story-bullet-drag:active{cursor:grabbing}
.story-bullet-text{font-size:14px;line-height:1.45;color:#222;white-space:pre-wrap}
.story-bullet-delete{width:28px;height:28px;min-width:28px;border:0;background:transparent;padding:0;font-size:21px;line-height:28px;color:#aaa;text-align:center}
.story-bullet-delete:hover{background:#eee;color:#111}
.story-bullet-entry{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px;margin-top:12px}
.story-bullet-entry input{height:42px}
.story-bullet-entry button{min-width:118px;height:42px;padding:0 14px}
.story-bullet-editor .helptext{margin:10px 0 0;color:#777;font-size:12px}
@media(max-width:700px){.story-bullet-item{grid-template-columns:22px 28px minmax(0,1fr) 30px}.story-bullet-entry{grid-template-columns:1fr}.story-bullet-entry button{width:100%}}


/* V27 - systeemstatus */
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}.system-card{border:1px solid #d7d7d7;background:#fff;padding:16px;min-height:92px;display:flex;flex-direction:column;gap:6px}.system-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#777}.system-card>strong{font-size:19px;line-height:1.25;word-break:break-word}.system-card>small{color:#777;line-height:1.35}.status-ok{color:#246b2e}.status-bad{color:#9b2020}.system-actions{max-width:920px;border-top:1px solid #ddd;padding:20px 0}.system-actions h2{margin:0 0 6px}.system-actions p{max-width:760px;color:#666;line-height:1.55}.system-action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.system-action-row form{margin:0}button.secondary{background:#fff;color:#111;border:1px solid #aaa}@media(max-width:900px){.system-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.system-grid{grid-template-columns:1fr}}

/* V29 - echte deelgeneratie, annuleren en handmatige kwaliteitscontrole */
.story-generate-block{display:grid;grid-template-columns:1fr;align-items:start;gap:9px}
.story-generate-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.story-cancel-button{border-color:#999}
.story-cancel-button[hidden]{display:none}
.story-quality-button{margin-left:auto}
.story-generate-help{max-width:820px}
.story-progress{width:100%;max-width:820px;margin-top:2px}
@media(max-width:700px){.story-generate-actions{display:grid;grid-template-columns:1fr}.story-generate-actions button{width:100%}.story-quality-button{margin-left:0}}

/* V30 - visuele verhaal-editor */
.story-document-shell{margin-top:4px}
.rich-editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #cfcfcf;border-bottom:0;background:#f3f3f3;padding:8px 10px;position:sticky;top:0;z-index:10}
.rich-toolbar-group{display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid #d4d4d4}
.rich-toolbar-group:last-child{border-right:0;padding-right:0}.rich-toolbar-group-right{margin-left:auto}
.rich-tool{height:34px;min-width:36px;border:1px solid transparent;background:transparent;color:#111;padding:0 9px;font:inherit;font-size:13px;cursor:pointer}
.rich-tool:hover,.rich-tool:focus{border-color:#aaa;background:#fff;outline:none}.rich-tool-text{font-weight:700}.rich-tool-bold{font-size:16px}.rich-tool-italic{font-size:16px}.rich-tool-underline{font-size:16px}.rich-marker-tool{font-weight:700}
.story-paper{background:#e9e9e9;border:1px solid #cfcfcf;padding:32px 24px 38px;overflow:auto}
.rich-editor{width:min(820px,100%);height:600px;min-width:420px;min-height:320px;max-width:100%;max-height:80vh;margin:0 auto;background:#fff;border:1px solid #d5d5d5;padding:36px 44px;box-sizing:border-box;box-shadow:0 1px 5px rgba(0,0,0,.09);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45;color:#181818;outline:none;white-space:normal;overflow:auto;overflow-wrap:anywhere;resize:both}
.rich-editor:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}
.rich-editor p{margin:0 0 1em}.rich-editor h1{font-size:30px;line-height:1.2;margin:0 0 .8em;font-weight:700}.rich-editor h2{font-size:23px;line-height:1.3;margin:1.4em 0 .55em;font-weight:700}.rich-editor h3{font-size:18px;line-height:1.35;margin:1.2em 0 .5em;font-weight:700}.rich-editor ul,.rich-editor ol{margin:0 0 1em;padding-left:28px}.rich-editor blockquote{margin:1.2em 0;padding:10px 18px;border-left:3px solid #555;background:#f4f4f4}.rich-editor strong,.rich-editor b{font-weight:700}
.rich-insert-marker{display:inline-block;padding:2px 6px;margin:0 3px;border:1px dashed #444;background:#f0f0f0;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1.5;vertical-align:baseline;user-select:none}
.rich-find-panel{border:1px solid #cfcfcf;border-top:0;background:#fff;padding:10px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:8px 10px}
.rich-find-panel[hidden]{display:none}.rich-find-panel label{font-size:12px;font-weight:600;color:#333}.rich-find-panel input[type=search],.rich-find-panel input[type=text]{display:block;width:100%;height:36px;margin-top:4px;border:1px solid #bdbdbd;background:#fff;padding:0 9px;font:inherit;box-sizing:border-box}.rich-find-actions{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rich-find-actions button{height:34px;padding:0 11px}.rich-find-option{display:flex!important;align-items:center;gap:5px;margin-left:3px;font-weight:400!important}.rich-find-actions [data-rich-find-status]{font-size:12px;color:#666;margin-left:auto}.rich-find-hit{background:#ffeb7a!important;color:#111!important}.rich-html-source{display:block;width:min(820px,100%);min-height:720px;margin:0 auto;background:#fff;border:1px solid #d5d5d5;padding:32px 38px;box-sizing:border-box;box-shadow:0 1px 5px rgba(0,0,0,.09);font-family:Consolas,"Courier New",monospace;font-size:14px;line-height:1.55;color:#181818;resize:vertical;outline:none;white-space:pre-wrap;overflow-wrap:normal}.rich-html-source[hidden]{display:none}.rich-tool.is-active{border-color:#777;background:#fff}
.story-reading-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 4px}.story-reading-bar>strong{font-size:13px;margin-right:3px}.story-reading-bar label{display:flex;align-items:center;gap:6px;font-size:12px;color:#555}.story-reading-bar select{height:34px;border:1px solid #bbb;background:#fff;padding:0 7px}.story-reading-bar [data-read-status]{font-size:12px;color:#666;margin-left:auto}
.story-document-shell .speech-toolbar{margin-top:8px}
.story-document-shell .transcript-panel{margin-top:8px!important}
@media(max-width:850px){.rich-editor{padding:28px 28px;height:560px;min-width:0;min-height:300px;max-width:100%}.story-paper{padding:18px 10px 24px}.rich-toolbar-group-right{margin-left:0}}
@media(max-width:600px){.rich-editor{padding:28px 22px;font-size:15px}.rich-editor-toolbar{position:static}.rich-toolbar-group{border-right:0;padding-right:0}.story-reading-bar [data-read-status]{width:100%;margin-left:0}}

/* PDF-export: browser print/Sla op als PDF, alleen het document wordt afgedrukt. */
@media print{
  body.print-story-document{background:#fff!important}
  body.print-story-document .sidebar,
  body.print-story-document .pagehead,
  body.print-story-document .story-settings-grid,
  body.print-story-document .story-bullet-editor,
  body.print-story-document .story-generate-block,
  body.print-story-document .helptext,
  body.print-story-document .speech-profile-check,
  body.print-story-document .rich-editor-toolbar,
  body.print-story-document .story-reading-bar,
  body.print-story-document .speech-toolbar,
  body.print-story-document .transcript-panel,
  body.print-story-document .story-ai-status,
  body.print-story-document .story-editor-actions,
  body.print-story-document .flash{display:none!important}
  body.print-story-document .shell,body.print-story-document .main,body.print-story-document .story-editor,body.print-story-document .formstack,body.print-story-document .story-document-shell,body.print-story-document .story-paper{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
  body.print-story-document .story-editor>form>label{display:none!important}
  body.print-story-document .rich-editor{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:11pt!important;line-height:1.55!important;color:#000!important}
  body.print-story-document .rich-insert-marker{display:none!important}
}

.story-progress-detail{margin-top:10px;padding:10px 12px;background:#f5f5f5;border-left:3px solid #111;font-size:13px;line-height:1.45}.term-style-form select{min-width:180px}.term small{display:block;color:#777;font-size:11px;margin-top:2px}.learning-style-note{margin-bottom:18px}


/* V36 - handmatige bullet-per-bullet workflow */
.story-bullet-item{grid-template-columns:24px 34px 18px minmax(0,1fr) 30px;cursor:pointer}
.story-bullet-select{font-size:9px;color:#d0d0d0;text-align:center}
.story-bullet-item.is-selected{background:#f1f1f1;box-shadow:inset 3px 0 0 #111}
.story-bullet-item.is-selected .story-bullet-select{color:#111}
.story-bullet-item.is-done .story-bullet-text{font-weight:600}
.story-bullet-item.is-done .story-bullet-select{color:#666}
@media(max-width:700px){.story-bullet-item{grid-template-columns:22px 28px 16px minmax(0,1fr) 30px}}

/* V38 - bovenste opslagactie */
.story-top-save{display:flex;align-items:center;gap:12px;padding:10px 0 14px;border-bottom:1px solid #e1e1e1;margin-bottom:8px}.story-top-save span{font-size:12px;color:#777}@media(max-width:700px){.story-top-save{align-items:stretch;flex-direction:column}.story-top-save button{width:100%}}


/* V41 - verhaallijn als vaste leidraad naast het document */
.story-writing-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;align-items:start;margin-top:8px}
.story-guide{position:sticky;top:18px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid #d8d8d8;background:#fff}
.story-guide-head{position:sticky;top:0;z-index:2;background:#f7f7f7;border-bottom:1px solid #ddd;padding:12px 13px;display:grid;gap:3px}
.story-guide-head strong{font-size:15px}
.story-guide-head span{font-size:11px;color:#777}
.story-guide-list{display:grid}
.story-guide-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:10px 11px;cursor:pointer;font:inherit;color:#222}
.story-guide-item:hover{background:#fafafa}
.story-guide-item.is-selected{background:#f0f0f0;box-shadow:inset 3px 0 0 #111}
.story-guide-number{font-size:11px;font-weight:700;color:#999;padding-top:2px}
.story-guide-text{font-size:13px;line-height:1.42}
.story-writing-layout .story-document-shell{min-width:0;margin-top:0}
@media(max-width:980px){.story-writing-layout{grid-template-columns:1fr}.story-guide{position:relative;top:auto;max-height:280px}.story-guide-list{grid-template-columns:1fr}}
@media print{body.print-story-document .story-writing-layout{display:block!important}.story-guide{display:none!important}}

/* V49 - afgeschermde Maioo Model Generator */
.generator-sidebar{background:#ececec}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.model-card{border:1px solid #d8d8d8;padding:20px;text-decoration:none;display:grid;gap:9px;min-height:155px}.model-card:hover{border-color:#111}.model-card strong{font-size:18px}.model-card>span,.model-card small{color:#666}.model-card div{margin-top:auto;font-size:13px}.model-counts{display:flex;gap:8px;flex-wrap:wrap}.model-counts span{border:1px solid #ddd;padding:8px 10px;font-size:12px;background:#fafafa}.generator-status{background:#f7f7f7}.generator-status p{margin:7px 0 0;color:#555;line-height:1.5}.generator-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.generator-two-col .panel{margin:0 0 18px}.generator-two-col h2,.version-list+h2{margin-top:0}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}.inline-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 14px}.generator-list{border-top:1px solid #eee;max-height:430px;overflow:auto}.generator-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #eee}.generator-list span{overflow-wrap:anywhere}.generator-sentences span{line-height:1.45}.version-list{display:grid;margin-top:14px}.version-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #eee}@media(max-width:900px){.generator-two-col{grid-template-columns:1fr}.upload-row,.inline-add{grid-template-columns:1fr}.version-list>div{align-items:flex-start;flex-direction:column}}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:12px 0}.search-result{font-size:12px;color:#555;margin:0 0 10px}.upload-stack{display:grid;gap:8px;margin:12px 0 14px}.upload-mode{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.upload-mode label{display:flex;align-items:center;gap:6px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.search-row{grid-template-columns:1fr}.mini-actions{justify-content:flex-start}}


/* V53 - zinnenlijsten per template/stijl */
.phrase-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.phrase-admin-card{margin:0}.phrase-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.phrase-admin-head h2{margin:0 0 4px}.phrase-admin-head p{margin:0;color:#666;font-size:13px;line-height:1.45}.phrase-admin-head>span{white-space:nowrap;border:1px solid #ddd;padding:6px 8px;font-size:11px;background:#fafafa}.phrase-import-form{display:grid;gap:10px;margin-top:14px}.phrase-admin-list{margin-top:14px;border-top:1px solid #eee;max-height:420px;overflow:auto}.phrase-admin-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 0;border-bottom:1px solid #eee;font-size:13px;line-height:1.4}.phrase-admin-list form{margin:0}.phrase-admin-list .danger{min-width:30px}.phrase-picker[hidden]{display:none}.phrase-picker{position:fixed;inset:0;z-index:4000}.phrase-picker-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.36)}.phrase-picker-panel{position:absolute;top:7vh;right:4vw;width:min(620px,92vw);max-height:86vh;background:#fff;border:1px solid #111;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);box-shadow:0 16px 60px rgba(0,0,0,.2)}.phrase-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #ddd}.phrase-picker-head>div{display:grid;gap:3px}.phrase-picker-head strong{font-size:18px}.phrase-picker-head span{font-size:12px;color:#666}.phrase-picker-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddd}.phrase-picker-tabs button{border:0;border-right:1px solid #ddd;background:#f5f5f5;padding:11px;font:inherit;cursor:pointer}.phrase-picker-tabs button:last-child{border-right:0}.phrase-picker-tabs button.is-active{background:#111;color:#fff}.phrase-picker-searchrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px}.phrase-picker-panel input[type=search]{margin:0;border:1px solid #bbb;padding:10px 12px;font:inherit}.phrase-picker-searchrow>span{font-size:12px;color:#666;white-space:nowrap}.phrase-picker-list{overflow:auto;border-top:1px solid #eee}.phrase-picker-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:11px 14px;font:inherit;font-size:13px;line-height:1.45;cursor:pointer}.phrase-picker-row:hover,.phrase-picker-row:focus-within{background:#f2f2f2;outline:none}.phrase-picker-row input{margin-top:3px}.phrase-picker-row-category{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#888;white-space:nowrap}.phrase-picker-list .helptext{padding:12px 14px}.phrase-picker-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #ddd;padding:12px 14px;background:#fafafa}.phrase-picker-actions .helptext{margin:0;font-size:11px;color:#666}.phrase-picker-open{overflow:hidden}@media(max-width:1050px){.phrase-admin-grid{grid-template-columns:1fr}.phrase-picker-panel{top:3vh;right:3vw;left:3vw;width:auto;max-height:92vh}}


/* V54 - zichtbare voortgang voor transcriptcontrole */
.transcript-progress{margin-top:10px;border:1px solid #c9c9c9;background:#fff;padding:9px 10px}
.transcript-progress[hidden]{display:none}
.transcript-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;margin-bottom:6px}
.transcript-progress-track{height:9px;background:#e5e5e5;overflow:hidden}
.transcript-progress-track span{display:block;height:100%;background:#111;transition:width .3s ease}

@media(max-width:700px){.rich-find-panel{grid-template-columns:1fr}.rich-find-actions [data-rich-find-status]{width:100%;margin-left:0}.rich-html-source{padding:22px 18px;min-height:620px}}