:root{--fl-bg: #F7F6F3;--fl-surface: #FFFFFF;--fl-surface-raised: #FBFAF8;--fl-surface-sunken: #F1EFEB;--fl-border: #E6E3DD;--fl-border-strong: #D3CFC6;--fl-ink: #1C1B19;--fl-ink-muted: #6F6A63;--fl-ink-subtle: #8B857D;--fl-ink-inverse: #FFFFFF;--fl-accent: #2F6FAE;--fl-accent-hover: #24578A;--fl-accent-soft: #E8F0F8;--fl-on-accent: #FFFFFF;--fl-focus: #2F6FAE;--fl-focus-ring: 0 0 0 3px rgba(47,111,174,.3);--fl-gruen: #0E8F63;--fl-gruen-text: #0B6B4B;--fl-gruen-flaeche: #E7F4EC;--fl-gruen-rand: #BFE3D2;--fl-gelb: #D9A441;--fl-gelb-text: #8A5E12;--fl-gelb-flaeche: #FBF1DC;--fl-gelb-rand: #EBD9AE;--fl-rot: #C4553F;--fl-rot-text: #9A3B28;--fl-rot-flaeche: #FBEAE2;--fl-rot-rand: #EFC7B8;--fl-grau: #8B857D;--fl-grau-text: #6F6A63;--fl-grau-flaeche: #F1EFEB;--fl-grau-rand: #E0DCD5;--fl-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fl-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--fl-font-serif: Georgia, "Times New Roman", serif;--fl-text-2xs: 11px;--fl-lh-2xs: 1.4;--fl-text-xs: 12.5px;--fl-lh-xs: 1.45;--fl-text-s: 13.5px;--fl-lh-s: 1.5;--fl-text-m: 15px;--fl-lh-m: 1.55;--fl-text-l: 17px;--fl-lh-l: 1.5;--fl-text-xl: 21px;--fl-lh-xl: 1.3;--fl-text-2xl: 26px;--fl-lh-2xl: 1.2;--fl-text-3xl: clamp(28px, 3.6vw, 38px);--fl-lh-3xl: 1.12;--fl-text-4xl: clamp(34px, 6vw, 58px);--fl-lh-4xl: 1.05;--fl-weight-normal: 400;--fl-weight-medium: 500;--fl-weight-semi: 600;--fl-weight-bold: 700;--fl-track-label: .12em;--fl-track-tight: -.02em;--fl-space-1: 4px;--fl-space-2: 8px;--fl-space-3: 12px;--fl-space-4: 16px;--fl-space-5: 20px;--fl-space-6: 24px;--fl-space-8: 32px;--fl-space-11: 44px;--fl-space-14: 56px;--fl-radius-s: 8px;--fl-radius-m: 12px;--fl-radius-l: 16px;--fl-radius-xl: 22px;--fl-radius-voll: 999px;--fl-schatten-karte: 0 1px 3px rgba(28,27,25,.04);--fl-schatten-knopf: 0 1px 2px rgba(28,27,25,.2);--fl-schatten-schwebend: 0 6px 24px rgba(28,27,25,.25);--fl-schatten-blatt: 0 -8px 40px rgba(28,27,25,.18);--fl-dauer: .15s;--fl-kurve: cubic-bezier(.2, 0, 0, 1);--fl-breite-seite: 1040px;--fl-breite-text: 66ch;--fl-ebene-kopf: 10;--fl-ebene-blatt: 40;--fl-ebene-dialog: 50;--fl-ebene-hinweis:60;--fl-tippziel: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fl-bg: #131211;--fl-surface: #1A1917;--fl-surface-raised: #211F1C;--fl-surface-sunken: #100F0E;--fl-border: #2E2B27;--fl-border-strong: #423E38;--fl-ink: #F3F1EC;--fl-ink-muted: #A69F94;--fl-ink-subtle: #7D766B;--fl-ink-inverse: #14130F;--fl-accent: #6AA5E2;--fl-accent-hover: #8FBEEC;--fl-accent-soft: rgba(106,165,226,.14);--fl-on-accent: #10161C;--fl-focus: #8FBEEC;--fl-focus-ring: 0 0 0 3px rgba(143,190,236,.32);--fl-gruen: #34D399;--fl-gruen-text: #6EE7B7;--fl-gruen-flaeche: rgba(52,211,153,.14);--fl-gruen-rand: rgba(52,211,153,.32);--fl-gelb: #FBBF24;--fl-gelb-text: #FCD34D;--fl-gelb-flaeche: rgba(251,191,36,.14);--fl-gelb-rand: rgba(251,191,36,.32);--fl-rot: #FB7185;--fl-rot-text: #FDA4AF;--fl-rot-flaeche: rgba(251,113,133,.14);--fl-rot-rand: rgba(251,113,133,.32);--fl-grau: #A69F94;--fl-grau-text: #A69F94;--fl-grau-flaeche: rgba(166,159,148,.12);--fl-grau-rand: rgba(166,159,148,.28);--fl-schatten-karte: none;--fl-schatten-knopf: none}}[data-theme=dark]{--fl-bg: #131211;--fl-surface: #1A1917;--fl-surface-raised: #211F1C;--fl-surface-sunken: #100F0E;--fl-border: #2E2B27;--fl-border-strong: #423E38;--fl-ink: #F3F1EC;--fl-ink-muted: #A69F94;--fl-ink-subtle: #7D766B;--fl-ink-inverse: #14130F;--fl-accent: #6AA5E2;--fl-accent-hover: #8FBEEC;--fl-accent-soft: rgba(106,165,226,.14);--fl-on-accent: #10161C;--fl-focus: #8FBEEC;--fl-focus-ring: 0 0 0 3px rgba(143,190,236,.32);--fl-gruen: #34D399;--fl-gruen-text: #6EE7B7;--fl-gruen-flaeche: rgba(52,211,153,.14);--fl-gruen-rand: rgba(52,211,153,.32);--fl-gelb: #FBBF24;--fl-gelb-text: #FCD34D;--fl-gelb-flaeche: rgba(251,191,36,.14);--fl-gelb-rand: rgba(251,191,36,.32);--fl-rot: #FB7185;--fl-rot-text: #FDA4AF;--fl-rot-flaeche: rgba(251,113,133,.14);--fl-rot-rand: rgba(251,113,133,.32);--fl-grau: #A69F94;--fl-grau-text: #A69F94;--fl-grau-flaeche: rgba(166,159,148,.12);--fl-grau-rand: rgba(166,159,148,.28);--fl-schatten-karte: none;--fl-schatten-knopf: none}.ton-kitchen{--fl-accent:#2F6FAE;--fl-accent-hover:#24578A;--fl-focus:#2F6FAE}.ton-neutral{--fl-accent:#2B2926;--fl-accent-hover:#14130F;--fl-accent-soft:#F1EFEB;--fl-on-accent:#FFFFFF;--fl-focus:#2B2926;--fl-focus-ring:0 0 0 3px rgba(43,41,38,.28)}[data-theme=dark] .ton-neutral,[data-theme=dark].ton-neutral{--fl-accent:#F3F1EC;--fl-accent-hover:#FFFFFF;--fl-accent-soft:rgba(243,241,236,.12);--fl-on-accent:#14130F;--fl-focus:#F3F1EC;--fl-focus-ring:0 0 0 3px rgba(243,241,236,.28)}.ton-therapist{--fl-accent:#2F8F83;--fl-accent-hover:#236B62;--fl-accent-soft:#E7F2F0;--fl-focus:#2F8F83;--fl-focus-ring:0 0 0 3px rgba(47,143,131,.3)}.ton-meter{--fl-accent:#A5622A;--fl-accent-hover:#844B1E;--fl-accent-soft:#F6ECE2;--fl-focus:#A5622A;--fl-focus-ring:0 0 0 3px rgba(165,98,42,.3)}.ton-portfolio{--fl-accent:#B4701F;--fl-accent-hover:#8E570F;--fl-accent-soft:#FBF1DC;--fl-focus:#B4701F;--fl-focus-ring:0 0 0 3px rgba(180,112,31,.3)}.ton-sprachen{--fl-accent:#5E4BA6;--fl-accent-hover:#493A85;--fl-accent-soft:#EEEBF7;--fl-focus:#5E4BA6;--fl-focus-ring:0 0 0 3px rgba(94,75,166,.3);--fl-mitlesen:#C0392B}[data-theme=dark] .ton-portfolio,[data-theme=dark].ton-portfolio{--fl-accent:#F0A04B;--fl-accent-hover:#F5B877;--fl-on-accent:#1A1206}[data-theme=dark] .ton-therapist,[data-theme=dark].ton-therapist{--fl-accent:#5CBFB1;--fl-accent-hover:#8AD6CB;--fl-on-accent:#08211E}[data-theme=dark] .ton-meter,[data-theme=dark].ton-meter{--fl-accent:#D99A5E;--fl-accent-hover:#E8B98A;--fl-on-accent:#1C1206}[data-theme=dark] .ton-sprachen,[data-theme=dark].ton-sprachen{--fl-accent:#A895E6;--fl-accent-hover:#C3B6F0;--fl-on-accent:#15102A;--fl-accent-soft:rgba(168,149,230,.14);--fl-focus:#C3B6F0;--fl-mitlesen:#FF8A7A}@media(prefers-color-scheme:dark){:root.ton-sprachen:not([data-theme=light]){--fl-accent:#A895E6;--fl-accent-hover:#C3B6F0;--fl-on-accent:#15102A;--fl-accent-soft:rgba(168,149,230,.14);--fl-focus:#C3B6F0;--fl-mitlesen:#FF8A7A}}.ton-sprachen{--fl-linie-a1:#E3000F;--fl-linie-a2:#A862A4;--fl-linie-b1:#EF7C00;--fl-linie-b2:#009540;--fl-linie-c1:#9D6830;--fl-linie-c2:#008F95;--fl-on-linie:#FFFFFF;--fl-figur-haut-1:#F6D3B3;--fl-figur-haut-2:#E3B48A;--fl-figur-haut-3:#BF835A;--fl-figur-haut-4:#7E4E30;--fl-figur-haar-1:#E6C368;--fl-figur-haar-2:#8B5A2B;--fl-figur-haar-3:#35261D;--fl-figur-haar-4:#B4472C;--fl-figur-haar-5:#A7A29B;--fl-figur-kleid-1:#5E4BA6;--fl-figur-kleid-2:#2F7FC1;--fl-figur-kleid-3:#D2574B;--fl-figur-kleid-4:#3C9A6B;--fl-figur-kleid-5:#E3A23B;--fl-figur-kleid-6:#4B5563;--fl-figur-umriss:#2A221D;--fl-figur-mund:#8E2E2E;--fl-figur-wange:#F0A08F;--fl-figur-weiss:#FFFFFF;--fl-maskott-fell:#E8793A;--fl-maskott-hell:#FFF3E3}.tone-hell{--fl-bg:#F7F6F3;--fl-surface:#FFFFFF;--fl-surface-raised:#FBFAF8;--fl-surface-sunken:#F1EFEB;--fl-border:#E6E3DD;--fl-border-strong:#D3CFC6;--fl-ink:#1C1B19;--fl-ink-muted:#6F6A63;--fl-ink-subtle:#8B857D;--fl-ink-inverse:#FFFFFF;--fl-schatten-karte:0 1px 3px rgba(28,27,25,.04);color:var(--fl-ink);background:var(--fl-bg)}.tone-dunkel{--fl-bg:#131211;--fl-surface:#1A1917;--fl-surface-raised:#211F1C;--fl-surface-sunken:#100F0E;--fl-border:#2E2B27;--fl-border-strong:#423E38;--fl-ink:#F3F1EC;--fl-ink-muted:#A69F94;--fl-ink-subtle:#7D766B;--fl-ink-inverse:#14130F;--fl-schatten-karte:none;color:var(--fl-ink);background:var(--fl-bg)}@layer base{*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--fl-bg);color:var(--fl-ink);font-family:var(--fl-font-sans);font-size:var(--fl-text-m);line-height:var(--fl-lh-m);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--fl-focus);outline-offset:2px;border-radius:2px}::selection{background:var(--fl-accent);color:var(--fl-on-accent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{position:fixed;inset:0}body{background:var(--fl-bg);color:var(--fl-ink);font-family:var(--fl-font-sans);font-size:var(--fl-text-m);line-height:var(--fl-lh-m);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100dvh}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea,.editor{font-size:var(--fl-text-l)}:focus-visible{outline:2px solid var(--fl-focus);outline-offset:2px}[hidden]{display:none!important}.kopf{display:flex;align-items:center;gap:var(--fl-space-2);min-height:var(--fl-space-14);padding:var(--fl-space-1) var(--fl-space-2);padding-top:max(var(--fl-space-1),env(safe-area-inset-top));background:var(--fl-surface-raised);border-bottom:1px solid var(--fl-border);position:relative;z-index:var(--fl-ebene-kopf)}.kopf-text{flex:1;min-width:0;line-height:1.2}.kopf-titel{font-weight:var(--fl-weight-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kopf-unter{font-size:var(--fl-text-xs);color:var(--fl-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knopf,.symbolknopf{min-height:var(--fl-tippziel);min-width:var(--fl-tippziel);border-radius:var(--fl-radius-m);border:1px solid var(--fl-border-strong);background:var(--fl-surface);cursor:pointer;font-weight:var(--fl-weight-semi);transition:background-color var(--fl-dauer) var(--fl-kurve),border-color var(--fl-dauer) var(--fl-kurve)}.knopf{padding:0 var(--fl-space-4)}.kopf .knopf{padding:0 var(--fl-space-3)}.knopf.primaer{background:var(--fl-accent);color:var(--fl-on-accent);border-color:var(--fl-accent);box-shadow:var(--fl-schatten-knopf)}.knopf.warnung{border-color:var(--fl-gelb);color:var(--fl-gelb-text);background:var(--fl-surface)}.knopf.gefahr{border-color:var(--fl-rot);color:var(--fl-rot-text)}.knopf:disabled,.symbolknopf:disabled{opacity:.5;cursor:default}.symbolknopf{display:inline-flex;align-items:center;justify-content:center;padding:0;border-color:transparent;background:transparent}.symbolknopf svg{width:22px;height:22px}.symbolknopf.rand{border-color:var(--fl-border-strong);background:var(--fl-surface)}.verweis{background:none;border:none;color:var(--fl-accent);min-height:var(--fl-tippziel);cursor:pointer;padding:0 var(--fl-space-1)}.breit{width:100%}.start{flex:1;overflow:auto;padding:var(--fl-space-6) var(--fl-space-4);max-width:640px;margin:0 auto;width:100%}.start h1{font-size:var(--fl-text-2xl);line-height:var(--fl-lh-2xl);letter-spacing:var(--fl-track-tight);margin:var(--fl-space-2) 0}.einleitung{color:var(--fl-ink-muted);font-size:var(--fl-text-l);margin:0 0 var(--fl-space-6)}.ablage{display:flex;flex-direction:column;align-items:center;gap:var(--fl-space-2);padding:var(--fl-space-8) var(--fl-space-4);border:2px dashed var(--fl-border-strong);border-radius:var(--fl-radius-xl);background:var(--fl-surface);cursor:pointer;text-align:center}.ablage-symbol{width:64px;height:64px;border-radius:var(--fl-radius-xl);background:var(--fl-accent-soft)}.ablage-titel{font-size:var(--fl-text-xl);font-weight:var(--fl-weight-semi);color:var(--fl-accent)}.zusagen{list-style:none;padding:0;margin:var(--fl-space-6) 0;display:flex;flex-wrap:wrap;gap:var(--fl-space-2)}.hilfe{color:var(--fl-ink-muted);font-size:var(--fl-text-s)}.klein{font-size:var(--fl-text-xs)}.abzeichen{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 12px 2px 10px;border-radius:var(--fl-radius-voll);font-size:var(--fl-text-xs);font-weight:var(--fl-weight-medium);border:1px solid}.abzeichen .punkt{width:8px;height:8px;border-radius:var(--fl-radius-voll);flex:none}.abzeichen.gruen{background:var(--fl-gruen-flaeche);border-color:var(--fl-gruen-rand);color:var(--fl-gruen-text)}.abzeichen.gruen .punkt{background:var(--fl-gruen)}.abzeichen.gelb{background:var(--fl-gelb-flaeche);border-color:var(--fl-gelb-rand);color:var(--fl-gelb-text)}.abzeichen.gelb .punkt{background:var(--fl-gelb)}.abzeichen.rot{background:var(--fl-rot-flaeche);border-color:var(--fl-rot-rand);color:var(--fl-rot-text)}.abzeichen.rot .punkt{background:var(--fl-rot)}.abzeichen.grau{background:var(--fl-grau-flaeche);border-color:var(--fl-grau-rand);color:var(--fl-grau-text)}.abzeichen.grau .punkt{background:var(--fl-grau)}.bearbeiten{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.leiste-signatur{padding:var(--fl-space-2) var(--fl-space-4);background:var(--fl-gelb-flaeche);border-bottom:1px solid var(--fl-gelb-rand);color:var(--fl-gelb-text);font-size:var(--fl-text-s);display:flex;gap:var(--fl-space-2);align-items:center;flex-wrap:wrap}.leiste-signatur.grau{background:var(--fl-grau-flaeche);border-color:var(--fl-grau-rand);color:var(--fl-grau-text)}.seiten{flex:1;overflow:auto;background:var(--fl-surface-sunken);padding:var(--fl-space-3) 0 var(--fl-space-14);touch-action:pan-x pan-y}.seite{position:relative;margin:0 auto var(--fl-space-3);background:var(--fl-surface);box-shadow:var(--fl-schatten-karte)}.seite img{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;pointer-events:none}.seite-nr{position:absolute;left:var(--fl-space-2);bottom:var(--fl-space-2);font-family:var(--fl-font-mono);font-size:var(--fl-text-2xs);color:var(--fl-ink-muted);background:var(--fl-surface-raised);border-radius:var(--fl-radius-voll);padding:0 var(--fl-space-2)}.ebene{position:absolute;inset:0}.ebene.zeichnen{touch-action:none;cursor:crosshair}.markierung-rahmen{position:absolute;border:1.5px dashed var(--fl-accent);border-radius:4px;pointer-events:none}.markierung-rahmen.ziehbar{pointer-events:auto;touch-action:none;background:var(--fl-accent-soft)}.treffer{position:absolute;background:var(--fl-accent-soft);outline:1px solid var(--fl-accent);pointer-events:none}.treffer.aktuell{outline-width:2px}.textwahl{position:absolute;background:var(--fl-accent-soft);pointer-events:none}.absatz{position:absolute;border:1px dashed var(--fl-accent);border-radius:3px}.absatz.gesperrt{border:1px dotted var(--fl-ink-subtle)}.vorschau{position:absolute;inset:0;pointer-events:none;overflow:visible}.werkzeuge{display:flex;gap:var(--fl-space-1);overflow-x:auto;padding:var(--fl-space-1) var(--fl-space-2);padding-bottom:max(var(--fl-space-1),env(safe-area-inset-bottom));background:var(--fl-surface-raised);border-top:1px solid var(--fl-border);scrollbar-width:none}.werkzeug{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:56px;border:none;border-radius:var(--fl-radius-m);background:transparent;font-size:var(--fl-text-2xs);font-weight:var(--fl-weight-medium);cursor:pointer;padding:var(--fl-space-1)}.werkzeug svg{width:22px;height:22px}.werkzeug[aria-pressed=true]{background:var(--fl-accent-soft);color:var(--fl-accent-hover)}.werkzeug:disabled{opacity:.5}.werkzeug-trenner{flex:none;width:1px;background:var(--fl-border);margin:var(--fl-space-2) 2px}.optionen{display:flex;gap:var(--fl-space-2);align-items:center;overflow-x:auto;padding:var(--fl-space-2) var(--fl-space-3);background:var(--fl-surface);border-top:1px solid var(--fl-border)}.optionen .hilfe{flex:none}.auswahl,.feld{min-height:var(--fl-tippziel);border-radius:var(--fl-radius-s);border:1px solid var(--fl-border-strong);background:var(--fl-surface);padding:0 var(--fl-space-3)}.feld{width:100%}textarea.feld{padding:var(--fl-space-2) var(--fl-space-3);min-height:120px;resize:vertical}.farbpunkt{width:32px;height:32px;border-radius:var(--fl-radius-voll);border:2px solid var(--fl-surface);box-shadow:0 0 0 1px var(--fl-border-strong);cursor:pointer;flex:none;padding:0}.farbpunkt[aria-pressed=true]{box-shadow:0 0 0 2px var(--fl-accent)}.pille{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--fl-space-14) + var(--fl-space-11) + var(--fl-space-4));display:flex;gap:var(--fl-space-1);align-items:center;background:var(--fl-surface);border:1px solid var(--fl-border);border-radius:var(--fl-radius-l);box-shadow:var(--fl-schatten-schwebend);padding:var(--fl-space-1);max-width:calc(100% - 2 * var(--fl-space-3));overflow-x:auto;z-index:var(--fl-ebene-kopf)}.pille .text{padding:0 var(--fl-space-2);font-size:var(--fl-text-s);white-space:nowrap}.blatt{border:none;padding:0;margin:auto 0 0;width:100%;max-width:720px;margin-inline:auto;max-height:88dvh;border-radius:var(--fl-radius-xl) var(--fl-radius-xl) 0 0;background:var(--fl-surface);color:var(--fl-ink);box-shadow:var(--fl-schatten-blatt)}.blatt::backdrop{background:color-mix(in srgb,var(--fl-ink) 35%,transparent)}.blatt-griff{width:40px;height:4px;border-radius:var(--fl-radius-voll);background:var(--fl-border-strong);margin:var(--fl-space-2) auto}#blatt-inhalt{padding:0 var(--fl-space-4) max(var(--fl-space-4),env(safe-area-inset-bottom));overflow:auto;max-height:calc(88dvh - 20px)}.blatt h2{font-size:var(--fl-text-xl);line-height:var(--fl-lh-xl);margin:var(--fl-space-1) 0 var(--fl-space-3)}.zeile{display:flex;gap:var(--fl-space-2);align-items:center;flex-wrap:wrap;margin:var(--fl-space-2) 0}.zeile.ende{justify-content:flex-end}.liste{list-style:none;margin:0;padding:0}.liste li{border-bottom:1px solid var(--fl-border)}.liste button.eintrag{width:100%;text-align:left;background:none;border:none;min-height:var(--fl-tippziel);padding:var(--fl-space-2) 0;cursor:pointer}.versal{font-family:var(--fl-font-mono);font-size:var(--fl-text-2xs);letter-spacing:var(--fl-track-label);text-transform:uppercase;color:var(--fl-ink-muted)}.kasten{border-radius:var(--fl-radius-l);padding:var(--fl-space-3);border:1px solid;margin:var(--fl-space-2) 0;font-size:var(--fl-text-s)}.kasten.gelb{background:var(--fl-gelb-flaeche);border-color:var(--fl-gelb-rand);color:var(--fl-gelb-text)}.kasten.grau{background:var(--fl-grau-flaeche);border-color:var(--fl-grau-rand);color:var(--fl-grau-text)}.kasten.blau{background:var(--fl-accent-soft);border-color:transparent;color:var(--fl-ink)}.feldname{font-weight:var(--fl-weight-medium);font-size:var(--fl-text-s);margin-top:var(--fl-space-3);display:block}.schalter{display:flex;align-items:center;gap:var(--fl-space-3);min-height:var(--fl-tippziel)}.schalter input{width:22px;height:22px}.miniaturen{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--fl-space-3);margin:var(--fl-space-3) 0}.miniatur{border:2px solid transparent;border-radius:var(--fl-radius-s);background:var(--fl-surface-sunken);padding:var(--fl-space-1);cursor:pointer;text-align:center;font-family:var(--fl-font-mono);font-size:var(--fl-text-2xs)}.miniatur img{width:100%;display:block;background:var(--fl-surface)}.miniatur[aria-pressed=true]{border-color:var(--fl-accent)}.editor{min-height:160px;max-height:40dvh;overflow:auto;border:1px solid var(--fl-border-strong);border-radius:var(--fl-radius-s);padding:var(--fl-space-3);background:var(--fl-surface);color:var(--fl-ink)}.editor:focus{outline:2px solid var(--fl-focus)}.fkuknopf{width:var(--fl-tippziel)}.zeichenflaeche{width:100%;height:200px;border:1px dashed var(--fl-border-strong);border-radius:var(--fl-radius-m);background:var(--fl-surface);touch-action:none;display:block}.meldung{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--fl-space-14) + var(--fl-space-11) + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--fl-space-4));background:var(--fl-ink);color:var(--fl-ink-inverse);padding:var(--fl-space-2) var(--fl-space-4);border-radius:var(--fl-radius-m);font-size:var(--fl-text-s);z-index:var(--fl-ebene-hinweis);box-shadow:var(--fl-schatten-schwebend)}.pruefpunkt{display:flex;gap:var(--fl-space-3);align-items:flex-start;padding:var(--fl-space-2) 0;border-bottom:1px solid var(--fl-border)}.pruefpunkt .abzeichen{flex:none}