/* KB_WRITING: grammar checker, paraphraser, summarizer, text compare, font generator, lorem ipsum */
.wr [hidden]{display:none!important}
.wr{--gc-sp:#dc2626;--gc-gr:#d97706;--gc-st:#2563eb;--gc-ai:#7c3aed}
.wr .wr-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:0 0 10px}
.wr .wr-bar>*{min-width:0}
.wr .wr-sel{margin:0}.wr .wr-sel select{min-height:44px;width:auto;max-width:100%}
.wr .wr-num{margin:0}.wr .wr-num input{width:6.5em;min-height:44px}
.wr .wr-lbl{display:block;font-size:.9rem;font-weight:600;color:#374151;margin:0 0 4px}
.wr .wr-detected{align-self:center}
.wr .wr-actions{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:12px 0 0}
.wr .wr-actions .link{margin:0;padding:10px 4px;min-height:44px}
.wr .wr-sp{flex:1 1 0}
.wr .btn[disabled]{opacity:.5;cursor:not-allowed}
.wr .wr-status{margin:.5rem 0 0;min-height:1.3em}
.wr .wr-status.err{color:var(--err)}.wr .wr-status.ok{color:var(--ok)}
.wr .wr-priv{margin:14px 0 0;line-height:1.5}
.wr .wr-chk{display:inline-flex!important;gap:8px;align-items:center;font-weight:500!important;margin:0!important;min-height:44px}
.wr .wr-chk input{width:20px;height:20px;margin:0}
.wr .wr-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.wr .wr-out{min-height:12rem;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-top:4px}
.wr .wr-out:focus-visible{outline:3px solid #a5b4fc}
.wr .wr-h{font-size:1.1rem;margin:16px 0 4px}
.wr .wr-res{margin-top:6px}
/* segmented choices (radio) */
.wr fieldset.wr-seg,.wr fieldset.wr-modes{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wr .wr-seg legend{float:left;width:100%;padding:0;margin:0 0 2px}
.wr .wr-seg label,.wr .wr-modes label{display:inline-flex;margin:0;position:relative}
.wr .wr-seg input,.wr .wr-modes input{position:absolute;opacity:0;width:1px;height:1px}
.wr .wr-seg span,.wr .wr-modes span{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:.92rem;cursor:pointer;color:var(--ink-2)}
.wr .wr-seg input:checked+span,.wr .wr-modes input:checked+span{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}
.wr .wr-seg input:focus-visible+span,.wr .wr-modes input:focus-visible+span{box-shadow:var(--focus)}
.wr .wr-modes{margin-bottom:12px!important}
/* ---- grammar checker: transparent textarea over a highlight layer ---- */
.wr .gc-box{position:relative;background:#fff;border-radius:12px}
.wr .gc-hl,.wr .gc-box textarea.gc-txt{font:inherit;font-size:1.02rem;line-height:1.7;padding:14px 16px;border:1px solid #d1d5db;border-radius:12px;margin:0;
  white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;letter-spacing:normal;tab-size:4;text-align:start;min-height:260px}
.wr .gc-hl{position:absolute;inset:0;color:transparent;overflow:hidden;pointer-events:none;border-color:transparent;z-index:0}
.wr .gc-box textarea.gc-txt{position:relative;z-index:1;background:transparent;resize:none;overflow:hidden;display:block;width:100%;caret-color:var(--ink)}
.wr .gc-hl mark{color:transparent;background:rgba(220,38,38,.10);border-radius:2px;text-decoration:underline wavy var(--gc-sp);text-decoration-skip-ink:none;text-underline-offset:4px;text-decoration-thickness:1.5px}
.wr .gc-hl mark.t-grammar{background:rgba(217,119,6,.12);text-decoration-color:var(--gc-gr)}
.wr .gc-hl mark.t-style{background:rgba(37,99,235,.09);text-decoration-color:var(--gc-st)}
.wr .gc-hl mark.s-ai{background:rgba(124,58,237,.10);text-decoration-color:var(--gc-ai)}
.wr .gc-hl mark.on{background:rgba(250,204,21,.45)}
.wr .gc-pop{position:absolute;z-index:5;width:min(340px,calc(100% - 16px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -12px rgba(15,23,42,.35);padding:12px 14px}
.wr .gc-pop .gc-type{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.wr .gc-pop p{margin:0 0 8px;font-size:.92rem;line-height:1.45;color:var(--ink-2)}
.wr .gc-fixes{display:flex;flex-wrap:wrap;gap:6px}
.wr .gc-fix{min-height:40px;padding:6px 12px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer;max-width:100%;overflow-wrap:anywhere;text-align:start}
.wr .gc-fix:hover{background:var(--brand-ink)}
.wr .gc-fix.del{background:#fee2e2;color:#991b1b}
.wr .gc-ign{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:.88rem;color:var(--muted);cursor:pointer}
.wr .gc-x{position:absolute;top:4px;inset-inline-end:4px;width:40px;height:40px;border:0;background:none;font-size:1.3rem;cursor:pointer;color:var(--muted);border-radius:8px}
.wr .c-spelling{color:var(--gc-sp)}.wr .c-grammar{color:#b45309}.wr .c-style{color:var(--gc-st)}.wr .c-ai{color:var(--gc-ai)}
.wr .gc-sum{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.wr .gc-chip{display:inline-flex;gap:6px;align-items:center;padding:4px 12px;border-radius:999px;font-size:.88rem;background:#f1f5f9;color:var(--ink-2)}
.wr .gc-chip::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.wr .gc-c-spelling{color:#b91c1c;background:#fef2f2}.wr .gc-c-grammar{color:#92400e;background:#fffbeb}.wr .gc-c-style{color:#1d4ed8;background:#eff6ff}
.wr .gc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.wr .gc-list:empty{display:none}
.wr .gc-item{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border:1px solid var(--line);border-inline-start:4px solid var(--gc-sp);border-radius:10px;padding:8px 10px;background:#fff}
.wr .gc-item.t-grammar{border-inline-start-color:var(--gc-gr)}.wr .gc-item.t-style{border-inline-start-color:var(--gc-st)}.wr .gc-item.s-ai{border-inline-start-color:var(--gc-ai)}
.wr .gc-go{flex:1 1 14rem;min-width:0;text-align:start;background:none;border:0;padding:4px 0;font:inherit;cursor:pointer;color:var(--ink)}
.wr .gc-go s{color:#991b1b;text-decoration-thickness:1.5px;overflow-wrap:anywhere}
.wr .gc-go b{color:var(--ok);overflow-wrap:anywhere}
.wr .gc-go small{display:block;color:var(--muted);font-size:.84rem;line-height:1.4}
/* KB_FIX3: several possible answers – one-tap choices in the list */
.wr .gc-opts{display:flex;flex-wrap:wrap;gap:6px}
.wr .gc-fix.gc-opt{background:#eef2ff;color:var(--brand-ink);border:1px solid #c7d2fe}
.wr .gc-fix.gc-opt:hover{background:var(--brand);color:#fff}
.wr .wr-opt{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:12px 0 0}
.wr .wr-opt label{display:inline-flex;gap:8px;align-items:center;margin:0;font-weight:600;min-height:44px}
.wr .wr-opt input{width:20px;height:20px;margin:0}
/* paraphraser off notice */
.wr .wr-off{border:1px solid #c7d2fe;background:var(--brand-soft);border-radius:14px;padding:14px 16px;margin-top:4px}
.wr .wr-off p{margin:0 0 10px}.wr .wr-off p:last-child{margin:0}
.wr .wr-note{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:#fff7e6;border:1px solid #f5d38a;color:#5c4400;line-height:1.5}
.wr .wr-note a{color:inherit}  /* KB_PPGEM */
.wr .wr-alt{display:flex;flex-wrap:wrap;gap:8px}.wr .wr-alt .btn{text-decoration:none}
/* summarizer */
.wr .wr-det{margin-top:10px}.wr .wr-det summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;color:var(--brand)}
.wr .wr-orig{white-space:pre-wrap;line-height:1.6;font-size:.95rem;color:var(--ink-2);max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.wr .wr-orig mark{background:#fef08a;color:inherit;border-radius:2px}
.wr .wr-out ul{margin:0;padding-inline-start:1.3rem;white-space:normal}.wr .wr-out li{margin:0 0 .35rem}
/* diff */
.wr .df-out{white-space:pre-wrap;font-size:.98rem;max-height:600px;overflow:auto;background:#fff}
.wr .df-out ins{background:#dcfce7;color:#14532d;text-decoration:none;border-radius:2px}
.wr .df-out del{background:#fee2e2;color:#7f1d1d;text-decoration:line-through;text-decoration-color:rgba(127,29,29,.55);border-radius:2px}
.wr .df-out.lines{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;white-space:normal;padding:0}
.wr .df-ln{display:grid;grid-template-columns:3.2em 3.2em 1.4em minmax(0,1fr);white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #f1f5f9}
.wr .df-ln span{padding:1px 6px}.wr .df-ln .n{color:#94a3b8;text-align:end;user-select:none;font-variant-numeric:tabular-nums}
.wr .df-ln.a{background:#f0fdf4}.wr .df-ln.d{background:#fef2f2}.wr .df-ln.a .m{color:#15803d}.wr .df-ln.d .m{color:#b91c1c}
.wr .df-stat{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 4px;font-weight:600}
.wr .df-add{color:#15803d}.wr .df-del{color:#b91c1c}
/* font generator */
.wr #fg-in{font-size:1.15rem;min-height:52px}
.wr .fg-list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.wr .fg-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:64px;text-align:start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.wr .fg-b:hover{border-color:var(--brand);background:var(--brand-soft)}
.wr .fg-b:focus-visible{outline:3px solid #a5b4fc}
.wr .fg-b small{color:var(--muted);font-size:.78rem;display:flex;justify-content:space-between;width:100%;gap:8px}
.wr .fg-b small i{font-style:normal;color:var(--brand);font-weight:600}
.wr .fg-b span{font-size:1.2rem;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.wr .fg-b.done{border-color:var(--ok);background:var(--ok-soft)}
/* lorem */
.wr #lo-out{min-height:16rem;line-height:1.6;background:#f8fafc}
@media (max-width:720px){
  .wr .wr-2col{grid-template-columns:minmax(0,1fr)}
  .wr .gc-hl,.wr .gc-box textarea.gc-txt{min-height:220px;padding:12px;font-size:1rem}
  .wr .wr-actions .btn{flex:1 1 auto}
  .wr .wr-sp{display:none}
  .wr .df-ln{grid-template-columns:2.4em 2.4em 1.2em minmax(0,1fr)}
}