/* Vereinfachter Editor, dezente Header-Aktionen und Live-Hilfen. */
.header-share{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.header-share:hover,.header-share:focus-visible{border-color:var(--line);background:#f4f1fa;color:var(--purple);outline:none}
.header-share .ui-icon{width:17px;height:17px}
.app-header-share{flex:none;margin-left:auto;margin-right:10px}
.topbar .app-header-share+.profile-button{margin-right:72px}
.public-nav .header-share{flex:none;margin:-7px -13px -7px 0}
.editor-basics{margin-bottom:14px;padding:16px;border:1px solid var(--line);border-top:4px solid var(--purple);background:#fff}
.editor-basics>h3{margin:0 0 4px;font:800 11px 'Arial Black';letter-spacing:.8px}
.editor-basics>p{margin:0 0 14px;color:var(--muted);font-size:9px;line-height:1.45}
.editor-basics>.setting-group,.editor-basics>.custom-colors,.editor-basics>label{margin-top:14px}
.editor-expert{border-color:#cfc7e3}
.editor-expert>summary{padding:16px 14px}
.editor-expert>summary span{display:grid;gap:3px}
.editor-expert>summary span small{font:500 8px 'Trebuchet MS';color:var(--muted);letter-spacing:0}
.editor-expert[open]{border-color:var(--purple);box-shadow:0 8px 24px rgba(78,58,154,.08)}
.editor-expert .editor-category{margin-top:10px;margin-bottom:0;background:#faf9fc}
.editor-expert>.editor-category-content{padding:4px 10px 10px}
.context-help{width:27px!important;border:0!important;border-radius:0 8px 8px 0!important;background:transparent!important;color:#8d879d!important;font:800 12px 'Trebuchet MS';cursor:pointer}
.context-help span{display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;opacity:.72}
.context-help:hover,.context-help:focus-visible{background:#f3f0fa!important;color:#6546fa!important;outline:0!important}
.context-help:hover span,.context-help:focus-visible span{opacity:1}
.audience-code-action{gap:3px!important}
.audience-code-action .audience-code{display:flex;align-items:center;gap:7px;padding-right:6px}
.code-copy-icon{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--purple);cursor:pointer}
.code-copy-icon:hover,.code-copy-icon:focus-visible{background:#ebe6ff;outline:2px solid #7353ff;outline-offset:1px}
.code-copy-icon .ui-icon{width:15px;height:15px}
.audience-code-action .context-help{border-radius:8px!important}
.obs-hint a{color:var(--purple);font-weight:800;text-decoration:none}
.obs-hint a:hover{text-decoration:underline}
body.dark-mode .editor-basics{background:#201e2d;border-color:#403b50;color:#f4f1ff}
body.dark-mode .header-share:hover,body.dark-mode .header-share:focus-visible{background:#302c41;border-color:#474257;color:#c8bbff}
@media(max-width:900px){.app-header-share{margin-left:0}.topbar .app-header-share+.profile-button{margin-right:112px}}
@media(max-width:600px){.public-nav .header-share{margin:0}.app-header-share{display:none}}