.askki-app{--askki-orange:#ea6f2e;--askki-ink:#2e3033;--askki-slate:#55585c;--askki-paper:#fff;--askki-soft:#f4f1ed;--askki-line:#ddd8d2;--askki-teal:#6597a6;max-width:1120px;margin:2rem auto;padding:0 1rem;color:var(--askki-ink);font-family:inherit;line-height:1.5}.askki-app *{box-sizing:border-box}.askki-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--askki-ink);color:#fff;padding:clamp(1.5rem,4vw,3rem);border-radius:1rem;overflow:hidden}.askki-hero-copy{max-width:42rem}.askki-kicker,.askki-step,.askki-result-label{margin:0 0 .6rem;color:var(--askki-orange);font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.askki-hero h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.04}.askki-lead{max-width:42rem;margin:1rem 0 0;color:rgba(255,255,255,.82);font-size:1.1rem}.askki-hero-image{flex:0 0 220px;align-self:stretch;display:flex;align-items:center;justify-content:center}.askki-hero-image img{display:block;max-width:220px;max-height:220px;width:auto;height:auto;object-fit:contain}.askki-privacy-note{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0;padding:.9rem 1rem;background:#eef5f4;border-left:4px solid var(--askki-teal);border-radius:.4rem;color:#344d53}.askki-lock{color:var(--askki-orange);font-size:.8rem;margin-top:.25rem}.askki-mode-switch{display:flex;gap:.35rem;margin:1.5rem 0 0;border-bottom:1px solid var(--askki-line)}.askki-app .askki-mode{appearance:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;padding:.8rem 1rem!important;color:var(--askki-slate)!important;font-family:inherit!important;font-weight:700!important;box-shadow:none!important}.askki-app .askki-mode:hover{background:#fff8f3!important;color:var(--askki-ink)!important}.askki-app .askki-mode.is-active{border-bottom-color:var(--askki-orange)!important;background:transparent!important;color:var(--askki-ink)!important}.askki-panel{margin-top:1.5rem;padding:clamp(1rem,3vw,2rem);background:var(--askki-paper);border:1px solid var(--askki-line);border-radius:.8rem;box-shadow:0 8px 30px rgba(46,48,51,.06)}.askki-panel-intro h2{margin:.2rem 0 .5rem;font-size:clamp(1.35rem,3vw,2rem)}.askki-panel-intro p{max-width:68ch;margin:0 0 1.5rem;color:var(--askki-slate)}fieldset{border:0;padding:0;margin:0 0 1.4rem}legend{margin-bottom:.65rem;font-weight:700}.askki-options{display:grid;gap:.55rem}.askki-options label{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem .85rem;border:1px solid var(--askki-line);border-radius:.45rem;cursor:pointer}.askki-options label:hover,.askki-options label:has(input:checked){border-color:var(--askki-orange);background:#fff8f3}.askki-options input{accent-color:var(--askki-orange);margin-top:.25rem}.askki-button{border:0;border-radius:.4rem;padding:.75rem 1rem;font-family:inherit;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.askki-button:hover{transform:translateY(-1px)}.askki-button-primary{background:var(--askki-orange);color:#fff}.askki-button-primary:hover{background:#c95b23}.askki-button-secondary{background:#eef2f1;color:#344d53}.askki-button-secondary:hover{background:#dce9e7}.askki-result{margin-top:1.5rem}.askki-result>div{padding:1.1rem 1.2rem;border-left:5px solid var(--askki-teal);background:#eef5f4;border-radius:.4rem}.askki-result-yes{border-color:var(--askki-orange)!important;background:#fff4ed!important}.askki-result-no{border-color:#6f8b79!important;background:#f0f6f1!important}.askki-result-review{border-color:#b18b49!important;background:#fff9ec!important}.askki-result strong{display:block;margin:.2rem 0 .35rem;font-size:1.2rem}.askki-result p{margin:0 0 1rem}.askki-dropzone{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:2.5rem 1rem;border:2px dashed var(--askki-line);border-radius:.7rem;background:var(--askki-soft);text-align:center;cursor:pointer}.askki-dropzone.is-over{border-color:var(--askki-orange);background:#fff4ed}.askki-dropzone small{color:var(--askki-slate)}.askki-upload-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--askki-orange);color:#fff;font-size:2rem;line-height:1}.askki-workspace{margin-top:1.5rem}.askki-thumbs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.askki-thumb{position:relative;width:4.5rem;height:4.5rem;padding:0;border:2px solid transparent;border-radius:.45rem;overflow:hidden;background:#fff;cursor:pointer}.askki-thumb.is-active{border-color:var(--askki-orange)}.askki-thumb img{display:block;width:100%;height:100%;object-fit:cover}.askki-thumb span{position:absolute;bottom:0;right:0;padding:.1rem .35rem;background:rgba(0,0,0,.7);color:#fff;font-size:.72rem}.askki-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.3rem}.askki-preview-wrap{min-width:0}.askki-preview-canvas-wrap{min-height:360px;display:flex;align-items:center;justify-content:center;padding:1rem;background:#ece9e5;border-radius:.5rem;overflow:hidden}.askki-preview-canvas-wrap canvas{display:block;max-width:100%;box-shadow:0 4px 16px rgba(0,0,0,.14);cursor:grab}.askki-preview-canvas-wrap canvas.is-dragging{cursor:grabbing}.askki-editor-help,.askki-metadata-note{margin:.65rem 0 0;color:var(--askki-slate);font-size:.86rem}.askki-controls{display:flex;flex-direction:column;gap:.2rem}.askki-controls fieldset{padding:1rem;border:1px solid var(--askki-line);border-radius:.5rem}.askki-options-compact label{padding:.55rem}.askki-controls input[type=text]{width:100%;margin-top:.7rem;padding:.65rem;border:1px solid var(--askki-line);border-radius:.35rem;font-family:inherit}.askki-segments{display:flex;gap:.3rem;margin-bottom:.65rem}.askki-app .askki-segments>button{appearance:none!important;flex:1!important;padding:.55rem .4rem!important;border:1px solid var(--askki-line)!important;border-radius:.35rem!important;background:#fff!important;color:var(--askki-ink)!important;font-family:inherit!important;font-weight:500!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important;text-shadow:none!important}.askki-app .askki-segments>button:hover{background:#fff8f3!important;color:var(--askki-ink)!important;border-color:var(--askki-orange)!important}.askki-app .askki-segments>button.is-active{border-color:var(--askki-orange)!important;background:#fff4ed!important;color:var(--askki-ink)!important;font-weight:700!important}.askki-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.8rem}.askki-app .askki-position-grid>button{position:relative!important;height:2.35rem!important;border:1px solid var(--askki-line)!important;border-radius:.35rem!important;background:#f8f7f5!important;color:var(--askki-slate)!important;cursor:pointer!important;box-shadow:none!important}.askki-app .askki-position-grid>button span{position:absolute!important;display:block!important;width:1.1rem!important;height:.28rem!important;margin:0!important;border-radius:1rem!important;background:#b6b2ae!important;transform:none!important}.askki-position-grid>button[data-pos="0"] span{left:.35rem;top:.35rem}.askki-position-grid>button[data-pos="1"] span{left:50%;top:.35rem;transform:translateX(-50%)!important}.askki-position-grid>button[data-pos="2"] span{right:.35rem;top:.35rem}.askki-position-grid>button[data-pos="3"] span{left:.35rem;top:50%;transform:translateY(-50%)!important}.askki-position-grid>button[data-pos="4"] span{left:50%;top:50%;transform:translate(-50%,-50%)!important}.askki-position-grid>button[data-pos="5"] span{right:.35rem;top:50%;transform:translateY(-50%)!important}.askki-position-grid>button[data-pos="6"] span{left:.35rem;bottom:.35rem}.askki-position-grid>button[data-pos="7"] span{left:50%;bottom:.35rem;transform:translateX(-50%)!important}.askki-position-grid>button[data-pos="8"] span{right:.35rem;bottom:.35rem}.askki-app .askki-position-grid>button:hover{background:#fff8f3!important;border-color:var(--askki-orange)!important}.askki-app .askki-position-grid>button.is-active{border-color:var(--askki-orange)!important;background:#fff4ed!important}.askki-app .askki-position-grid>button.is-active span{background:var(--askki-orange)!important}.askki-checkline{display:flex;gap:.55rem;align-items:flex-start;margin:.65rem 0;color:var(--askki-slate);font-size:.9rem}.askki-checkline input{accent-color:var(--askki-orange);margin-top:.28rem}.askki-actions{display:grid;gap:.55rem;margin-top:auto}.askki-app .askki-actions>button{width:100%!important;appearance:none!important;font-family:inherit!important;line-height:1.25!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;text-shadow:none!important}.askki-app .askki-actions>.askki-button-primary{background:var(--askki-orange)!important;color:#fff!important;border:1px solid var(--askki-orange)!important}.askki-app .askki-actions>.askki-button-primary:hover{background:#c95b23!important;border-color:#c95b23!important}.askki-app .askki-actions>.askki-button-secondary{background:#eef2f1!important;color:#344d53!important;border:1px solid #d8e1df!important}.askki-app .askki-actions>.askki-button-secondary:hover{background:#dce9e7!important;border-color:#6597a6!important}.askki-app .askki-actions>.askki-link-button{display:block!important;padding:.68rem 1rem!important;border:1px solid var(--askki-line)!important;border-radius:.4rem!important;background:#fff!important;color:var(--askki-slate)!important;font-family:inherit!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important}.askki-app .askki-actions>.askki-link-button:hover{background:#f8f7f5!important;border-color:var(--askki-orange)!important;color:var(--askki-ink)!important}.askki-footer-note{margin:1.5rem 0 0;padding:1rem 0;border-top:1px solid var(--askki-line);color:var(--askki-slate);font-size:.88rem}.askki-app button:focus-visible,.askki-app input:focus-visible,.askki-app .askki-dropzone:focus-visible{outline:3px solid rgba(234,111,46,.45);outline-offset:2px}@media(max-width:800px){.askki-hero{align-items:flex-start}.askki-hero-image{flex-basis:130px}.askki-hero-image img{max-width:130px;max-height:170px}.askki-editor-grid{grid-template-columns:1fr}.askki-preview-canvas-wrap{min-height:280px}}@media(max-width:520px){.askki-app{padding:0 .5rem}.askki-hero{display:block}.askki-hero-image{display:none}.askki-mode{flex:1;padding:.75rem .4rem;font-size:.9rem}.askki-panel{padding:1rem}.askki-preview-canvas-wrap{min-height:220px}.askki-button{width:100%}}@media(prefers-reduced-motion:reduce){.askki-button{transition:none}.askki-button:hover{transform:none}}
.askki-question-help{margin:.55rem 0 0;color:var(--askki-slate);font-size:.86rem;line-height:1.45}.askki-copy-status{display:block;min-height:1.3em;color:#344d53;font-size:.86rem;text-align:center}.askki-app .askki-options-compact label{align-items:center}.askki-app [data-mark-option][hidden]{display:none!important}.askki-ref{display:block;margin:.2rem 0 1rem;color:var(--askki-slate);font-size:.9rem}.askki-ref span{display:block;margin-bottom:.35rem;font-weight:600;color:var(--askki-ink)}.askki-app input.askki-ref-input{width:100%!important;padding:.6rem!important;border:1px solid var(--askki-line)!important;border-radius:.35rem!important;background:#fff!important;color:var(--askki-ink)!important;font-family:inherit!important;box-shadow:none!important}
/* 0.3.0: geteilte Kontextleiste zur Verknuepfung beider Modi */
.askki-context{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 0}
.askki-context:empty{display:none}
.askki-app .askki-context-facet{display:flex;align-items:center;gap:.55rem;flex:1 1 240px;min-width:0;padding:.6rem .85rem!important;border:1px solid var(--askki-line)!important;border-radius:.55rem!important;background:#fff!important;color:var(--askki-ink)!important;font-family:inherit!important;cursor:pointer!important;box-shadow:none!important;text-align:left!important}
.askki-app .askki-context-facet:hover{border-color:var(--askki-orange)!important;background:#fff8f3!important}
.askki-context-key{flex:0 0 auto;color:var(--askki-slate);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.askki-context-thumb{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:.3rem;overflow:hidden;background:#ece9e5}
.askki-context-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.askki-context-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.askki-app .askki-context-facet.is-empty .askki-context-val{color:var(--askki-slate);font-weight:500}
.askki-app .askki-context-yes{border-color:var(--askki-orange)!important;background:#fff4ed!important}
.askki-app .askki-context-no{border-color:#6f8b79!important;background:#f0f6f1!important}
.askki-app .askki-context-review{border-color:#b18b49!important;background:#fff9ec!important}

/* 0.3.0: bessere Lesbarkeit - relative em-Groessen skalieren mit der Theme-Grundschrift */
.askki-app .askki-question-help{font-size:.88em!important;line-height:1.5!important;color:#3f4347!important}
.askki-app .askki-editor-help,.askki-app .askki-metadata-note{font-size:.88em!important;line-height:1.5!important;color:#3f4347!important}
.askki-app .askki-copy-status{font-size:.88em!important;color:#2f6b4f!important}
.askki-app .askki-ref{font-size:1em!important}
.askki-app .askki-ref span{font-size:.95em!important}
.askki-app .askki-footer-note{font-size:.9em!important;line-height:1.6!important;color:#3f4347!important}
.askki-app .askki-footer-note a{color:var(--askki-orange)!important;font-weight:700!important;text-decoration:underline!important}
.askki-app .askki-footer-note a:hover{color:#c95b23!important}
.askki-app .askki-context-key{font-size:.72em}
.askki-app .askki-context-val{font-size:.95em}

/* 0.3.0: sichtbarer Begleittext mit Zweck */
.askki-caption{margin:1rem 0 0;padding:.9rem 1rem;border:1px solid var(--askki-line);border-radius:.55rem;background:var(--askki-soft)}
.askki-caption-key{display:block;color:var(--askki-slate);font-size:.78em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem}
.askki-caption-text{margin:0 0 .75rem;padding:.6rem .75rem;background:#fff;border:1px solid var(--askki-line);border-radius:.4rem;color:var(--askki-ink);font-size:1em;line-height:1.5}
.askki-caption-text:empty::before{content:"Bitte zuerst ein Bild laden.";color:var(--askki-slate)}
.askki-caption-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.askki-app .askki-caption .askki-button{appearance:none!important;width:auto!important;flex:0 0 auto!important;padding:.6rem 1rem!important;border:1px solid #d8e1df!important;border-radius:.4rem!important;background:#eef2f1!important;color:#344d53!important;font-family:inherit!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important;text-shadow:none!important}
.askki-app .askki-caption .askki-button:hover{background:#dce9e7!important;border-color:#6597a6!important}
.askki-app .askki-caption .askki-copy-status{text-align:left;min-height:0}

/* 1.0: Eine zentrale, theme-resistente Typografie fuer alle Bedienelemente.
   font-size steht bewusst OHNE !important, damit sie per eigenem CSS
   (gleiche oder hoehere Spezifitaet) ueberschrieben werden kann. Die Regel ist
   spezifisch genug (.askki-app ...), um normale Theme-Buttonregeln auch ohne
   !important zu schlagen. Grossbuchstaben und Laufweite werden mit !important
   neutralisiert, weil manche Themes text-transform/letter-spacing erzwingen.
   Die Schriftfamilie wird weiter vom Theme geerbt (font-family:inherit). */
.askki-app .askki-button,
.askki-app .askki-mode,
.askki-app .askki-segments>button,
.askki-app .askki-actions>button,
.askki-app .askki-caption .askki-button,
.askki-app input.askki-ref-input,
.askki-app .askki-controls input[type=text]{
  font-size:1rem;
  line-height:1.2!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}