.twitch-tool .workspace{grid-template-columns:320px minmax(0,1fr)}
.twitch-tool .output-frame{background:#f1eef8;min-height:260px}
.twitch-tool .output-frame img{max-height:520px}
.twitch-tool .dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.twitch-tool .dimensions label{font-size:12px}
.twitch-tool .checks{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.twitch-tool .checks li{font-size:12px}
.twitch-tool .checks li.neutral{color:#52675e}
.twitch-tool .checks li.ok{color:#28633a}
.twitch-tool .checks li.warn{color:#a23a2c}
.twitch-tool .button-row{display:flex;gap:10px;flex-wrap:wrap}
.twitch-tool .button-row button{flex:1;min-width:130px;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:white;color:inherit}
.twitch-tool .button-row button#download{background:#6441a5;color:white;border-color:#6441a5}
.twitch-tool .button-row button:disabled{opacity:.45}
.twitch-tool #copy-note{font-size:12px;color:#52675e;margin-top:8px}
.twitch-tool table{font-size:12px}
.twitch-tool .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.twitch-tool .table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.twitch-tool .table-scroll table{min-width:940px}
.twitch-tool .notes article{min-width:0}
.twitch-tool table th:first-child{width:18%}
.twitch-tool table th:nth-child(2){width:16%}
.twitch-tool table th:nth-child(3){width:20%}
.twitch-tool table th:nth-child(4){width:32%}
.twitch-tool table th:nth-child(5){width:14%}
.twitch-tool .correction{background:#f1eef8;border-left:3px solid #6441a5;padding:16px 18px;border-radius:0 6px 6px 0}
.twitch-tool .correction p{max-width:none}
.twitch-tool .notes[aria-labelledby="spec-table-title"]{grid-template-columns:1fr}
.twitch-tool .official-footer{font-size:12px;line-height:1.7;margin:0 0 12px}
/* Original size cards inserted under the matching body sections; no new page, no script-built image. */
.twitch-tool .size-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.twitch-tool figure.size-figure{margin:22px 0 0;min-width:0}
.twitch-tool .size-figures figure.size-figure{margin:0}
.twitch-tool figure.size-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}
.twitch-tool figure.size-figure figcaption{font-size:13px;line-height:1.6;color:#56634f;margin-top:8px}
/* Public explainer video: 16:9 box on the first screen, no autoplay, no extra script. */
.twitch-tool .video-figure{margin:20px 0 0;max-width:820px}
.twitch-tool .video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#101b17;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.twitch-tool .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.twitch-tool .video-frame:focus-within{box-shadow:0 0 0 2px var(--green)}
.twitch-tool .video-frame iframe:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.twitch-tool .video-figure figcaption{font-size:13px;line-height:1.6;color:#56634f;margin-top:8px}
.twitch-tool .video-figure figcaption a{color:inherit}
@media(max-width:760px){.twitch-tool .size-figures{grid-template-columns:minmax(0,1fr)}.twitch-tool .workspace{grid-template-columns:1fr}.twitch-tool .button-row{flex-direction:column}.twitch-tool .button-row button{width:100%}.twitch-tool .table-scroll table{display:table;width:940px}.twitch-tool .table-scroll thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip-path:none}.twitch-tool .table-scroll tbody{display:table-row-group}.twitch-tool .table-scroll tr{display:table-row;border:0;border-radius:0}.twitch-tool .table-scroll th,.twitch-tool .table-scroll td{display:table-cell;width:auto;padding:10px;border:1px solid var(--line)}.twitch-tool .table-scroll tbody td:before{display:none}}