/* Generated pages (/sizes/, /resize/, /limits/): layout on top of /assets/site.css. Tokens come from site.css :root.
   Copied from the inline styles of the hand pages discord-image-sizes/ and discord-file-size-limits/ plus guides.css. */
.page.wide{max-width:1040px}
.crumbs{margin:28px 0 0;font-size:14.5px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--faint)}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--ink-2)}
.page>h1{margin-top:14px}
.page>h3{font-size:20px;margin:28px 0 0}
.page>ul.meta-line{display:flex;flex-wrap:wrap;gap:6px 10px;margin:16px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.meta-line li{background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:4px 12px}
.meta-line b{color:var(--ink)}
.meta-line a{color:var(--brand-ink);font-weight:700}
.answer{margin:22px 0 0;padding:18px 20px;background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--brand);border-radius:var(--r-md);box-shadow:var(--sh-sm)}
.answer p{margin:0;color:var(--ink);font-size:18px;max-width:68ch}
.answer p+p{margin-top:8px;font-size:16px;color:var(--ink-2)}
.callout{margin:24px 0 0;padding:14px 16px;border-radius:var(--r-md);background:var(--brand-soft);border:1px solid #D9D1FF;color:var(--ink-2);max-width:none}
.callout strong{color:var(--ink)}
table.data td small,table.data td .src{display:block;color:var(--muted);font-size:13px;margin-top:4px;overflow-wrap:anywhere}
table.data td.num{font-weight:700;white-space:nowrap}
table.data td:first-child{font-weight:700}
table.data td:first-child .src{font-weight:400}
table.data caption{text-align:left;padding:14px 18px 0;font-weight:700;color:var(--ink)}
.np{color:var(--muted);font-style:italic}
.page .more{margin-top:56px}
.page>.faq{margin-top:20px}
.dl-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.page>.tool{margin-top:24px}
.stage-wrap.cp{aspect-ratio:16/10;min-height:220px}
[data-r="stage"]{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
[data-r="stage"].grabbing{cursor:grabbing}
.zoom-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.zoom-row .btn{width:auto;flex:none;min-width:44px;padding:0 14px}
.controls select{width:100%;max-width:100%;min-width:0}
.pv-box{padding:14px;border-radius:var(--r-md);background:var(--panel);display:grid;place-items:center}
[data-r="pv"]{display:block;max-width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px var(--line);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0/8px 8px}
.out-dims{font:700 15px var(--mono);margin:10px 0 0;text-align:center;color:var(--ink)}
.result .btn{width:100%}
.result .dl-col{display:grid;gap:10px;margin-top:14px}
[data-r="status"]:not(:empty){margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--panel);color:var(--ink-2)}
.page .tool .note{max-width:none}
.page>ul.chips,.chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font-size:14.5px;color:var(--ink-2)}
.chips a{color:var(--brand-ink);font-weight:700;text-decoration:none}
.page>.tool-list{margin-top:18px}
.scope{margin:28px 0 0;font-size:14.5px;color:var(--muted);max-width:72ch}
table.data.lim-t{min-width:760px}
table.data.lim-t td.num{white-space:normal;min-width:110px;max-width:220px}
.lim-t td:nth-child(2){min-width:160px}
.lim-t td:last-child{min-width:300px}