.studio{background:#f5f3ef}.studio-header{padding:28px 44px;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--line)}.studio-header .wordmark{font-size:33px}.demo-banner{padding:12px 44px;font-size:12px;background:#e9dfcf;border-bottom:1px solid #d5c9b6}.studio-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:280px 1fr}.studio-nav{padding:45px 28px;border-right:1px solid var(--line)}.studio-nav>button{display:flex;justify-content:space-between;text-align:left;gap:12px;width:100%;padding:15px 12px;margin-top:6px;border:0;background:transparent;font-size:13px}.studio-nav>button.selected{background:#e8dddb;color:var(--wine)}.studio-nav>button span{font-size:10px;opacity:.7}.studio-help{padding:30px 12px;margin-top:65px;font-size:12px;line-height:1.7;border-top:1px solid var(--line)}.studio-help p{margin-top:15px;color:var(--muted)}.studio-help a{color:var(--wine);text-decoration:underline}#editor-main{padding:46px 55px 65px;min-width:0}.editor-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.editor-heading h1{font-size:48px;line-height:1.1}.editor-heading .eyebrow{margin-bottom:12px}#dirty-state{font-size:11px;color:var(--muted)}.field{display:block;margin-bottom:25px}.field>span{font-size:13px;font-weight:bold;display:block;margin-bottom:8px}.field small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.field input:not([type=file]),.field textarea,.field select{width:100%;padding:12px 14px;background:#fffdfa;color:var(--ink);border:1px solid #aaa094;border-radius:2px;font-size:14px;line-height:1.6}.field textarea{min-height:100px;resize:vertical}.field input[type=file]{font-size:12px;max-width:100%}.image-field{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center;margin-bottom:25px;padding:20px;background:var(--surface)}.image-field img{width:130px;height:130px;object-fit:cover}.image-field .field{margin:0}.field-group{border:0;padding:0;margin:0 0 40px}.field-group legend{font:27px var(--serif);padding:18px 0;margin-bottom:18px;border-bottom:1px solid var(--line);width:100%}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:25px;border-top:1px solid var(--line)}.secondary-button{background:var(--paper);border:1px solid #aaa094;padding:12px 18px;font-size:12px;min-height:48px}.secondary-button:hover{background:var(--surface)}.editor-actions .button{font-size:12px;min-height:48px;padding:12px 18px}#editor-status{min-height:30px;color:var(--wine);font-size:13px;padding-top:15px}.backup-actions{padding-top:26px;margin-top:25px;border-top:1px solid var(--line)}.backup-actions h2{font-size:27px;letter-spacing:-.03em}.backup-actions p{font-size:12px;color:var(--muted);margin:12px 0 20px}.backup-actions button,.import-label{font-size:11px;color:var(--wine);margin:0 23px 15px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.backup-actions input[type=file]{display:block;width:100%;font-size:11px;margin-bottom:20px}.backup-actions .import-label{display:inline-block;margin-bottom:8px}.studio h3{font-size:18px}
/* Präsentationsdokument */
.report{max-width:1130px;margin:auto;padding:60px 40px 100px}.report-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:35px}.report-intro{padding:75px 0 55px;max-width:820px}.report h1{font-size:clamp(50px,7vw,90px);line-height:1.05;color:var(--wine);margin-bottom:30px}.report-intro>p:last-child{font-size:19px;color:var(--muted);max-width:720px}.report-section{padding:52px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.report-section h2{font-size:43px;margin-bottom:28px}.report-section h3{font:25px var(--serif);letter-spacing:-.025em;margin:30px 0 15px}.report-section p,.report-section li{font-size:14px;max-width:830px}.report-section ul,.report-section ol{padding-left:23px}.report-section li{margin-bottom:12px}.report-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin-bottom:30px}.report-nav a{border-bottom:1px solid var(--wine);color:var(--wine)}.evidence{display:grid;grid-template-columns:2.4fr 1fr;gap:25px;margin-block:30px}.evidence img{width:100%;height:300px;object-fit:contain;object-position:left top;background:#eee6d9;border:1px solid var(--line)}.evidence figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.report table{border-collapse:collapse;width:100%;font-size:12px;margin:25px 0}.report th{text-align:left;font-weight:600;background:var(--surface)}.report td,.report th{padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:top}.report td:first-child{font-weight:600}.table-scroll{overflow-x:auto}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0}.swatch>div{height:95px;background:var(--swatch)}.swatch p{margin-top:12px;font-size:12px}.swatch code{font-size:11px;color:var(--muted)}.callout{background:var(--surface);padding:26px 30px;margin-block:25px}.callout p:last-child{margin-bottom:0}.source-list a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}.report-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.report-actions .secondary-button{display:flex;align-items:center}.report pre{background:var(--surface);padding:25px;overflow-x:auto;font-size:12px}.print-button{padding:8px;border:0;background:transparent;text-decoration:underline;font-size:12px}.report-footer{font-size:11px;color:var(--muted);padding-top:25px;border-top:1px solid var(--line)}
@media(max-width:850px){.studio-layout{grid-template-columns:1fr}.studio-nav{padding:20px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}.studio-nav>p,.studio-help{display:none}.studio-nav>button{width:auto;font-size:11px;padding:10px}.studio-nav>button span{display:none}#editor-main{padding:30px 24px}.studio-header{padding:22px 24px}.demo-banner{padding:12px 24px}.editor-heading{align-items:start;flex-direction:column;gap:15px}.editor-heading h1{font-size:39px}.fields-two{grid-template-columns:1fr;gap:0}.report{padding:30px 22px 60px}.report-intro{padding-block:45px}.report-section h2{font-size:36px}.swatches{grid-template-columns:repeat(3,1fr)}.evidence{grid-template-columns:1fr}.evidence img{height:auto;max-height:380px}.report td,.report th{padding:12px 9px;min-width:120px}.report-top{gap:20px}.report-top .text-link{font-size:11px}.report-section{padding-block:35px}}
@media(max-width:450px){.image-field{grid-template-columns:1fr}.image-field img{width:100%;height:180px}.studio-header .text-link{font-size:11px;gap:7px}.editor-actions>*{width:100%}.swatches{grid-template-columns:repeat(2,1fr)}}
@media print{.report{max-width:none;padding:0}.report-nav,.report-actions,.print-button,.report-top .text-link{display:none}.report-intro{padding:25px 0}.report h1{font-size:40px}.report-section{padding:22px 0}.report-section h2{font-size:28px}.report-section h3{font-size:21px}.report p,.report li{font-size:10pt}.report table{font-size:9pt}.swatches,.evidence,table,figure{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-section h2,.report-section h3{break-after:avoid}.source-list a{overflow-wrap:anywhere}}
/* Gleiche Lesbarkeit und bedienbare Felder auch in der Pflegedemo. */
.studio .field input:not([type=file]),.studio .field textarea,.studio .field select{font-size:16px;border-radius:12px}
.studio .field>span{font-size:15px}
.studio .field small{font-size:13px;line-height:1.6}
.studio .field input[type=file]{font-size:14px;min-height:44px}
.studio .field input::file-selector-button{padding:10px 14px;border:1px solid #aaa094;border-radius:999px;background:var(--paper);color:var(--wine);margin-right:12px;cursor:pointer}
.studio .studio-nav>button{min-height:44px;font-size:14px;border-radius:12px}
.studio .image-field{border-radius:20px}
.studio .demo-banner,.studio .studio-help,.studio .backup-actions p{font-size:14px}
.studio #dirty-state,.studio #editor-status{font-size:14px}
.studio .editor-actions button,.studio .secondary-button{font-size:14px}
.studio .backup-actions button{min-height:44px;font-size:13px}
.editor-fold{border-block:1px solid var(--line);margin:24px 0}
.editor-fold+.editor-fold{border-top:0;margin-top:-24px}
.editor-fold summary{padding:20px 8px;min-height:56px;font-size:16px;color:var(--wine);cursor:pointer}
.editor-fold>div{padding:18px 8px}