/* Kontur nach Material-Ebene, nicht durch zusätzliche Akzentfarben. */
.optional-content{margin-top:24px;border-top:1px solid var(--edge);padding-top:16px}.optional-content>summary{font-size:.78rem;color:var(--muted);min-height:36px;cursor:pointer}.optional-content>.muted{margin:12px 0}.optional-actions{display:flex;gap:8px;flex-wrap:wrap}.optional-actions .quiet{font-size:.75rem;min-height:38px}
:root{--ink:#202735;--muted:#556174;--line:#69798e48;--surface:#fff;--chrome:rgba(218,224,237,.86);--chrome-border:rgba(78,96,124,.4);--side:rgba(217,224,236,.8);--pane:rgba(224,230,239,.82);--edge:#71819855;--card-edge:#7a879d49;--highlight:#ffffffd9}
.browser-shell{border-color:var(--chrome-border);background:rgba(235,239,246,.88);box-shadow:0 30px 65px #1d2b4b38,0 4px 12px #1c2e4c26,inset 0 1px var(--highlight)}
.site-header{border-bottom:1px solid var(--edge);box-shadow:0 1px 0 var(--highlight)}
.document-header{background:rgba(234,237,246,.88);border-bottom:1px solid var(--edge);box-shadow:0 3px 8px #27364b09,inset 0 1px #fff8}
.file-location{border-color:#74829a4d;background:#f8faffc4;box-shadow:inset 0 1px 3px #31466912,0 1px 0 #fff7;color:var(--muted)}
.workspace-sidebar{background:var(--side);border:1px solid var(--edge);box-shadow:0 5px 14px #21344e12,inset 0 1px var(--highlight)}
.document-body,.editor-form{background:var(--pane);border:1px solid var(--edge);box-shadow:0 6px 18px #24375315,inset 0 1px var(--highlight)}
.document-body>.tabs,.editor-form>.tabs{background:var(--chrome);border-bottom-color:var(--edge);box-shadow:inset 0 1px var(--highlight)}
.card{background:var(--surface);border:1px solid var(--card-edge);box-shadow:0 4px 10px #23365312,0 1px 2px #2336530d}
.tabs .tab{background:#f0f3f87d;color:#58657a;border-color:#77859b49;box-shadow:inset 0 1px #fff9}
.tabs .tab:hover{background:#f9fbffe0;border-color:#657fa27a}
.tabs .tab[aria-current=page]{background:linear-gradient(#fff,#f4f8ff);color:#273951;border-color:#567daf8c;box-shadow:0 4px 9px #2a426b26,inset 0 1px #fff}
.tabs .tab[aria-current=page]::after{height:3px;background:#3976c5}
.reader-actions,.editor-toolbar{background:#d9dfeb88;border-color:#72809940;box-shadow:inset 0 1px #fff6}
.reader-actions .quiet,.editor-toolbar .quiet{color:#526078}
.reader-actions .button,.editor-toolbar .button{border-color:#6f819c80;background:linear-gradient(#fff,#eaf0f9);box-shadow:0 3px 6px #253b6024,inset 0 1px #fff}
.dropzone{background:#f9fbffc4;border-color:#899ab467;box-shadow:0 8px 20px #20344f17,inset 0 1px #fff}
.create-option{background:linear-gradient(135deg,#ffffffce,#edf2fac2);border-color:#8192ac69;box-shadow:0 5px 13px #23395220,inset 0 1px #fff}
.create-option:hover{border-color:#597fa79c;box-shadow:0 9px 20px #23395228}
.field input,.field textarea,.rich-editor{border-color:#7b8ba459;background:#f8f9fd;box-shadow:inset 0 1px 3px #273d5810}
.sidebar-note,.editor-add{border-top-color:var(--edge)}
.example-strip{background:#dce3ee82;border-top-color:var(--edge)}
footer{background:var(--chrome);border-top:1px solid var(--edge)}
@media(prefers-color-scheme:dark){
  :root{--ink:#f2f4f8;--muted:#b4bdcb;--surface:#353c4a;--line:#a3b2ca40;--chrome:rgba(26,32,44,.9);--chrome-border:#b7c7e14d;--side:rgba(41,49,65,.88);--pane:rgba(30,38,52,.88);--edge:#8f9fb94d;--card-edge:#a3b3cc47;--highlight:#b9c9e326}
  .browser-shell{background:rgba(31,39,52,.92);box-shadow:0 30px 75px #0008,0 4px 12px #0005,inset 0 1px var(--highlight)}
  .document-header{background:rgba(38,45,59,.94);box-shadow:0 3px 10px #0002,inset 0 1px #ffffff0b}
  .file-location{background:#171e2ba6;border-color:#8396b34d;box-shadow:inset 0 1px 4px #0004,0 1px 0 #ffffff0c;color:#b4bfce}
  .workspace-sidebar{box-shadow:0 5px 14px #0002,inset 0 1px var(--highlight)}
  .document-body,.editor-form{box-shadow:0 6px 18px #0003,inset 0 1px var(--highlight)}
  .card{box-shadow:0 5px 12px #0003,inset 0 1px #c4d5ed12}
  .tabs .tab{background:#29324577;color:#aebbd0;border-color:#90a5c23d;box-shadow:inset 0 1px #ffffff0b}
  .tabs .tab:hover{background:#404b60;border-color:#8fa9cf70;color:#f2f4f8}
  .tabs .tab[aria-current=page]{background:linear-gradient(#56647d,#424f66);color:#fff;border-color:#9bb8e18f;box-shadow:0 4px 10px #0005,inset 0 1px #d4e1f333}
  .tabs .tab[aria-current=page]::after{background:#81b5ff}
  .reader-actions,.editor-toolbar{background:#151e2b50;border-color:#8a9fbc40;box-shadow:inset 0 1px #ffffff0a}
  .reader-actions .quiet,.editor-toolbar .quiet{color:#b4bfce}
  .reader-actions .button,.editor-toolbar .button{background:linear-gradient(#58677e,#414e63);border-color:#a7bbd56e;box-shadow:0 3px 7px #0004,inset 0 1px #e5edfb2b;color:#fff}
  .dropzone{background:#293345a6;border-color:#99aec15c;box-shadow:0 8px 20px #0003,inset 0 1px #e0edfa16}
  .create-option{background:linear-gradient(135deg,#414d637a,#2c364c9c);border-color:#97abc85c;box-shadow:0 5px 14px #0004,inset 0 1px #d4e1f322}
  .create-option:hover{background:#495c7680;border-color:#a4bedb91;box-shadow:0 9px 20px #0005}
  .field input,.field textarea,.rich-editor{background:#202735;border-color:#9cacbf47;box-shadow:inset 0 1px 4px #0003}
  .example-strip{background:#18202e80}
}
@media(max-width:680px){.browser-shell{border:0;box-shadow:none}.document-body,.editor-form{background:transparent;border:0;box-shadow:none}.document-body>.tabs,.editor-form>.tabs{border-top:1px solid var(--edge)}.workspace-sidebar{display:none}}