/* 0.13.45 — reading annotation colours (static/annotations255.js). Only these token NAMES
   are stored; the colours live here, one set per theme, chosen to keep text readable:
   backgrounds are translucent over the paper, text colours are dark on light paper and
   light on dark paper. */
:root{--ann-bg-gold:#e4c78566;--ann-bg-green:#6fcf8a4d;--ann-bg-blue:#6fa3f24f;--ann-bg-pink:#f07ab44d;--ann-bg-violet:#a982f04f;
  --ann-bg-orange:#f59e4a4d;--ann-bg-red:#ef6b6b4d;--ann-bg-teal:#3cc8c04d;--ann-bg-grey:#a0a0a04d;
  --ann-fg-orange:#ffb070;--ann-fg-pink:#ff9fcf;--ann-fg-teal:#6fe0d6;--ann-fg-grey:#c9c9c9;
  --ann-fg-gold:#f2d27e;--ann-fg-red:#ff938a;--ann-fg-green:#8fe0a2;--ann-fg-blue:#93bcff;--ann-fg-violet:#cbabff}
:root[data-theme=light]{--ann-bg-gold:#e0b4306b;--ann-bg-green:#46aa5a47;--ann-bg-blue:#3c78dc40;--ann-bg-pink:#dc508c3d;--ann-bg-violet:#8250dc3d;
  --ann-bg-orange:#f0882a40;--ann-bg-red:#dc3c3c3a;--ann-bg-teal:#1ea0963d;--ann-bg-grey:#78787838;
  --ann-fg-orange:#b85a00;--ann-fg-pink:#b0306e;--ann-fg-teal:#0f7a72;--ann-fg-grey:#555555;
  --ann-fg-gold:#8a5d00;--ann-fg-red:#b0261b;--ann-fg-green:#1d7a35;--ann-fg-blue:#1f56b8;--ann-fg-violet:#6a35b8}
::highlight(ann255-bg-gold){background-color:var(--ann-bg-gold)}
::highlight(ann255-bg-green){background-color:var(--ann-bg-green)}
::highlight(ann255-bg-blue){background-color:var(--ann-bg-blue)}
::highlight(ann255-bg-pink){background-color:var(--ann-bg-pink)}
::highlight(ann255-bg-violet){background-color:var(--ann-bg-violet)}
::highlight(ann255-fg-gold){color:var(--ann-fg-gold)}
::highlight(ann255-fg-red){color:var(--ann-fg-red)}
::highlight(ann255-fg-green){color:var(--ann-fg-green)}
::highlight(ann255-fg-blue){color:var(--ann-fg-blue)}
::highlight(ann255-fg-violet){color:var(--ann-fg-violet)}
/* the palette inside the selection toolbar */
.ann255-palette{display:flex;flex-direction:column;gap:6px;padding:6px 4px 2px;flex:1 1 100%;width:100%;box-sizing:border-box}
#selectionTools:has(.ann255-palette){flex-wrap:wrap!important}
.ann255-row{display:flex;align-items:center;gap:6px}
.ann255-caption{font-size:12px;min-width:3.4em;opacity:.85}
.ann255-swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);padding:0;cursor:pointer;font-size:14px;line-height:1;color:var(--text);background:transparent}
.ann255-swatch[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}
[data-ann255-bg=gold]{background:var(--ann-bg-gold)}[data-ann255-bg=green]{background:var(--ann-bg-green)}[data-ann255-bg=blue]{background:var(--ann-bg-blue)}
[data-ann255-bg=pink]{background:var(--ann-bg-pink)}[data-ann255-bg=violet]{background:var(--ann-bg-violet)}
[data-ann255-fg=gold]{background:var(--ann-fg-gold)}[data-ann255-fg=red]{background:var(--ann-fg-red)}[data-ann255-fg=green]{background:var(--ann-fg-green)}
[data-ann255-fg=blue]{background:var(--ann-fg-blue)}[data-ann255-fg=violet]{background:var(--ann-fg-violet)}
.ann255-clear{align-self:flex-start;min-height:32px}
.ann255-sample{padding:1px 3px;border-radius:3px}
.ann255-bg-gold{background:var(--ann-bg-gold)}.ann255-bg-green{background:var(--ann-bg-green)}.ann255-bg-blue{background:var(--ann-bg-blue)}
.ann255-bg-pink{background:var(--ann-bg-pink)}.ann255-bg-violet{background:var(--ann-bg-violet)}
.ann255-fg-gold{color:var(--ann-fg-gold)}.ann255-fg-red{color:var(--ann-fg-red)}.ann255-fg-green{color:var(--ann-fg-green)}
.ann255-fg-blue{color:var(--ann-fg-blue)}.ann255-fg-violet{color:var(--ann-fg-violet)}
@media (pointer:coarse){.ann255-swatch{width:38px;height:38px}.ann255-clear{min-height:40px}}
@media (max-width:700px){#selectionTools .ann255-palette{order:-1;flex:0 0 100%}.ann255-row{flex-wrap:wrap}}
/* 0.13.45 — image text coverage (static/image_text255.js): one quiet line under the figure */
/* 0.14.2 (owner): centred under the picture, like the label controls below it, in every language */
.itc255{margin:4px 0 2px;text-align:center}
.itc255-open{font:inherit;font-size:12.5px;padding:3px 10px;border-radius:999px;border:1px dashed var(--gold2,var(--gold));background:transparent;color:var(--gold);cursor:pointer}
.itc255-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.itc255-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.itc255-text{font-family:inherit;direction:ltr;unicode-bidi:isolate}
.itc255-type{opacity:.75}
.itc255-kept{opacity:.8}
@media (pointer:coarse){.itc255-row input{width:22px;height:22px}.itc255-open{min-height:36px}}
/* 0.13.49 — the missed writing of a text-heavy picture being translated by itself. */
.itc255-auto{display:flex;align-items:center;gap:8px;font-size:12.5px;opacity:.85}.itc255-auto .busy{width:13px;height:13px}
/* 0.13.49 — the palette must not WIDEN the toolbar (owner: «بدون دلیل بیش از حد بزرگ میشه»). A
   wrapping flex row sizes itself as if every item sat on one line, so the full-width palette row
   added its whole width to the buttons'. `contain:inline-size` gives the palette no width of its
   own: the toolbar keeps the width of its buttons and the palette fills that. */
#selectionTools .ann255-palette{contain:inline-size}
#selectionTools .ann255-row{flex-wrap:wrap}
/* 0.13.51 — «فهرست مخفف‌ها» on the account page (abbreviations258.js). */
#abbreviations258 .abbr258-rows{max-height:60vh;overflow:auto}
#abbreviations258 .abbr258-row.is-removed b{text-decoration:line-through;opacity:.7}
#abbreviations258 [data-abbr-tools] input,#abbreviations258 [data-abbr-add] input{min-width:0;flex:1 1 12rem}
/* 0.14.1 (owner) — the wider palette */
::highlight(ann255-bg-orange){background-color:var(--ann-bg-orange)}[data-ann255-bg=orange]{background:var(--ann-bg-orange)}.ann255-bg-orange{background:var(--ann-bg-orange)}
::highlight(ann255-bg-red){background-color:var(--ann-bg-red)}[data-ann255-bg=red]{background:var(--ann-bg-red)}.ann255-bg-red{background:var(--ann-bg-red)}
::highlight(ann255-bg-teal){background-color:var(--ann-bg-teal)}[data-ann255-bg=teal]{background:var(--ann-bg-teal)}.ann255-bg-teal{background:var(--ann-bg-teal)}
::highlight(ann255-bg-grey){background-color:var(--ann-bg-grey)}[data-ann255-bg=grey]{background:var(--ann-bg-grey)}.ann255-bg-grey{background:var(--ann-bg-grey)}
::highlight(ann255-fg-orange){color:var(--ann-fg-orange)}[data-ann255-fg=orange]{background:var(--ann-fg-orange)}.ann255-fg-orange{color:var(--ann-fg-orange)}
::highlight(ann255-fg-pink){color:var(--ann-fg-pink)}[data-ann255-fg=pink]{background:var(--ann-fg-pink)}.ann255-fg-pink{color:var(--ann-fg-pink)}
::highlight(ann255-fg-teal){color:var(--ann-fg-teal)}[data-ann255-fg=teal]{background:var(--ann-fg-teal)}.ann255-fg-teal{color:var(--ann-fg-teal)}
::highlight(ann255-fg-grey){color:var(--ann-fg-grey)}[data-ann255-fg=grey]{background:var(--ann-fg-grey)}.ann255-fg-grey{color:var(--ann-fg-grey)}
/* the clear-formatting icon sits with the swatches */
.ann255-swatch.ann255-clear{display:inline-flex;align-items:center;justify-content:center;min-height:0;margin-inline-start:4px}
/* the colour section scales with the toolbar (windows.js sets --tools-zoom with the strip's zoom) */
#selectionTools .ann255-palette{zoom:var(--tools-zoom,1)}
/* an open palette makes the window grow to hold it (the rows fell outside a window kept at its
   remembered height, over the page) */
#selectionTools:has(.ann255-palette){height:auto!important;max-height:calc(100vh - 16px)!important;overflow:auto}