/* M011.1 – Themenlayouts, fertige Designvarianten und lokaler Export */
.dkt-export-studio{margin-top:34px;padding:clamp(18px,3vw,30px);border:2px solid var(--dkt-border,#c8d4e3);border-radius:28px;background:var(--dkt-surface,#fff)}
.dkt-export-studio__header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
.dkt-export-studio__header h3{margin:.15em 0 .3em;font-size:clamp(1.55rem,4vw,2.1rem)}
.dkt-export-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;border-radius:999px;padding:9px 14px;font-weight:700;white-space:nowrap}
.dkt-export-form{display:grid;gap:22px}
.dkt-export-group{border:1px solid var(--dkt-border,#c8d4e3);border-radius:20px;padding:18px;background:color-mix(in srgb,var(--dkt-surface,#fff) 92%,#dce8f5)}
.dkt-export-group legend{font-weight:800;padding:0 8px;font-size:1.05em}
.dkt-export-help{margin:0 0 15px;line-height:1.55}
.dkt-export-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.dkt-export-theme,.dkt-export-variant{display:block;position:relative;cursor:pointer;min-width:0}
.dkt-export-theme input,.dkt-export-variant input{position:absolute;opacity:0;pointer-events:none}
.dkt-export-theme>span{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:12px 8px;border:2px solid var(--dkt-border,#c8d4e3);border-radius:16px;background:var(--dkt-surface,#fff)}
.dkt-export-theme b{font-size:1em;font-weight:750}.dkt-export-theme small{font-size:.84em;font-weight:400;opacity:.8;line-height:1.25}
.dkt-export-theme input:checked+span{border-color:#6aa5ff;box-shadow:0 0 0 3px rgba(106,165,255,.22);background:rgba(77,130,205,.12)}
.dkt-export-variants-block{margin-top:18px;padding-top:17px;border-top:1px solid var(--dkt-border,#c8d4e3)}
.dkt-export-variants-block h4{margin:0 0 12px;font-size:1.12em}
.dkt-export-variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dkt-export-variant>span{min-height:148px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px;border:2px solid var(--dkt-border,#c8d4e3);border-radius:16px;background:var(--dkt-surface,#fff)}
.dkt-export-variant b{font-weight:700;line-height:1.25}.dkt-export-variant small{font-weight:400;opacity:.8;line-height:1.25}
.dkt-export-variant input:checked+span{border-color:#6aa5ff;box-shadow:0 0 0 3px rgba(106,165,255,.22);background:rgba(77,130,205,.1)}
.dkt-export-variant__mini{width:58px;height:76px;display:block;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--mini-accent) 45%,#aaa);border-radius:4px;background:linear-gradient(155deg,var(--mini-soft),#fff);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.dkt-export-variant__mini:before{content:"";position:absolute;left:7px;right:7px;top:10px;height:7px;border-radius:5px;background:var(--mini-accent);opacity:.8}
.dkt-export-variant__mini u{position:absolute;left:7px;right:7px;top:23px;height:4px;background:var(--mini-accent);opacity:.25;text-decoration:none}
.dkt-export-variant__mini em{position:absolute;left:7px;bottom:9px;width:25px;height:27px;border-radius:4px;background:var(--mini-accent);opacity:.2}
.dkt-export-variant__mini strong{position:absolute;right:7px;bottom:9px;width:14px;height:27px;border:2px solid var(--mini-accent);border-radius:3px;opacity:.35}
.dkt-export-auto-save{margin:12px 0 0;font-size:.9em;font-weight:650;color:#246c45}
.dkt-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dkt-export-grid label,.dkt-export-field{display:grid;gap:7px;font-weight:750}
.dkt-export-grid input,.dkt-export-grid select,.dkt-export-field input,.dkt-export-field select{width:100%;min-height:52px;border:2px solid var(--dkt-border,#b6c5d8);border-radius:13px;padding:10px 12px;background:var(--dkt-input-bg,#fff);color:inherit;font-family:inherit;font-size:inherit;font-weight:400}
.dkt-export-grid select,.dkt-export-field select,.dkt-export-grid select option,.dkt-export-field select option{font-weight:400!important}
.dkt-export-grid input::placeholder,.dkt-export-field input::placeholder{font-weight:400;opacity:.7}
.dkt-export-fine-tuning{margin-top:14px;border:1px solid var(--dkt-border,#c8d4e3);border-radius:15px;padding:12px 14px}
.dkt-export-fine-tuning summary{cursor:pointer;font-weight:700}.dkt-export-fine-tuning>p{margin:.7em 0 1em;line-height:1.5}
.dkt-export-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px}
.dkt-export-checks label,.dkt-export-confirm{display:flex;align-items:flex-start;gap:10px;font-weight:650}
.dkt-export-checks input,.dkt-export-confirm input{width:24px;height:24px;flex:0 0 24px;margin-top:2px}
.dkt-export-pc-tip{margin:16px 0 0;padding:12px 14px;border-radius:13px;background:color-mix(in srgb,var(--dkt-accent,#3973b9) 9%,var(--dkt-surface,#fff));line-height:1.5}
.dkt-export-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.dkt-export-range[hidden],.dkt-export-year-field[hidden]{display:none!important}
.dkt-export-preview-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:20px;align-items:start}
.dkt-export-preview-copy h4{margin:0 0 8px;font-size:1.25em}.dkt-export-preview-copy p{margin:.4em 0}
.dkt-export-preview-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dkt-export-preview-button{min-height:48px;padding:9px 14px;border:2px solid #679ee6;border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.dkt-export-preview{background:#dce1e6;border-radius:18px;padding:12px;overflow:hidden;min-height:360px;display:flex;justify-content:center;align-items:flex-start}
.dkt-export-preview__canvas{position:relative;flex:0 0 auto;margin:0 auto;overflow:visible}
.dkt-export-preview__frame{position:absolute;left:0;top:0;border:0;background:#fff;transform-origin:top left;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.dkt-export-preview__loading,.dkt-export-preview__empty{padding:30px 14px;text-align:center;font-weight:700;color:#26384d}
.dkt-export-preview-modal[hidden]{display:none!important}.dkt-export-preview-modal{position:fixed;inset:0;z-index:999999;background:rgba(5,12,20,.88);padding:12px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}
.dkt-export-preview-modal__panel{width:min(760px,100%);min-height:calc(100vh - 24px);padding:12px;border-radius:18px;background:#172536;color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center}
.dkt-export-preview-modal__close{align-self:flex-end;min-height:46px;padding:8px 14px;border:1px solid #d2e2f5;border-radius:12px;background:#fff;color:#172536;font:inherit;font-weight:700;cursor:pointer}
.dkt-export-preview-modal__viewport{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;min-height:70vh;padding:8px}.dkt-preview-modal-open{overflow:hidden}
.dkt-export-warning{padding:16px 18px;border-radius:16px;background:#fff3cd;color:#4f3d00;border:1px solid #d7b75b;line-height:1.5}.dkt-export-warning strong{display:block;margin-bottom:4px}
.dkt-export-confirm{padding:14px 16px;border:2px solid var(--dkt-border,#c8d4e3);border-radius:16px}
.dkt-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dkt-export-actions button{min-height:58px;border-radius:14px;font:inherit;font-weight:750;cursor:pointer;padding:10px 12px;border:2px solid #6fa8ff;background:#3167aa;color:#fff}.dkt-export-actions button:nth-child(n+3){background:transparent;color:inherit;border-color:var(--dkt-border,#8fa7c3)}.dkt-export-actions button:disabled{opacity:.48;cursor:not-allowed}
.dkt-export-status{min-height:1.6em;margin:0;font-weight:650}.dkt-export-status.is-success{color:#168f54}.dkt-export-status.is-warning{color:#a56600}.dkt-export-status.is-error{color:#c33}
.dkt-mode-dark .dkt-export-studio,.dkt-mode-dark .dkt-export-group,.dkt-mode-dark .dkt-export-theme>span,.dkt-mode-dark .dkt-export-variant>span{background:#1d2b3b;color:#f6f9fc}
.dkt-mode-dark .dkt-export-preview{background:#0f1926}.dkt-mode-dark .dkt-export-status.is-success,.dkt-mode-dark .dkt-export-auto-save{color:#8af0b7}.dkt-mode-dark .dkt-export-status.is-warning{color:#ffd37a}.dkt-mode-dark .dkt-export-status.is-error{color:#ff9696}
.dkt-mode-dark .dkt-export-grid input,.dkt-mode-dark .dkt-export-grid select,.dkt-mode-dark .dkt-export-field input,.dkt-mode-dark .dkt-export-field select{background:#152333;color:#fff}
.dkt-mode-dark .dkt-export-grid input::placeholder,.dkt-mode-dark .dkt-export-field input::placeholder{color:#fff!important;opacity:.82!important}
.dkt-mode-dark .dkt-export-grid select option,.dkt-mode-dark .dkt-export-field select option{background:#152333;color:#fff;font-weight:400!important}
@media(max-width:920px){.dkt-export-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.dkt-export-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.dkt-export-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.dkt-export-grid,.dkt-export-preview-wrap{grid-template-columns:1fr}.dkt-export-actions{grid-template-columns:1fr 1fr}.dkt-export-studio__header{display:block}.dkt-export-badge{margin-top:8px}.dkt-export-preview{min-height:440px;width:100%}.dkt-export-preview-copy{margin-bottom:4px}}
@media(max-width:480px){.dkt-export-themes,.dkt-export-variants,.dkt-export-actions,.dkt-export-checks,.dkt-export-range{grid-template-columns:1fr}.dkt-export-theme>span{min-height:74px}.dkt-export-variant>span{min-height:118px;display:grid;grid-template-columns:62px 1fr;text-align:left;align-items:center}.dkt-export-variant small,.dkt-export-variant b{grid-column:2}.dkt-export-variant__mini{grid-column:1;grid-row:1/3}.dkt-export-preview{min-height:410px;padding:8px}.dkt-export-studio{padding:14px;border-radius:20px}.dkt-export-preview-modal{padding:4px}.dkt-export-preview-modal__panel{min-height:calc(100vh - 8px);border-radius:12px;padding:8px}}
.dkt-senior-mode .dkt-export-actions button,.dkt-senior-mode .dkt-export-grid input,.dkt-senior-mode .dkt-export-grid select{min-height:62px}.dkt-senior-mode .dkt-export-confirm{font-size:1.03em}
/* M011.1: Kalender-Sprechbutton auf breiteren Ansichten nicht abschneiden. */
.dkt-calendar-search .dkt-speech-button{max-width:none;min-width:104px;padding-left:8px;padding-right:8px}
@media(max-width:620px){.dkt-calendar-search .dkt-speech-button{min-width:82px;max-width:88px}}
/* M011.2: A5-Vorschau immer vollständig einpassen. */
.dkt-export-preview__canvas{max-width:100%;min-width:0}
.dkt-export-preview__frame{max-width:none!important}
@media(max-width:780px){.dkt-export-preview{overflow:hidden}.dkt-export-preview__canvas{max-width:100%}}
/* M011.3 – Premium-Themen, Demo-Vorschaubilder und konfigurierbares Deckblatt */
.dkt-export-theme>span{min-height:220px;padding:8px;justify-content:flex-start;overflow:hidden}
.dkt-export-theme img{display:block;width:100%;aspect-ratio:3/4;max-height:142px;object-fit:cover;object-position:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--dkt-border,#c8d4e3) 80%,#fff);box-shadow:0 4px 14px rgba(0,0,0,.12);margin-bottom:5px}
.dkt-export-theme b{font-weight:650}.dkt-export-theme small{font-weight:400}
.dkt-export-cover-options{margin-top:14px;border:2px solid color-mix(in srgb,var(--dkt-accent,#3973b9) 35%,var(--dkt-border,#c8d4e3));border-radius:18px;padding:14px 16px;background:color-mix(in srgb,var(--dkt-surface,#fff) 96%,#f7eddc)}
.dkt-export-cover-options summary{cursor:pointer;font-weight:750;font-size:1.05em}.dkt-export-cover-options>p{margin:.8em 0 1em;line-height:1.5}
.dkt-export-cover-options textarea{width:100%;min-height:92px;border:2px solid var(--dkt-border,#b6c5d8);border-radius:13px;padding:10px 12px;background:var(--dkt-input-bg,#fff);color:inherit;font-family:inherit;font-size:inherit;font-weight:400;resize:vertical}
.dkt-export-cover-options textarea::placeholder{font-weight:400;opacity:.7}
.dkt-export-cover-checks{display:grid;gap:8px;align-content:start;padding-top:4px}.dkt-export-cover-checks label{display:flex;align-items:flex-start;gap:9px;font-weight:600;line-height:1.35}.dkt-export-cover-checks input{width:24px;height:24px;flex:0 0 24px;margin-top:1px}
.dkt-mode-dark .dkt-export-cover-options{background:#1d2b3b;color:#f6f9fc}.dkt-mode-dark .dkt-export-cover-options textarea{background:#152333;color:#fff}.dkt-mode-dark .dkt-export-cover-options textarea::placeholder{color:#fff!important;opacity:.82!important}
@media(max-width:920px){.dkt-export-theme>span{min-height:205px}.dkt-export-theme img{max-height:128px}}
@media(max-width:620px){.dkt-export-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.dkt-export-theme>span{min-height:186px}.dkt-export-theme img{max-height:112px}.dkt-export-theme b{font-size:.92em}.dkt-export-theme small{font-size:.78em}}
@media(max-width:380px){.dkt-export-theme>span{min-height:174px}.dkt-export-theme img{max-height:100px}}

/* M011.4 – Festes Baby-Theme: einfache Auswahl statt freiem Basteln. */
.dkt-baby-fixed-options{margin-top:16px;padding:16px;border:2px solid #e1c7bc;border-radius:18px;background:#fff8f3}
.dkt-baby-fixed-options[hidden]{display:none!important}
.dkt-baby-fixed-options__intro{display:grid;gap:5px;margin-bottom:12px;line-height:1.45}
.dkt-baby-fixed-options__intro strong{font-size:1.08em;color:#7a554b}
.dkt-baby-fixed-options__note{display:grid;gap:4px;align-content:center;padding:12px 14px;border-radius:14px;background:#fffdf9;border:1px solid #ead7ca;line-height:1.4}
.dkt-baby-fixed-options__note strong{color:#7a554b}
.dkt-mode-dark .dkt-baby-fixed-options{background:#263342;border-color:#8d6d66;color:#f7fbff}
.dkt-mode-dark .dkt-baby-fixed-options__intro strong,.dkt-mode-dark .dkt-baby-fixed-options__note strong{color:#ffd0c4}
.dkt-mode-dark .dkt-baby-fixed-options__note{background:#1b2837;border-color:#745f5b}
@media(max-width:620px){.dkt-baby-fixed-options{padding:13px}.dkt-baby-fixed-options__note{padding:10px 12px}}
