/* ===== OWN COPY of the shared theme.css + tool.css rules this tool uses (rule 171, separation plan P3, 2026-10-25) =====
   Copied from theme  by devkit/sep.js (rules that match this box in every state + the class names its own scripts add),
   every selector scoped to :where(#th-tool[data-module="link-preview"] *). The shared files no longer reach inside this box (data-own).
   Change these rules only for THIS tool, in its own chat. ===== */
/* theme.css copy */
:root:where(#th-tool[data-module="link-preview"] *){
  --bg:#FAFAFC; --surface:#FFFFFF; --surface-2:#F2F3F8; --ink:#0B1020; --muted:#5B6275; --line:#E4E6EE;
  --brand:#4338CA; --brand-2:#4F46E5; --brand-ink:#3730A3; --brand-soft:#EEF0FF; --on-brand:#FFFFFF;
  --ai:#7C3AED; --ai-ink:#6D28D9; --ai-soft:#F4EFFF; --blue:#2563EB;
  --grad:linear-gradient(135deg,#2563EB 0%,#4F46E5 45%,#7C3AED 100%);
  --warn:#9A4A07; --ok:#1B6B3A;
  --shadow:0 1px 2px rgba(11,16,32,.04),0 4px 16px rgba(11,16,32,.05);
  --shadow-lg:0 2px 4px rgba(11,16,32,.04),0 24px 60px rgba(11,16,32,.10);
  --radius:16px; --radius-sm:10px;
  --font:'Geist','Geist Variable',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Instrument Serif',ui-serif,Georgia,serif;
  --mono:'Geist Mono','Geist Mono Variable',ui-monospace,SFMono-Regular,Menlo,monospace;
  --dot:rgba(11,16,32,.06); --glow-a:rgba(37,99,235,.14); --glow-b:rgba(124,58,237,.14);
  --stripe:rgba(11,16,32,.035);
  color-scheme:light;
}
:root[data-theme="dark"]:where(#th-tool[data-module="link-preview"] *){
  --bg:#07090F; --surface:#0E121B; --surface-2:#161B27; --ink:#EEF0F6; --muted:#9AA3B8; --line:#212738;
  --brand:#6366F1; --brand-2:#4F46E5; --brand-ink:#A5B4FC; --brand-soft:#171A36; --on-brand:#FFFFFF;
  --ai:#8B5CF6; --ai-ink:#C4B5FD; --ai-soft:#1C1733; --blue:#60A5FA;
  --grad:linear-gradient(135deg,#60A5FA 0%,#818CF8 45%,#C084FC 100%);
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.55);
  --dot:rgba(255,255,255,.045); --glow-a:rgba(59,130,246,.22); --glow-b:rgba(139,92,246,.24);
  --stripe:rgba(255,255,255,.035);
  color-scheme:dark;
}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):where(#th-tool[data-module="link-preview"] *){
  --bg:#07090F; --surface:#0E121B; --surface-2:#161B27; --ink:#EEF0F6; --muted:#9AA3B8; --line:#212738;
  --brand:#6366F1; --brand-2:#4F46E5; --brand-ink:#A5B4FC; --brand-soft:#171A36; --on-brand:#FFFFFF;
  --ai:#8B5CF6; --ai-ink:#C4B5FD; --ai-soft:#1C1733; --blue:#60A5FA;
  --grad:linear-gradient(135deg,#60A5FA 0%,#818CF8 45%,#C084FC 100%);
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.55);
  --dot:rgba(255,255,255,.045); --glow-a:rgba(59,130,246,.22); --glow-b:rgba(139,92,246,.24);
  --stripe:rgba(255,255,255,.035);
  color-scheme:dark;
  }}
:root:where(#th-tool[data-module="link-preview"] *){
  /* spacing scale (4 px steps) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  /* what the spacing is for */
  --gap-label:6px;      /* label → its box, box → its hint line */
  --gap-msg:12px;       /* v1.40: a box → the message or hint under it — the smallest space between two different things */
  --gap-min:8px;        /* v1.40: the absolute minimum between any two boxes, buttons or messages (the spacing check fails below it) */
  --gap-item:12px;      /* items in a list, choice cards in a box */
  --gap-grid:16px;      /* boxes/cards side by side */
  --gap-block:20px;     /* blocks inside one part of a tool (input → result → check) */
  --gap-section:22px;   /* main parts of a tool card */
  --sec-pad:26px;       /* space above a new part that starts with a divider line */
  --pad-box:16px;       /* inside a bordered box */
  --pad-card:12px 14px; /* inside a small choice card */
  --pad-result:24px 26px; /* inside the big result panel */
  --r-box:16px; --r-card:12px; --r-btn:12px; --r-pill:999px;
  --tap:44px;           /* smallest thing a finger has to hit */
  --h-btn:44px;         /* v1.39.1 THE button height (owner rule: every normal button is this tall — never set a custom height) */
  --h-btn-sm:36px;      /* small buttons in tool toolbars (.btn.sm) */
  --pad-field:14px 16px; /* inside every text box and output panel: text never touches a border */
  /* type scale = the Word Counter / Case Converter / KM to Miles standard; never bigger */
  --fs-meta:12.5px;     /* counts, small notes */
  --fs-label:13px;      /* field labels, box titles, hints */
  --fs-sm:14px;         /* checklist lines, choice text */
  --fs-body:15px;       /* sentences, buttons, part titles */
  --fs-input:20px;      /* the main text box */
  --fs-slug:22px;       /* one-line mono result */
  --fs-result:clamp(30px,3vw,36px); /* big number result (v1.37: was up to 48 px — owner: too big) */
  /* v1.37 ToolHa type standard (owner 2026-09-30): nothing bigger than these, no text smaller than --fs-min */
  --fs-hero:clamp(36px,5vw,60px);  /* ONE big hero title per landing page (home, All tools, A–Z, company pages) */
  --fs-h1:clamp(30px,3.4vw,42px);  /* page / tool title */
  --fs-h2:clamp(22px,2.2vw,28px);  /* section titles */
  --fs-h3:clamp(17px,1.5vw,19px);  /* v1.41.3: a smaller title for an optional part inside a tool (between --fs-h2 and a box title) */
  --fs-min:12.5px;                 /* smallest normal text (notes, units, counts) */
  --fs-tag:12px;                   /* only UPPERCASE labels, badges and number pins */
  --lh-tight:1.35; --lh-text:1.5;
}@media (width <= 768px){
:root:where(#th-tool[data-module="link-preview"] *){--pad-field:12px 14px;--gap-grid:14px;--gap-block:16px;--gap-section:18px;--sec-pad:22px;--pad-box:14px;--pad-result:20px;--fs-slug:19px}}
*:where(#th-tool[data-module="link-preview"] *){box-sizing:border-box}
html:where(#th-tool[data-module="link-preview"] *){-webkit-text-size-adjust:100%}
body:where(#th-tool[data-module="link-preview"] *){margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a:where(#th-tool[data-module="link-preview"] *){color:var(--brand-ink);text-decoration:none}
a:hover:where(#th-tool[data-module="link-preview"] *){text-decoration:underline;text-underline-offset:3px}
h1:where(#th-tool[data-module="link-preview"] *),h2:where(#th-tool[data-module="link-preview"] *),h3:where(#th-tool[data-module="link-preview"] *){line-height:1.1;letter-spacing:-.02em;margin:0}
p:where(#th-tool[data-module="link-preview"] *){margin:0}
button:where(#th-tool[data-module="link-preview"] *),input:where(#th-tool[data-module="link-preview"] *),select:where(#th-tool[data-module="link-preview"] *),textarea:where(#th-tool[data-module="link-preview"] *){font:inherit;color:inherit}
:focus-visible:where(#th-tool[data-module="link-preview"] *){outline:3px solid color-mix(in srgb,var(--ai) 55%,transparent);outline-offset:2px;border-radius:6px}
.wrap:where(#th-tool[data-module="link-preview"] *){max-width:1280px;margin:0 auto;padding:0 32px}
.btn:where(#th-tool[data-module="link-preview"] *){height:var(--h-btn);padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;font-weight:650;cursor:pointer;font-size:15px}
:root:where(#th-tool[data-module="link-preview"] *){
  --btn-grad:linear-gradient(120deg,var(--brand-2) 0%,var(--ai) 100%);
  /* v1.35 main typing box (see tool.css "v1.35"): same height as the homepage search box (76 px, 72 px on phones) */
  --h-main:76px;--r-main:20px;
  --field-ring:linear-gradient(120deg,var(--brand-2) 0%,var(--ai) 100%);
  --field-glow:0 6px 22px -10px color-mix(in srgb,var(--ai) 45%,transparent);
  --field-glow-hover:0 8px 28px -10px color-mix(in srgb,var(--ai) 60%,transparent);
  --btn-grad-hover:linear-gradient(120deg,color-mix(in srgb,var(--brand-2) 40%,var(--ai)) 0%,color-mix(in srgb,var(--ai) 88%,#fff) 100%);
  --btn-glow:0 6px 18px -9px color-mix(in srgb,var(--ai) 60%,transparent);
  --btn-glow-hover:0 10px 26px -9px color-mix(in srgb,var(--ai) 85%,transparent);
  --btn-glow-press:0 3px 10px -6px color-mix(in srgb,var(--ai) 70%,transparent);
  --btn2-border:color-mix(in srgb,var(--brand) 24%,var(--line));
  --btn2-border-hover:color-mix(in srgb,var(--brand) 55%,var(--line));
  --btn2-bg-hover:color-mix(in srgb,var(--brand) 5%,var(--surface));
  --btn2-shade:0 8px 20px -12px color-mix(in srgb,var(--brand) 60%,transparent);
}
.btn:where(#th-tool[data-module="link-preview"] *){transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,color .2s ease}
.btn-brand:where(#th-tool[data-module="link-preview"] *){position:relative;isolation:isolate;border-color:transparent;color:#fff;background:var(--btn-grad) border-box;box-shadow:var(--btn-glow);filter:none}
.btn-brand:where(#th-tool[data-module="link-preview"] *)::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--btn-grad-hover);opacity:0;transition:opacity .35s ease}
.btn-brand:hover:where(#th-tool[data-module="link-preview"] *){text-decoration:none;filter:none;box-shadow:var(--btn-glow-hover)}
.btn-brand:hover:where(#th-tool[data-module="link-preview"] *)::before{opacity:1}
.btn-brand:active:where(#th-tool[data-module="link-preview"] *){box-shadow:var(--btn-glow-press)}
.btn.done:where(#th-tool[data-module="link-preview"] *)::before{opacity:0}
.btn-ghost:where(#th-tool[data-module="link-preview"] *){background:var(--surface);border-color:var(--btn2-border);color:var(--ink);box-shadow:0 1px 2px rgba(11,16,32,.04)}
.btn-ghost:hover:where(#th-tool[data-module="link-preview"] *){text-decoration:none;background:var(--btn2-bg-hover);border-color:var(--btn2-border-hover);box-shadow:var(--btn2-shade)}
.btn[disabled]:where(#th-tool[data-module="link-preview"] *)::before{display:none}@media (prefers-reduced-motion:reduce){
.btn:where(#th-tool[data-module="link-preview"] *),.btn:where(#th-tool[data-module="link-preview"] *)::before{transition:none}}
.chip:where(#th-tool[data-module="link-preview"] *){display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:550;white-space:nowrap}
.chip:hover:where(#th-tool[data-module="link-preview"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line));text-decoration:none}
body:has(>.hdr):where(#th-tool[data-module="link-preview"] *)::before{content:"";position:absolute;left:0;right:0;top:0;height:760px;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--dot) 1px,transparent 1px),linear-gradient(90deg,var(--dot) 1px,transparent 1px);background-size:56px 56px;background-position:50% -1px;-webkit-mask-image:radial-gradient(ellipse 75% 100% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 75% 100% at 50% 0%,#000 35%,transparent 80%)}@media (width <= 768px){
body:has(>.hdr):where(#th-tool[data-module="link-preview"] *)::before{height:560px;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}}@media print{
body:where(#th-tool[data-module="link-preview"] *)::before{display:none!important;content:none!important}}
.card:where(#th-tool[data-module="link-preview"] *){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.inp:where(#th-tool[data-module="link-preview"] *){height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);font-size:16px;width:100%}
textarea.inp:where(#th-tool[data-module="link-preview"] *){height:auto;padding:var(--pad-field);line-height:var(--lh-text)}
.inp:focus:where(#th-tool[data-module="link-preview"] *){outline:none;border-color:var(--ai);box-shadow:0 0 0 4px color-mix(in srgb,var(--ai) 18%,transparent)}
select.inp:where(#th-tool[data-module="link-preview"] *){appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
table.t:where(#th-tool[data-module="link-preview"] *){width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-variant-numeric:tabular-nums}
table.t th:where(#th-tool[data-module="link-preview"] *),table.t td:where(#th-tool[data-module="link-preview"] *){padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15.5px}
table.t th:where(#th-tool[data-module="link-preview"] *){background:var(--surface-2);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
table.t tr:last-child td:where(#th-tool[data-module="link-preview"] *){border-bottom:0}@media (width <= 1024px){
.wrap:where(#th-tool[data-module="link-preview"] *){padding:0 18px}}@media (width <= 768px){
body:where(#th-tool[data-module="link-preview"] *){padding-bottom:68px}}@media (width <= 576px){
:root:where(#th-tool[data-module="link-preview"] *){--h-main:72px}}
.chip:where(#th-tool[data-module="link-preview"] *){white-space:nowrap}
[hidden]:where(#th-tool[data-module="link-preview"] *){display:none!important}
.row:where(#th-tool[data-module="link-preview"] *){display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:root:where(#th-tool[data-module="link-preview"] *){--acc0:#7C3AED;--acc1:#2563EB;--acc2:#0D9488;--acc3:#D97706;--acc4:#DB2777;--acc5:#059669}
:root[data-theme="dark"]:where(#th-tool[data-module="link-preview"] *){--acc0:#8B5CF6;--acc1:#60A5FA;--acc2:#2DD4BF;--acc3:#FBBF24;--acc4:#F472B6;--acc5:#34D399}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):where(#th-tool[data-module="link-preview"] *){--acc0:#8B5CF6;--acc1:#60A5FA;--acc2:#2DD4BF;--acc3:#FBBF24;--acc4:#F472B6;--acc5:#34D399}}
small:where(#th-tool[data-module="link-preview"] *){font-size:max(var(--fs-min),.85em)}
.btn:not(.tool-actions .btn):where(#th-tool[data-module="link-preview"] *){height:auto!important;min-height:var(--h-btn);padding-top:8px;padding-bottom:8px;line-height:1.25}
.btn.sm:not(.tool-actions .btn):where(#th-tool[data-module="link-preview"] *){height:auto!important;min-height:var(--h-btn-sm);padding-top:6px;padding-bottom:6px}
html:where(#th-tool[data-module="link-preview"] *),body:where(#th-tool[data-module="link-preview"] *){overflow-x:clip}@supports (appearance:base-select){
html select:not([multiple]):not([size]):where(#th-tool[data-module="link-preview"] *),html select:not([multiple]):not([size]):where(#th-tool[data-module="link-preview"] *)::picker(select){appearance:base-select}
html select:not([multiple]):not([size]):where(#th-tool[data-module="link-preview"] *){align-items:center}
html select:not([multiple]):not([size]):where(#th-tool[data-module="link-preview"] *)::picker-icon{display:none}
html select:not([multiple]):not([size]):where(#th-tool[data-module="link-preview"] *)::picker(select){
    box-sizing:border-box;min-inline-size:anchor-size(self-inline);
    max-inline-size:min(calc(100% - 16px),max(anchor-size(self-inline),20rem));
    max-block-size:min(24rem,calc(100dvh - 16px));overflow:auto;overscroll-behavior:contain;
    position-area:var(--th-pick-area,block-end span-all);justify-self:anchor-center;margin:4px 8px;padding:4px;border:1px solid var(--line);border-radius:12px;
    background:var(--surface);color:var(--ink);box-shadow:0 12px 32px rgba(15,23,42,.18);
    position-try-order:normal;position-try-fallbacks:flip-block,--th-pick-fit}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="link-preview"] *){
    padding:8px 10px;border-radius:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;gap:8px;min-block-size:36px}
html select:not([multiple]):not([size]) option:is(:hover,:focus-visible):where(#th-tool[data-module="link-preview"] *){background:color-mix(in srgb,var(--brand) 10%,transparent);outline:none}
html select:not([multiple]):not([size]) option:checked:where(#th-tool[data-module="link-preview"] *){background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand-ink);font-weight:600}
html select:not([multiple]):not([size]) option:disabled:where(#th-tool[data-module="link-preview"] *){opacity:.5}
html select:not([multiple]):not([size]) optgroup:where(#th-tool[data-module="link-preview"] *){font-weight:700;padding-block:4px}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="link-preview"] *)::checkmark{color:var(--brand-ink)}}
/* tool.css copy */
:root:where(#th-tool[data-module="link-preview"] *){--h-drop:17.5rem}
.t-drop:where(#th-tool[data-module="link-preview"] *){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-item);min-height:var(--h-drop);padding:var(--pad-result);border:2px dashed color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:var(--r-card);background:color-mix(in srgb,var(--brand) 4%,var(--surface));text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.t-drop[hidden]:where(#th-tool[data-module="link-preview"] *){display:none}
.t-drop:hover:where(#th-tool[data-module="link-preview"] *),.t-drop.is-drag:where(#th-tool[data-module="link-preview"] *){border-color:var(--brand);border-style:solid;background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
.t-drop:focus-visible:where(#th-tool[data-module="link-preview"] *){outline:none;border-color:var(--brand);border-style:solid;box-shadow:var(--field-glow-hover)}
.t-drop-i:where(#th-tool[data-module="link-preview"] *){transition:transform .2s ease}
.t-drop:hover .t-drop-i:where(#th-tool[data-module="link-preview"] *),.t-drop.is-drag .t-drop-i:where(#th-tool[data-module="link-preview"] *){transform:translateY(-3px) scale(1.03)}@media (prefers-reduced-motion:reduce){
.t-drop-i:where(#th-tool[data-module="link-preview"] *){transition:none}
.t-drop:hover .t-drop-i:where(#th-tool[data-module="link-preview"] *),.t-drop.is-drag .t-drop-i:where(#th-tool[data-module="link-preview"] *){transform:none}}
.tool:where(#th-tool[data-module="link-preview"] *){padding:24px;display:flex;flex-direction:column;gap:18px;position:relative;border-radius:24px}
.tool:where(#th-tool[data-module="link-preview"] *)::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 55%,transparent),transparent 35%,transparent 65%,color-mix(in srgb,var(--ai) 55%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.inp.big:where(#th-tool[data-module="link-preview"] *){height:58px;font-size:20px;font-weight:600;border-radius:14px}
select.inp.big:where(#th-tool[data-module="link-preview"] *){background-position:calc(100% - 20px) 26px,calc(100% - 15px) 26px}
.result:where(#th-tool[data-module="link-preview"] *){display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,var(--brand-soft),color-mix(in srgb,var(--ai-soft) 70%,var(--surface)))}
.acts:where(#th-tool[data-module="link-preview"] *){display:flex;gap:8px;flex-wrap:wrap}@media (width <= 576px){
table.t th:where(#th-tool[data-module="link-preview"] *),table.t td:where(#th-tool[data-module="link-preview"] *){padding:10px 10px;font-size:14.5px}}@container tool (width <= 22.5rem){
.acts:where(#th-tool[data-module="link-preview"] *){display:grid;grid-template-columns:repeat(3,1fr);width:100%}
.acts .btn:where(#th-tool[data-module="link-preview"] *){justify-content:center;padding:0 8px}}@media (width <= 1024px){
.tool:where(#th-tool[data-module="link-preview"] *){padding:16px}}@container tool (width <= 48rem){
.result:where(#th-tool[data-module="link-preview"] *){flex-direction:column;align-items:flex-start}}
.tool-zone:where(#th-tool[data-module="link-preview"] *){padding-bottom:8px}
.tool:where(#th-tool[data-module="link-preview"] *){padding:22px 24px 20px;gap:16px}
.tt-label:where(#th-tool[data-module="link-preview"] *){font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chip[aria-pressed="true"]:where(#th-tool[data-module="link-preview"] *){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.inp.sm:where(#th-tool[data-module="link-preview"] *){height:36px;font-size:14px;padding:0 34px 0 12px;width:auto;border-radius:10px;background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px}
.btn.sm:where(#th-tool[data-module="link-preview"] *){height:var(--h-btn-sm);padding:0 12px;font-size:14px;border-radius:10px}
.tool-foot:where(#th-tool[data-module="link-preview"] *){display:flex;flex-direction:column;gap:12px;border-top:1px dashed var(--line);padding-top:14px}
.hist:where(#th-tool[data-module="link-preview"] *){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hist .chip:where(#th-tool[data-module="link-preview"] *){cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums}
.linkish:where(#th-tool[data-module="link-preview"] *){background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:0}
#th-tool .t-fullrow:where(#th-tool[data-module="link-preview"] *){grid-column:1/-1!important;flex:1 1 100%!important;max-width:100%!important;min-width:0}
#th-tool .t-selw:where(#th-tool[data-module="link-preview"] *){display:contents}
#th-tool .t-selw.on:where(#th-tool[data-module="link-preview"] *){display:grid;min-width:0;max-width:100%}
#th-tool .t-selw.on>select:where(#th-tool[data-module="link-preview"] *){grid-area:1/1;width:100%!important;max-width:100%!important;height:auto!important;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none}
#th-tool .t-selw.on>select option:where(#th-tool[data-module="link-preview"] *){color:var(--ink);-webkit-text-fill-color:var(--ink)}
#th-tool .t-selt:where(#th-tool[data-module="link-preview"] *){display:none}
#th-tool .t-selw.on>.t-selt:where(#th-tool[data-module="link-preview"] *){display:block;grid-area:1/1;align-self:center;min-width:0;pointer-events:none;white-space:normal;overflow-wrap:anywhere;text-align:start;z-index:1}
#th-tool .t-fullrow select:where(#th-tool[data-module="link-preview"] *),#th-tool select.t-fullrow:where(#th-tool[data-module="link-preview"] *){width:100%;max-width:100%}
#th-tool:where(#th-tool[data-module="link-preview"] *){overflow-wrap:break-word}
#th-tool .chip:where(#th-tool[data-module="link-preview"] *){white-space:normal;overflow-wrap:anywhere}
#th-tool .hist .chip:where(#th-tool[data-module="link-preview"] *){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible;text-align:left}@media (width <= 576px){
.tool:where(#th-tool[data-module="link-preview"] *){padding:16px}}
.acts .btn:where(#th-tool[data-module="link-preview"] *){white-space:nowrap}@container tool (width <= 22.5rem){
.result .acts:where(#th-tool[data-module="link-preview"] *){width:100%}
.result .acts .btn:where(#th-tool[data-module="link-preview"] *){width:100%;justify-content:center}}
.tool-hero:where(#th-tool[data-module="link-preview"] *){position:relative;overflow-x:clip;padding-bottom:30px}
.tool-hero:where(#th-tool[data-module="link-preview"] *)::after{content:"";position:absolute;left:50%;top:120px;width:900px;max-width:100%;height:360px;transform:translateX(-50%);background:radial-gradient(closest-side at 35% 50%,var(--glow-a),transparent 70%),radial-gradient(closest-side at 65% 50%,var(--glow-b),transparent 70%);filter:blur(24px);opacity:.8;pointer-events:none}
.tool-hero>.wrap:where(#th-tool[data-module="link-preview"] *){position:relative;z-index:1}
.tool-zone .tool:where(#th-tool[data-module="link-preview"] *){max-width:1040px;margin:0 auto;background:var(--surface);box-shadow:var(--shadow-lg)}
.tool-zone .tool:where(#th-tool[data-module="link-preview"] *){transition:box-shadow .25s}
.tool-zone .tool:focus-within:where(#th-tool[data-module="link-preview"] *){box-shadow:var(--shadow-lg),0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.uc-dir:where(#th-tool[data-module="link-preview"] *){display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);align-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}
.uc-dir button:where(#th-tool[data-module="link-preview"] *){border:0;background:transparent;color:var(--muted);font-weight:650;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center;transition:.18s}
.uc-dir button:hover:where(#th-tool[data-module="link-preview"] *){color:var(--ink)}
.uc-dir button[aria-pressed="true"]:where(#th-tool[data-module="link-preview"] *){background:var(--grad);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 35%,transparent)}
.result .acts:where(#th-tool[data-module="link-preview"] *){flex-direction:column;align-items:flex-end;gap:10px}@container tool (width <= 48rem){
.result .acts:where(#th-tool[data-module="link-preview"] *){align-items:stretch;width:100%}}@container tool (width <= 22.5rem){
.uc-dir button:where(#th-tool[data-module="link-preview"] *){padding:8px 12px;font-size:13px}}@container tool (width <= 22.5rem){
.result .acts .btn:where(#th-tool[data-module="link-preview"] *){width:100%}}@media print{
html:root:where(#th-tool[data-module="link-preview"] *),html:root[data-theme="dark"]:where(#th-tool[data-module="link-preview"] *),html:root:not([data-theme="light"]):where(#th-tool[data-module="link-preview"] *){--bg:#fff;--surface:#fff;--surface-2:#F3F4F6;--ink:#111;--muted:#4B5563;--line:#D1D5DB;--brand-soft:#EEF0FF;--brand-ink:#3730A3;color-scheme:light}
body:where(#th-tool[data-module="link-preview"] *){background:#fff!important;color:#111}
dialog:where(#th-tool[data-module="link-preview"] *){display:none!important}
.tool-hero:where(#th-tool[data-module="link-preview"] *){background:none!important;padding:0!important}
.tool:where(#th-tool[data-module="link-preview"] *){box-shadow:none!important;border:1px solid #D1D5DB!important;break-inside:auto}
.tool :is(tr,li,figure,img,svg,canvas,.t-msg,.t-btnrow,.uc-thermo):where(#th-tool[data-module="link-preview"] *){break-inside:avoid}
.tool :is(h2,h3,h4,legend,summary,label,thead,.t-bx-h,.t-sec-h):where(#th-tool[data-module="link-preview"] *){break-after:avoid}
body:where(#th-tool[data-module="link-preview"] *){padding-bottom:0!important}
.tool-zone:where(#th-tool[data-module="link-preview"] *){padding-bottom:0!important}
.tool .btn:where(#th-tool[data-module="link-preview"] *),.uc-dir:where(#th-tool[data-module="link-preview"] *),.hist:where(#th-tool[data-module="link-preview"] *),.acts:where(#th-tool[data-module="link-preview"] *){display:none!important}
details:not([open])>*:not(summary):where(#th-tool[data-module="link-preview"] *){display:none}
a:where(#th-tool[data-module="link-preview"] *){color:inherit;text-decoration:none}}@media print{
.tool:where(#th-tool[data-module="link-preview"] *)::before,.tool:where(#th-tool[data-module="link-preview"] *)::after,.tool-hero:where(#th-tool[data-module="link-preview"] *)::after{display:none!important;content:none!important}}
.t-stack:not([hidden]):where(#th-tool[data-module="link-preview"] *){display:flex;flex-direction:column;gap:var(--gap-block)}
.t-grid:where(#th-tool[data-module="link-preview"] *){display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap-grid)}
.t-grid>.t-wide:where(#th-tool[data-module="link-preview"] *){grid-column:1/-1}
.t-box:where(#th-tool[data-module="link-preview"] *){margin:0;min-width:0;border:1px solid var(--line);border-radius:var(--r-box);padding:var(--pad-box);background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-item)}
.t-box>legend:where(#th-tool[data-module="link-preview"] *){float:left;width:100%;padding:0;margin:0 0 var(--gap-item);font-size:var(--fs-label);font-weight:650;color:var(--ink)}
.t-choices:where(#th-tool[data-module="link-preview"] *){clear:both;display:flex;flex-direction:column;gap:var(--gap-item)}
.t-choice:where(#th-tool[data-module="link-preview"] *){display:flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--tap);padding:var(--pad-card);border:1.5px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);cursor:pointer;font-size:var(--fs-sm);line-height:var(--lh-tight);transition:border-color .15s,background-color .15s}
.t-choice:hover:where(#th-tool[data-module="link-preview"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.t-choice:has(input:checked):where(#th-tool[data-module="link-preview"] *){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.t-choice>input:where(#th-tool[data-module="link-preview"] *){flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand)}
.t-hint:where(#th-tool[data-module="link-preview"] *){display:block;margin-top:var(--gap-label);font-size:var(--fs-label);color:var(--muted)}
.t-q:not([hidden]):where(#th-tool[data-module="link-preview"] *){display:flex;flex-direction:column;gap:var(--gap-msg)}
.t-msg:where(#th-tool[data-module="link-preview"] *){margin:0;padding:10px 14px;border-radius:var(--r-card);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-text);color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line))}
.t-msg.is-err:where(#th-tool[data-module="link-preview"] *){color:var(--bad,#c0392b);background:color-mix(in srgb,var(--bad,#c0392b) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad,#c0392b) 30%,var(--line))}
.t-msg.is-ok:where(#th-tool[data-module="link-preview"] *){color:var(--ok,#1e8e5a);background:color-mix(in srgb,var(--ok,#1e8e5a) 8%,var(--surface));border-color:color-mix(in srgb,var(--ok,#1e8e5a) 30%,var(--line))}
.t-msg.is-info:where(#th-tool[data-module="link-preview"] *){color:var(--ink);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}
.t-msg[hidden]:where(#th-tool[data-module="link-preview"] *),.t-q[hidden]:where(#th-tool[data-module="link-preview"] *){display:none}
:root[data-theme="dark"] .t-msg:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
:root[data-theme="dark"] .t-msg.is-err:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--bad,#c0392b) 45%,#fff)}
:root[data-theme="dark"] .t-msg.is-ok:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--ok,#1e8e5a) 40%,#fff)}
:root[data-theme="dark"] .t-msg.is-info:where(#th-tool[data-module="link-preview"] *){color:var(--ink)}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .t-msg:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-err:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--bad,#c0392b) 45%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-ok:where(#th-tool[data-module="link-preview"] *){color:color-mix(in srgb,var(--ok,#1e8e5a) 40%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-info:where(#th-tool[data-module="link-preview"] *){color:var(--ink)}}
.t-tw:where(#th-tool[data-module="link-preview"] *){overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.t-table:where(#th-tool[data-module="link-preview"] *){width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.t-table th:where(#th-tool[data-module="link-preview"] *),.t-table td:where(#th-tool[data-module="link-preview"] *){padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.t-table thead th:where(#th-tool[data-module="link-preview"] *){font-size:var(--fs-label);color:var(--muted);font-weight:650;background:var(--surface-2)}
.t-table tbody tr:last-child td:where(#th-tool[data-module="link-preview"] *){border-bottom:0}
.t-list:where(#th-tool[data-module="link-preview"] *){list-style:none;margin:0;padding:0;display:grid;gap:var(--gap-min)}@container tool (36rem < width <= 48rem){
.t-grid:where(#th-tool[data-module="link-preview"] *){grid-template-columns:repeat(2,minmax(0,1fr))}}@container tool (width <= 36rem){
.t-grid:where(#th-tool[data-module="link-preview"] *){grid-template-columns:1fr}}
input.inp.big:where(#th-tool[data-module="link-preview"] *){height:var(--h-main);min-height:var(--h-main);border-radius:var(--r-main);border:2px solid transparent;padding:0 20px;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--field-ring) border-box;
  box-shadow:var(--field-glow);transition:box-shadow .3s ease}
input.inp.big:hover:where(#th-tool[data-module="link-preview"] *){box-shadow:var(--field-glow-hover)}
input.inp.big:focus:where(#th-tool[data-module="link-preview"] *){border-color:transparent;box-shadow:var(--field-glow-hover),0 0 0 4px color-mix(in srgb,var(--ai) 20%,transparent)}
.tool :is(input,textarea):where(#th-tool[data-module="link-preview"] *)::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent);opacity:1;font-weight:400;font-size:max(12px,.875em);letter-spacing:0}
:root:where(#th-tool[data-module="link-preview"] *){--glow-card:0 16px 36px -20px color-mix(in srgb,var(--ai) 50%,transparent),0 1px 2px rgba(11,16,32,.04)}@container tool (width <= 22.5rem){
#th-tool .result .acts:where(#th-tool[data-module="link-preview"] *){grid-template-columns:minmax(0,1fr);justify-items:stretch}
#th-tool .result .acts>*:where(#th-tool[data-module="link-preview"] *){width:100%;min-width:0}}
.ag-hint:where(#th-tool[data-module="link-preview"] *){margin:0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted)}
.ag-hint b:where(#th-tool[data-module="link-preview"] *){color:var(--ink);font-weight:650}
.ag-hint .linkish:where(#th-tool[data-module="link-preview"] *){margin-left:6px;font-size:var(--fs-label);color:var(--brand-ink);font-weight:600}
.ag-bh:where(#th-tool[data-module="link-preview"] *){display:flex;align-items:center;gap:8px}
.ag-bt:where(#th-tool[data-module="link-preview"] *){margin:0;font-size:var(--fs-body);font-weight:700;color:var(--ink);line-height:var(--lh-tight)}
.ag-i:where(#th-tool[data-module="link-preview"] *){flex:none;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--brand-soft);color:var(--brand-ink);font:italic 700 13px/1 Georgia,serif;cursor:help}
.ag-i:hover:where(#th-tool[data-module="link-preview"] *),.ag-i[aria-expanded="true"]:where(#th-tool[data-module="link-preview"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-i:focus-visible:where(#th-tool[data-module="link-preview"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-tip:where(#th-tool[data-module="link-preview"] *){margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--brand-soft);font-size:var(--fs-label);line-height:var(--lh-text);color:var(--ink)}
.ag-tip[hidden]:where(#th-tool[data-module="link-preview"] *){display:none}
.ag-tile:where(#th-tool[data-module="link-preview"] *){display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);min-width:0}
.ag-tile small:where(#th-tool[data-module="link-preview"] *){font-size:var(--fs-min);font-weight:650;color:var(--muted)}
.ag-tile b:where(#th-tool[data-module="link-preview"] *){font-size:var(--fs-body);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ag-tile b em:where(#th-tool[data-module="link-preview"] *){font-style:normal;font-weight:600;color:var(--muted);font-size:var(--fs-min)}
.ag-how>summary:where(#th-tool[data-module="link-preview"] *){list-style:none;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);cursor:pointer;border-radius:10px;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.ag-how>summary:where(#th-tool[data-module="link-preview"] *)::-webkit-details-marker{display:none}
.ag-sum-w:where(#th-tool[data-module="link-preview"] *){display:inline-flex;align-items:center;gap:10px}
.ag-how>summary:hover .ag-sum-t:where(#th-tool[data-module="link-preview"] *){color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.ag-how>summary:hover .ag-i:where(#th-tool[data-module="link-preview"] *),.ag-how[open]>summary .ag-i:where(#th-tool[data-module="link-preview"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-how>summary:focus-visible:where(#th-tool[data-module="link-preview"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-how .ag-howt:where(#th-tool[data-module="link-preview"] *){margin-top:var(--gap-label);padding:var(--pad-field);border-radius:var(--r-card);background:var(--surface-2)}
.ag-howt:where(#th-tool[data-module="link-preview"] *){margin-top:10px;display:grid;gap:8px;font-size:var(--fs-sm);line-height:var(--lh-text);color:var(--ink)}
.ag-howt p:where(#th-tool[data-module="link-preview"] *){margin:0}@media print{
.ag-i:where(#th-tool[data-module="link-preview"] *),.ag-hint .linkish:where(#th-tool[data-module="link-preview"] *){display:none!important}}
:where(.tool) :is(input,select,textarea):where(#th-tool[data-module="link-preview"] *){max-width:100%}
.tool .chip:where(#th-tool[data-module="link-preview"] *){max-width:100%}
.tool .hist .row:where(#th-tool[data-module="link-preview"] *){min-width:0;max-width:100%}
.tool .hist .chip:where(#th-tool[data-module="link-preview"] *){min-width:0;overflow:hidden}@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto;min-width:0;white-space:normal;flex-wrap:wrap;row-gap:0;justify-content:center;text-align:center}}@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:has(>span)>svg:where(#th-tool[data-module="link-preview"] *){display:none}}@container tool (width <= 22.5rem){
select.inp:where(#th-tool[data-module="link-preview"] *){padding-right:26px;background-position:calc(100% - 13px) 20px,calc(100% - 8px) 20px}
select.inp.big:where(#th-tool[data-module="link-preview"] *){background-position:calc(100% - 13px) 26px,calc(100% - 8px) 26px}
select.inp.sm:where(#th-tool[data-module="link-preview"] *){padding-right:28px;background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px}}@container tool (width <= 22.5rem){
select.inp:where(:not(.sm)):where(#th-tool[data-module="link-preview"] *){padding-left:10px;padding-right:24px}}@container tool (width <= 36rem){
.t-cards thead:where(#th-tool[data-module="link-preview"] *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.t-cards:where(#th-tool[data-module="link-preview"] *),.t-cards tbody:where(#th-tool[data-module="link-preview"] *){display:block}
.t-cards tr:where(#th-tool[data-module="link-preview"] *){display:grid;grid-template-columns:minmax(0,1fr);column-gap:10px;row-gap:2px;padding:10px 14px;border-bottom:1px solid var(--line)}
.t-cards tr:has(>td.t-num):where(#th-tool[data-module="link-preview"] *){grid-template-columns:auto minmax(0,1fr)}
.t-cards tbody tr:last-child:where(#th-tool[data-module="link-preview"] *){border-bottom:0}
.t-cards tbody th:where(#th-tool[data-module="link-preview"] *),.t-cards td:where(#th-tool[data-module="link-preview"] *),.t-cards tbody tr:last-child td:where(#th-tool[data-module="link-preview"] *){display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
.t-cards td.t-num:where(#th-tool[data-module="link-preview"] *){grid-column:1;grid-row:1;width:auto;min-width:22px}
.t-cards tr:has(>td.t-num)>td:not(.t-num):where(#th-tool[data-module="link-preview"] *){grid-column:2}
.t-cards td.t-key:where(#th-tool[data-module="link-preview"] *){font-weight:650}
.t-cards td[data-label]:where(#th-tool[data-module="link-preview"] *)::before{content:attr(data-label) " ";color:var(--muted)}
.t-cards td:empty:where(#th-tool[data-module="link-preview"] *){display:none}}
#th-tool .t-btnrow:where(#th-tool[data-module="link-preview"] *){display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0}
#th-tool .t-btnrow>.btn:where(#th-tool[data-module="link-preview"] *){flex:1 1 auto;min-width:min-content;justify-content:center;text-align:center;white-space:normal}
#th-tool .t-btnrow>label.btn:where(#th-tool[data-module="link-preview"] *){font-size:14px;font-weight:650;color:var(--ink)}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat>.btn:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto}}@container tool (width <= 22.5rem){
#th-tool .t-btnrow>.btn.sm:where(#th-tool[data-module="link-preview"] *){padding-left:8px;padding-right:8px;gap:6px}}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn)):where(#th-tool[data-module="link-preview"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn))>.btn:where(#th-tool[data-module="link-preview"] *){flex:1 1 max-content;max-width:none}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat:has(>.btn~.btn):not(:has(>.btn~.btn~.btn))>.btn:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto}}
#th-tool .t-btnrow:has(>.btn~.btn~.btn):where(#th-tool[data-module="link-preview"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn~.btn)>.btn:where(#th-tool[data-module="link-preview"] *){flex:1 1 0px;max-width:none;min-width:min(100%,max(0px,calc((480px - 100%) * 999)))}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn~.btn)>.btn:where(#th-tool[data-module="link-preview"] *){min-width:min(100%,max(0px,calc((600px - 100%) * 999)))}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat:has(>.btn~.btn~.btn)>.btn:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto}}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn):not(:has(>.btn~.btn~.btn~.btn~.btn))>.btn:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto;min-width:min(calc(50% - 4px),max(0px,calc((600px - 100%) * 999)));max-width:max(calc(50% - 4px),calc((100% - 600px) * 999))}
#th-tool .t-btnrow.t-stack>.btn:where(#th-tool[data-module="link-preview"] *){flex:1 1 100%!important;max-width:none!important}
#th-tool .t-bal:where(#th-tool[data-module="link-preview"] *){flex-wrap:wrap!important}
#th-tool .t-bal>.btn:where(#th-tool[data-module="link-preview"] *){flex:1 1 var(--bal-w)!important;max-width:var(--bal-w)!important;min-width:0!important}
#th-tool .btn.t-noicon>svg:where(#th-tool[data-module="link-preview"] *){display:none}
#th-tool .btn:not(.sm)>svg:where(#th-tool[data-module="link-preview"] *){width:18px!important;height:18px!important}
#th-tool .btn>svg:where(#th-tool[data-module="link-preview"] *){flex:none}
#th-tool .t-btnrow.t-nat:where(#th-tool[data-module="link-preview"] *){justify-content:center}
#th-tool .t-btnrow.t-nat>.btn:where(#th-tool[data-module="link-preview"] *){flex:0 1 auto!important;max-width:100%}@container tool (width <= 48rem){
#th-tool.lp .lp-stats:where(#th-tool[data-module="link-preview"] *){grid-template-columns:repeat(2,minmax(0,1fr))}}@container tool (36rem < width <= 48rem){
#th-tool.lp:not(.lp-empty) .lp-res .acts:where(#th-tool[data-module="link-preview"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,460px);align-self:center}
#th-tool.lp .lp-res .acts .btn:where(#th-tool[data-module="link-preview"] *){width:100%;justify-content:center}}@container tool (width <= 36rem){
#th-tool.lp .lp-cards:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-imgtop:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-keys:where(#th-tool[data-module="link-preview"] *){grid-template-columns:minmax(0,1fr)}
#th-tool.lp .lp-tiles:where(#th-tool[data-module="link-preview"] *){grid-template-columns:repeat(2,minmax(0,1fr))}}@container tool (width <= 36rem){
#th-tool.lp .lp-tabs:where(#th-tool[data-module="link-preview"] *){grid-template-columns:1fr 1fr;width:100%;border-radius:22px}
#th-tool.lp .lp-tabs button:where(#th-tool[data-module="link-preview"] *){font-size:var(--fs-sm);padding:8px;white-space:normal;text-align:center}}@container tool (width <= 36rem){
#th-tool.lp .lp-inrow:where(#th-tool[data-module="link-preview"] *){flex-direction:column;align-items:stretch}
#th-tool.lp .lp-inrow .inp.big:where(#th-tool[data-module="link-preview"] *){flex:none;width:100%}
#th-tool.lp .lp-inbtns:where(#th-tool[data-module="link-preview"] *){width:100%;flex-wrap:wrap}
#th-tool.lp .lp-inbtns .lp-ib:where(#th-tool[data-module="link-preview"] *){flex:1;justify-content:center}
#th-tool.lp .lp-go:where(#th-tool[data-module="link-preview"] *){align-self:stretch;min-width:0}
#th-tool.lp .lp-g2:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-try2:where(#th-tool[data-module="link-preview"] *){grid-template-columns:minmax(0,1fr)}
#th-tool.lp .lp-res .acts:where(#th-tool[data-module="link-preview"] *){flex-direction:column;align-items:stretch}
#th-tool.lp .lp-res .acts .btn:where(#th-tool[data-module="link-preview"] *){width:100%;justify-content:center}
#th-tool.lp .lp-seg:where(#th-tool[data-module="link-preview"] *){flex-wrap:wrap}
#th-tool.lp .lp-crow:where(#th-tool[data-module="link-preview"] *){flex-direction:column;align-items:stretch}
#th-tool.lp .lp-crow .btn:where(#th-tool[data-module="link-preview"] *){align-self:flex-start}
#th-tool.lp .lp-fgrid:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-agrid:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-ogrid:where(#th-tool[data-module="link-preview"] *),#th-tool.lp .lp-rgrid:where(#th-tool[data-module="link-preview"] *){grid-template-columns:minmax(0,1fr)}
#th-tool.lp .lp-ck:where(#th-tool[data-module="link-preview"] *){grid-template-columns:auto minmax(0,1fr)}
#th-tool.lp .lp-ckv:where(#th-tool[data-module="link-preview"] *){grid-column:2}
#th-tool.lp .lp-stb:where(#th-tool[data-module="link-preview"] *){padding-left:0}}@container tool (width <= 22.5rem){
#th-tool.lp .lp-msrc:where(#th-tool[data-module="link-preview"] *){grid-template-columns:minmax(0,1fr)}
#th-tool.lp .lp-src:where(#th-tool[data-module="link-preview"] *){flex-direction:row;align-items:center;gap:14px}}
#th-tool:where(#th-tool[data-module="link-preview"] *){container:tool/inline-size}
#th-tool :where(img,video,iframe):where(#th-tool[data-module="link-preview"] *){max-width:100%}
#th-tool:has(.uc-dir):where(#th-tool[data-module="link-preview"] *){-webkit-tap-highlight-color:transparent}
#th-tool:has(.uc-dir) .uc-dir button:not([aria-pressed="true"]):active:where(#th-tool[data-module="link-preview"] *){background:var(--btn2-bg-hover);color:var(--ink)}
/* ===== end of the own copy; the tool's own rules follow ===== */
/* own tooltip (.linkpreview-tip) + toast (.linkpreview-toast): copied from theme.css .th-tt / .toast and renamed (rule 171 (j)) */
.linkpreview-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;transition:.25s;z-index:60;pointer-events:none}
.linkpreview-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.linkpreview-tip{position:fixed;z-index:9999;left:0;top:0;padding:7px 11px;border-radius:10px;background:var(--ink);color:var(--bg);font:500 12.5px/1.45 var(--font,system-ui,sans-serif);box-shadow:0 6px 24px rgba(11,16,32,.22);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;white-space:normal;overflow-wrap:anywhere}
.linkpreview-tip.on{opacity:1;transform:none}
.linkpreview-tip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}
.linkpreview-tip.below::after{bottom:auto;top:-5px}@media (prefers-reduced-motion:reduce){
.linkpreview-tip{transition:none}}@media print{
.linkpreview-toast{display:none}}
/* ToolHa module: Link Preview Checker (Core 1.59). Loaded only on this tool's page (kit.php, per-module CSS).
   Site tokens and .t-* blocks for the tool itself; the app previews use each app's own colors (a close match),
   with the site's font-size tokens so no text is ever smaller than --fs-min. */
#th-tool.lp{display:flex;flex-direction:column;gap:var(--gap-section)}
.lp [hidden]{display:none!important}
.lp .lp-tabs{align-self:center;display:grid;grid-template-columns:repeat(4,auto);max-width:100%;overflow:visible}
.lp .lp-tabs button{justify-content:center;min-height:var(--tap,44px);font-size:var(--fs-body);padding:8px 16px}
.lp-pan{display:flex;flex-direction:column;gap:var(--gap-block)}
.lp-h{display:block;margin:0;font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--ink)}
.lp-h small{font-size:var(--fs-sm);font-weight:600;color:var(--muted);letter-spacing:0}
.lp-lab{display:block;font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.lp-lab small{font-weight:500}
.lp-inrow{display:flex;gap:10px;align-items:center}
.lp-inrow .inp.big{flex:1;min-width:0;font-size:var(--fs-input)}
.lp-inbtns{display:flex;gap:8px}
.lp-ib{white-space:nowrap;gap:6px}
.lp .btn.lp-undo{border-color:var(--brand);color:var(--brand-ink,var(--brand))}
.lp .btn.done{background:var(--ok);border-color:transparent;color:#fff}
.lp-go{align-self:center;min-width:240px;justify-content:center}
.lp-go[aria-busy="true"]{cursor:progress;opacity:.85}
.lp-ta{font-family:var(--mono);font-size:var(--fs-sm);line-height:var(--lh-text);resize:vertical;min-height:150px}
.lp-g2{--cols:2}
.lp-filerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:var(--h-btn)}
.lp-file{cursor:pointer}
.lp-fname{font-size:var(--fs-label);color:var(--muted);overflow-wrap:anywhere}
.lp-cnt{font-size:var(--fs-min);color:var(--muted)}
.lp-cnt:empty{display:none}
.lp-mbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lp-mbar .btn-brand{margin-right:8px}
.lp-mtbl td small.lp-mt{display:block;margin-top:2px;color:var(--muted)}
.lp-val{overflow-wrap:anywhere;word-break:break-word}
.lp-mu2{color:var(--muted);font-style:italic}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lp-mmode .lp-out{display:none}
.lp-wmode #lp-try,.lp-wmode #lp-again,.lp-wmode #lp-bot{display:none}
/* the answer */
.lp-out{display:flex;flex-direction:column;gap:var(--gap-block)}
.lp-res{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--pad-result)}
.lp-rm{display:flex;flex-direction:column;gap:var(--gap-item);min-width:0}
.lp-v{display:flex;flex-direction:column;gap:var(--gap-label)}
.lp-vh{margin:0;font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-tight);color:var(--ink)}
.lp-vok .lp-vh{color:var(--ok)}
.lp-vok .lp-vh::before{content:"✓ "}
.lp-vbad .lp-vh{color:var(--warn)}

/* owner 2026-10-08: the verdict "N things to fix" links to Fix these first */
.lp-vlink{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);border-radius:6px;cursor:pointer}
.lp-vlink:hover{text-decoration-color:currentColor}
.lp-vlink:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#lp-fix{scroll-margin-top:96px}
#lp-fix-h:focus{outline:none}
.lp-vs{margin:0;font-size:var(--fs-body);line-height:var(--lh-text);color:var(--ink);max-width:760px}
.lp-empty .lp-vs{color:var(--muted)}
.lp-pick{display:flex;flex-wrap:wrap;gap:8px}
.lp-pick .chip{cursor:pointer;min-height:36px}
.lp-pick .chip[aria-checked="true"]{background:var(--grad);border-color:transparent;color:#fff}
.lp-pick .chip:focus-visible{outline:2px solid var(--ai);outline-offset:2px}
.lp-big{display:flex;justify-content:center;padding:var(--sp-2) 0}
.lp-note{margin:0;font-size:var(--fs-min);color:var(--muted);text-align:center}
.lp .lp-res .acts{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%} /* buttons side by side; wraps on narrow screens */
.lp.lp-empty .lp-res .acts,.lp-empty #lp-cl{display:none} /* stronger than the button rows below, so no buttons before a check */
.lp-box2{gap:var(--gap-item)}
.lp-bb{display:flex;flex-direction:column;gap:var(--gap-item);min-width:0}
.lp-wait{margin:0;font-size:var(--fs-sm);color:var(--muted);font-style:italic}
.lp-seg{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lp-sl2{font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.lp-sw{flex:none}
.lp-sw button{min-height:36px}
.lp-tback{align-self:flex-start;color:var(--brand-ink)}
.lp-opts{display:flex;flex-direction:column;gap:var(--gap-block)}
.lp-looks{display:flex;flex-wrap:wrap;gap:var(--gap-item) 32px}
.lp-looks .lp-seg{justify-content:flex-start}
.lp-try2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-grid)}
.lp-opts input:disabled,.lp-opts textarea:disabled{opacity:.55;cursor:not-allowed}
/* the cards with one preview each */
.lp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-grid);align-items:stretch}
.lp-cards>.lp-card2:last-child:nth-child(odd){grid-column:1/-1}
.lp-card2{display:flex;flex-direction:column;gap:var(--gap-min);min-width:0;padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}
.lp-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-sm);color:var(--ink)}
.lp-why{margin:0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted)}
.lp-often{font-style:italic;white-space:nowrap}
.lp-bdg{flex:none;display:inline-block;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-tag);font-weight:700;line-height:1.5;white-space:nowrap}
.lp-bdg.lp-ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}
.lp-bdg.lp-warn{background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn)}
.lp-bdg.lp-bad{background:color-mix(in srgb,var(--bad,#c0392b) 13%,var(--surface));color:var(--bad,#c0392b)}
.lp-empty .lp-card2 .lp-pv{opacity:.7}
/* problems */
.lp-probs{counter-reset:none}
.lp-p{display:flex;flex-direction:column;gap:6px;padding:var(--pad-field);border:1px solid var(--line);border-left-width:4px;border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-sm);line-height:var(--lh-text)}
.lp-p p{margin:0}
.lp-s3{border-left-color:var(--bad,#c0392b)}
.lp-s2{border-left-color:var(--warn)}
.lp-s1{border-left-color:var(--brand)}
.lp-pt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.lp-pt b{font-size:var(--fs-body);color:var(--ink)}
.lp-sev{font-size:var(--fs-tag);font-weight:750;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-ink)}
.lp-s3 .lp-sev{background:color-mix(in srgb,var(--bad,#c0392b) 13%,var(--surface));color:var(--bad,#c0392b)}
.lp-s2 .lp-sev{background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn)}
.lp-pa{color:var(--muted);font-size:var(--fs-label)}
.lp-fixl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp-fixl code{flex:1 1 260px;min-width:0;padding:8px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font:500 var(--fs-label)/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
/* tables */
.lp-ftbl th[scope="row"],.lp-btbl th[scope="row"],.lp-itbl th[scope="row"]{font-weight:650;white-space:nowrap}
.lp-ftbl code,.lp-itbl code{font-size:var(--fs-label);color:var(--muted);overflow-wrap:anywhere}
.lp-ftbl td{vertical-align:top}
.lp-miss{color:var(--warn);font-weight:650}
.lp-yes{color:var(--ok);font-weight:650}
.lp-no{color:var(--bad,#c0392b);font-weight:650}
.lp-swatch{display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:4px;border:1px solid var(--line);vertical-align:-2px}
.lp-sub{margin:0;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.lp-botsrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.lp-botsrow .t-hint{margin:0}
/* the picture */
.lp-imgtop{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--gap-grid);align-items:start}
.lp-thumb{display:block;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.lp-thumb img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}
.lp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
.lp-tiles .t-msg,.lp-open{grid-column:1/-1}
.lp-open{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:650;color:var(--brand-ink);justify-self:start}
/* old picture */
.lp-olds li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-sm);line-height:var(--lh-text)}
.lp-olds b{color:var(--ink)}
.lp-olds a{color:var(--brand-ink);font-weight:650}
.lp-tocode{color:var(--brand-ink);font-weight:650;font-size:inherit}

/* ===== the previews: a close match of each app ===== */
.lp-pv{--pv-bg:#fff;--pv-ink:#050505;--pv-mu:#65676b;--pv-line:#dadde1;--pv-soft:#f0f2f5;--pv-link:#216fdb;
  width:100%;max-width:520px;margin:0 auto;padding:12px;border-radius:14px;background:var(--pv-bg);color:var(--pv-ink);
  font:400 var(--fs-sm)/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:left;box-sizing:border-box}
.lp-pv.lp-phw{max-width:360px}
.lp-pv{container:lppv/inline-size}
@container lppv (width <= 18.75rem){.lp-th120,.lp-th-li{width:76px}.lp-th80{width:64px}.lp-th-li{aspect-ratio:1/1}}
.lp-pv.lp-dk{--pv-bg:#18191a;--pv-ink:#e4e6eb;--pv-mu:#b0b3b8;--pv-line:#3e4042;--pv-soft:#242526;--pv-link:#4599ff}
.lp-pv b{font-weight:650}
.lp-row{display:flex;gap:10px;align-items:center;min-width:0}
.lp-row.lp-top{align-items:flex-start}
.lp-tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lp-c{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lp-l1{-webkit-line-clamp:1}.lp-l2{-webkit-line-clamp:2}.lp-l3{-webkit-line-clamp:3}.lp-l4{-webkit-line-clamp:4}
.lp-mu{color:var(--pv-mu)}
.lp-xs{font-size:var(--fs-min)}
.lp-lnk{color:var(--pv-link)}
.lp-pic{display:block;flex:none;overflow:hidden;background:color-mix(in srgb,var(--pv-mu) 22%,var(--pv-bg));position:relative}
.lp-pic img{display:block;width:100%;height:100%;object-fit:cover}
.lp-fake{background:linear-gradient(135deg,color-mix(in srgb,var(--pv-mu) 18%,var(--pv-bg)),color-mix(in srgb,var(--pv-mu) 34%,var(--pv-bg)))}
.lp-broken img{visibility:hidden}
.lp-broken::after{content:"Picture did not load here";position:absolute;inset:0;display:grid;place-items:center;padding:6px;text-align:center;font-size:var(--fs-min);color:var(--pv-mu)}
.lp-r191{width:100%;aspect-ratio:1.91/1}
.lp-nat{width:100%}
.lp-nat img{height:auto;max-height:360px;object-fit:contain}
.lp-rd{border-radius:8px}
.lp-sq{aspect-ratio:1/1}
.lp-th120{width:120px}.lp-th80{width:80px}.lp-th64{width:64px}.lp-th40{width:40px;border-radius:8px}
.lp-th-li{width:128px;aspect-ratio:16/9}
.lp-phw .lp-th120{width:96px}
.lp-nopic{display:grid;place-items:center;min-height:120px;border-radius:12px;background:var(--pv-soft);color:var(--pv-mu);font-size:var(--fs-label)}
/* Facebook / Messenger */
.lp-fb{border-radius:8px;overflow:hidden;border:1px solid var(--pv-line);background:var(--pv-soft)}
.lp-fb .lp-row{padding:10px 12px}
.lp-fb.lp-small .lp-row{padding:0;gap:0}
.lp-fb.lp-small .lp-tx{padding:10px 12px}
.lp-fb .lp-up,.lp-fb .lp-tx>span:first-child{letter-spacing:.02em}
.lp-fb b{font-size:var(--fs-body);font-weight:700}
.lp-ms{padding:6px;border-radius:18px;background:var(--pv-soft)}
/* X */
.lp-pv:has(.lp-x){--pv-ink:#0f1419;--pv-mu:#536471;--pv-line:#cfd9de}
.lp-pv.lp-dk:has(.lp-x){--pv-bg:#000;--pv-ink:#e7e9ea;--pv-mu:#71767b;--pv-line:#2f3336}
.lp-x.lp-large{display:flex;flex-direction:column;gap:4px}
.lp-xw{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid var(--pv-line)}
.lp-xo{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.77);color:#fff;font-size:var(--fs-min)}
.lp-x.lp-box{border:1px solid var(--pv-line);border-radius:16px;overflow:hidden;gap:0}
.lp-x.lp-box .lp-pic{border-right:1px solid var(--pv-line)}
.lp-x.lp-box .lp-tx{padding:10px 12px}
/* LinkedIn */
.lp-pv:has(.lp-li){--pv-bg:#fff;--pv-ink:rgba(0,0,0,.9);--pv-mu:rgba(0,0,0,.6);--pv-soft:#eef3f8}
.lp-pv.lp-dk:has(.lp-li){--pv-bg:#1b1f23;--pv-ink:rgba(255,255,255,.9);--pv-mu:rgba(255,255,255,.6);--pv-soft:#38434f}
.lp-li{border-radius:8px;overflow:hidden;background:var(--pv-soft)}
.lp-li .lp-row{padding:8px 12px}
.lp-li.lp-small .lp-row{padding:0}
.lp-li.lp-small .lp-tx{padding:8px 12px}
/* chat apps: WhatsApp, iMessage, Telegram */
.lp-chat{display:flex;justify-content:flex-end}
.lp-pv:has(.lp-wa){--pv-bg:#efeae2;--pv-ink:#111b21;--pv-mu:#667781;--pv-link:#027eb5}
.lp-pv.lp-dk:has(.lp-wa){--pv-bg:#0b141a;--pv-ink:#e9edef;--pv-mu:#8696a0;--pv-link:#53bdeb}
.lp-wa .lp-bub{width:88%;display:flex;flex-direction:column;gap:4px;padding:4px 4px 6px;border-radius:8px;background:#d9fdd3}
.lp-dk .lp-wa .lp-bub{background:#005c4b}
.lp-wa .lp-card{border-radius:6px;overflow:hidden;background:rgba(0,0,0,.05)}
.lp-dk .lp-wa .lp-card{background:rgba(0,0,0,.18)}
.lp-wa .lp-card .lp-row{padding:6px 8px;align-items:flex-start}
.lp-wa .lp-card .lp-row:has(.lp-sq){padding:0}
.lp-wa .lp-card .lp-row:has(.lp-sq) .lp-tx{padding:6px 8px}
.lp-lk{padding:0 6px;color:var(--pv-link);overflow-wrap:anywhere;font-size:var(--fs-sm)}
.lp-tm{align-self:flex-end;padding:0 6px;color:var(--pv-mu);font-size:var(--fs-min)}
.lp-pv:has(.lp-ims){--pv-bg:#fff;--pv-ink:#000;--pv-mu:#8e8e93}
.lp-pv.lp-dk:has(.lp-ims){--pv-bg:#000;--pv-ink:#fff;--pv-mu:#98989d}
.lp-imb{width:78%;border-radius:18px;overflow:hidden;background:#e9e9eb}
.lp-dk .lp-imb{background:#262628}
.lp-ibb{padding:10px 14px}
.lp-pv:has(.lp-tg){--pv-bg:#a3c48f;--pv-ink:#000;--pv-mu:#4f8a3a;--pv-link:#168acd}
.lp-pv.lp-dk:has(.lp-tg){--pv-bg:#0e1621;--pv-ink:#fff;--pv-mu:#7da8d3;--pv-link:#71baf2}
.lp-tg .lp-bub{width:88%;display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-radius:12px;background:#effdde}
.lp-dk .lp-tg .lp-bub{background:#2b5278}
.lp-tg .lp-lk{padding:0}
.lp-q{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-left:3px solid #4fae4e;border-radius:4px;background:rgba(79,174,78,.12)}
.lp-dk .lp-q{border-left-color:#6ab3f3;background:rgba(106,179,243,.12)}
.lp-tg .lp-q .lp-lnk{color:#4fae4e}
.lp-dk .lp-tg .lp-q .lp-lnk{color:#6ab3f3}
/* Discord, Slack */
.lp-pv:has(.lp-dc){--pv-bg:#fff;--pv-ink:#2e3338;--pv-mu:#4e5058;--pv-link:#006ce7}
.lp-pv.lp-dk:has(.lp-dc){--pv-bg:#313338;--pv-ink:#dbdee1;--pv-mu:#b5bac1;--pv-link:#00a8fc}
.lp-emb{display:flex;flex-direction:column;gap:8px;max-width:432px;padding:10px 12px 12px;border-left:4px solid #e3e5e8;border-radius:4px;background:#f2f3f5}
.lp-dk .lp-emb{border-left-color:#1e1f22;background:#2b2d31}
.lp-pv:has(.lp-sl){--pv-bg:#fff;--pv-ink:#1d1c1d;--pv-mu:#616061;--pv-link:#1264a3}
.lp-pv.lp-dk:has(.lp-sl){--pv-bg:#1a1d21;--pv-ink:#d1d2d3;--pv-mu:#ababad;--pv-link:#1d9bd1}
.lp-sl{padding-left:12px;border-left:4px solid #dddddd}
.lp-dk .lp-sl{border-left-color:#35373b}
.lp-sl .lp-tx{gap:4px}
.lp-sl .lp-pic.lp-r191{max-width:360px;margin-top:4px}
/* Pinterest and the other apps */
.lp-pin{display:flex;flex-direction:column;gap:6px;max-width:240px;margin:0 auto}
.lp-pin .lp-pic{border-radius:16px}
.lp-gen.lp-box{border:1px solid var(--pv-line);border-radius:12px;overflow:hidden}
.lp-gen .lp-row{padding:10px 12px}
.lp-gen .lp-row:has(.lp-sq){gap:10px}
.lp-teams{border-left:4px solid #6264a7!important}
.lp-reddit .lp-row{flex-direction:row-reverse}
/* small screens */
 /* 2 + 2 instead of 3 + 1 */
@media print{.lp-tabs,.lp-pan,.lp-res .acts,.lp-opts,.lp-foot,.lp-botsrow,.ag-i,.lp-fixl .btn,.lp-pick{display:none!important}.lp-card2{break-inside:avoid}}
/* v1.59.3: code tab Clear row, list samples line */
.lp-crow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-item)}
.lp-crow .ag-hint{flex:1;min-width:0}
.lp-sample{margin:0}
/* v1.59.9: safe area drawn on the visitor's own picture (top left) + key and "Best for every app" line under it */
.lp-imgtop{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
.lp-thumb.lp-safe-wrap{position:relative;display:inline-block;justify-self:start;max-width:100%;line-height:0}
.lp-safe-wrap img{display:block;max-width:100%;max-height:260px;width:auto;height:auto}
.lp-safe-big,.lp-safe-in{position:absolute;pointer-events:none}
.lp-safe-big{box-shadow:0 0 0 9999px rgba(11,16,32,.5)}
.lp-safe-in{border:2px dashed #fff;box-shadow:0 0 0 1px rgba(11,16,32,.6),inset 0 0 0 1px rgba(11,16,32,.6)}
.lp-safe{padding:var(--pad-box);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}
.lp-safe-txt{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
.lp-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2) var(--gap-grid)}
.lp-key{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);line-height:var(--lh-text,1.5);color:var(--ink)}
.lp-k{flex:none;display:block;width:24px;height:16px;margin-top:2px;border-radius:3px}
.lp-k-in{background:#6B7280;border:2px dashed #fff;box-shadow:0 0 0 1px rgba(11,16,32,.6)}
.lp-k-big{background:rgba(11,16,32,.5);border:1px solid var(--line)}
.lp-k-big.lp-k-ok{background:var(--ok);border-color:transparent;position:relative}
.lp-k-big.lp-k-ok::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:var(--fs-min);font-weight:800;line-height:1}
.lp-best{font-weight:500}
/* v1.60.0: details shown as cards (What we found, each app, robots, old picture) instead of long tables */
.lp-chip{display:inline-block;padding:1px 8px;border-radius:8px;font-size:var(--fs-label);font-weight:600;line-height:1.6;background:var(--surface-2);color:var(--muted)}
.lp-chip.lp-ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--ok)}
.lp-chip.lp-warn{background:color-mix(in srgb,var(--warn) 12%,var(--surface));color:var(--warn)}
.lp-fsum{display:flex;align-items:center;gap:var(--gap-item);font-size:var(--fs-sm);color:var(--ink)}
.lp-bar{flex:1;max-width:260px;height:8px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.lp-bar i{display:block;height:100%;background:var(--grad)}
.lp-fmain,.lp-fgrid,.lp-agrid,.lp-rgrid,.lp-ogrid,.lp-stats{display:grid;gap:var(--sp-2)}
.lp-fgrid,.lp-agrid,.lp-ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-rgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.lp-fgrid>:last-child:nth-child(odd),.lp-agrid>:last-child:nth-child(odd){grid-column:1/-1} /* an odd last card fills the row: no empty hole */
.lp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-fc,.lp-ac,.lp-rc,.lp-oc{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.lp-fch,.lp-ach{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}
.lp-fch b,.lp-ach b,.lp-oc b{font-size:var(--fs-sm);color:var(--ink)}
.lp-fok{font-size:var(--fs-label);font-weight:650;color:var(--ok);white-space:nowrap}
.lp-fv{margin:0;font-size:var(--fs-sm);color:var(--ink);line-height:var(--lh-text,1.5);overflow-wrap:anywhere}
.lp-fgrid .lp-fv{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-fm{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) 6px}
.lp-fm code{font-size:var(--fs-label);color:var(--muted);overflow-wrap:anywhere}
.lp-fc-miss{border-style:dashed;background:var(--surface-2)}
.lp-fc-big{padding:14px 16px}
.lp-ac p,.lp-rc p,.lp-oc p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-text,1.5);color:var(--muted)}
.lp-ac0{border-color:color-mix(in srgb,var(--bad,#c0392b) 40%,var(--line))}
.lp-ac1{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}
.lp-rc-bad{border-color:color-mix(in srgb,var(--bad,#c0392b) 40%,var(--line))}
.lp-rc code{font-size:var(--fs-label)}
.lp-st{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);border-top:3px solid var(--ok)}
.lp-st small{font-size:var(--fs-label);color:var(--muted);font-weight:600}
.lp-st b{font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere}
.lp-st-warn{border-top-color:var(--warn)}
.lp-st-bad{border-top-color:var(--bad,#c0392b)}
.lp-cks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.lp-ck{display:grid;grid-template-columns:auto minmax(0,190px) minmax(0,1fr);align-items:start;gap:var(--sp-2) var(--gap-item);padding:10px 14px;font-size:var(--fs-sm);line-height:var(--lh-text,1.5)}
.lp-ck+.lp-ck{border-top:1px solid var(--line)}
.lp-cki{display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;font-size:var(--fs-min);font-weight:800;color:#fff;background:var(--ok)}
.lp-ck-warn .lp-cki{background:var(--warn)}
.lp-ck-bad .lp-cki{background:var(--bad,#c0392b)}
.lp-ck-info .lp-cki{background:var(--brand)}
.lp-ckl{font-weight:650;color:var(--ink)}
.lp-ckv{color:var(--ink);overflow-wrap:anywhere}
.lp-oc-top{grid-column:1/-1;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}
.lp-oc a{color:var(--brand-ink);font-weight:650}
.lp-oknow{font-weight:500}
@media print{.lp-fc,.lp-ac,.lp-rc,.lp-oc,.lp-st{break-inside:avoid}}

/* Many links: three numbered steps, one way at a time (rule 30, round 1 2026-10-07; the same calm square number tiles as
   HTML to Text's "Many at once"). Width rules for these live in theme tool.css, UNIVERSAL RESPONSIVE SYSTEM part C (rule 43). */
.lp-many{gap:var(--gap-section)}
.lp-step{display:flex;flex-direction:column;gap:var(--gap-item);min-width:0}
.lp-sth{display:flex;align-items:center;gap:12px;margin:0;font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-tight);color:var(--ink)}
.lp-sth small{font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.lp-stn{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));font-family:var(--mono);font-size:15px;font-weight:750}
.lp-stb{display:flex;flex-direction:column;gap:var(--gap-item);padding-left:44px;min-width:0}
.lp .t-choices.lp-msrc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-item)}
.lp .t-choice.lp-src{position:relative;flex-direction:column;align-items:flex-start;gap:10px;padding-right:44px}
.lp-src>input{position:absolute;top:16px;right:16px}
.lp-srci,.lp-dri{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink)}
.lp-srci svg,.lp-dri svg{width:22px;height:22px}
.lp-srcb{display:flex;flex-direction:column;gap:3px;min-width:0}
.lp-srct{font-size:var(--fs-body);font-weight:650;color:var(--ink);line-height:var(--lh-tight)}
.lp-srcs{font-size:var(--fs-label);font-weight:500;color:var(--muted);line-height:var(--lh-text)}
.lp-mway{display:flex;flex-direction:column;gap:var(--gap-item);min-width:0}
.lp-drop{gap:6px;padding:24px 16px} /* rule 161: look, hover / drag-over and height = shared .t-drop (tool.css) */
.lp-drt{font-size:var(--fs-body);font-weight:650;color:var(--ink)}
.lp-dro{font-size:var(--fs-sm);color:var(--muted)}
.lp-drb{margin-top:6px;pointer-events:none}
.lp-mfrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:var(--fs-sm);color:var(--ink)}
.lp-mfn{font-weight:650;overflow-wrap:anywhere}
.lp-mfl{margin:0;padding:10px 14px 10px 36px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-sm);color:var(--ink);line-height:1.6}
.lp-mfl li{overflow-wrap:anywhere}
.lp-mready{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.lp-many .lp-go{align-self:flex-start}
.lp-msum{margin:0;font-size:var(--fs-body);font-weight:650;color:var(--ink)}
.lp-many .ag-hint,.lp-many .t-msg{margin:0}
.lp-mtbl .btn{white-space:nowrap}
.lp-mtbl td small.lp-mt{font-weight:500}
/* progress panel for every file this tool gives the visitor (rule 182, 2026-10-26): own copy of the Table to Image panel (rule 171 (f)), renamed lp-pg; it floats at the bottom like the toast, so the tool never moves */
.lp-pg{position:fixed;inset-inline:var(--gap-item);bottom:28px;margin:0 auto;max-inline-size:26rem;z-index:61;display:flex;flex-direction:column;gap:var(--gap-item);padding:var(--gap-item);border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 8%,transparent),var(--shadow);animation:lp-pg-in .25s ease both}
.lp-pg[hidden]{display:none}
.lp-pgh{display:flex;align-items:center;gap:var(--gap-item);min-inline-size:0}
.lp-pgring{--p:0;position:relative;flex:none;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p)*1%),color-mix(in srgb,var(--brand) 16%,var(--surface)) 0)}
.lp-pgring::before{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
.lp-pgring>b{position:relative;font-size:12px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.lp-pgx{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0}
.lp-pgt{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere}
.lp-pgs{font-size:var(--fs-label);color:var(--muted);overflow-wrap:anywhere}
.lp-pgbar{position:relative;display:block;block-size:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--brand) 14%,var(--surface));overflow:hidden}
.lp-pgbar>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 70%,#fff),var(--brand));transition:width .35s ease;overflow:hidden}
.lp-pgbar>i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:lp-pg-sheen 1.4s ease-in-out infinite}
.lp-pgm{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums}
.lp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
@keyframes lp-pg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lp-pg-sheen{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.lp-pg,.lp-pgbar>i::after{animation:none}.lp-pgbar>i{transition:none}}
@media print{.lp-pg{display:none}}