.reddit-tool{
  --rg-ink:#221d1a;
  --rg-deep:#151110;
  --rg-flare:#e8552b;
  --rg-amber:#e8a92b;
  --rg-mint:#8fd3b6;
  --rg-paper:#faf6f0;
  --rg-panel:#fffdf9;
  --rg-line:#e3d9cf;
  background:#fbf8f3;
}
.reddit-tool [hidden]{display:none!important}
.reddit-tool .article-reading article>.reddit-answer{
  position:relative;
  margin-top:4px;
  padding:30px 32px 26px 36px;
  border:1px solid #e0d3c6;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(232,85,43,.055) 1px,transparent 1px),
    linear-gradient(rgba(232,85,43,.055) 1px,transparent 1px),
    linear-gradient(130deg,#fffdf9 0 62%,#fbeee6 62% 100%);
  background-size:26px 26px,26px 26px,auto;
  overflow:hidden;
}
.reddit-tool .reddit-answer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:100%;
  background:linear-gradient(var(--rg-flare) 0 42%,var(--rg-amber) 42% 100%);
}
.reddit-tool .reddit-answer h1,.reddit-tool h2{
  font-family:Georgia,"Times New Roman",serif;
}
.reddit-tool .reddit-answer h1{
  max-width:16ch;
  margin:0;
  color:var(--rg-ink);
  font-size:clamp(38px,5.2vw,64px);
  line-height:1.03;
  letter-spacing:-.045em;
}
.reddit-tool .reddit-answer h1 span{color:var(--rg-flare)}
.reddit-tool .reddit-answer .lead{
  max-width:80ch;
  margin:18px 0 0;
  color:#413733;
  font-size:17px;
  line-height:1.72;
}
.reddit-tool .reddit-answer .tool-note,
.reddit-tool .reddit-answer .read-stamp{
  max-width:80ch;
  margin:10px 0 0;
  color:#5f554f;
  font-size:14px;
  line-height:1.65;
}
.reddit-tool .reddit-answer .article-meta{
  margin:12px 0 16px;
  color:#6a5f58;
  font-size:13px;
}
.surface-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:22px 0 0;
}
.surface-card{
  min-width:0;
  padding:14px 15px 13px;
  border:1px solid #e0d2c5;
  border-radius:6px;
  background:rgba(255,253,249,.94);
}
.surface-card span{
  display:block;
  color:#c1471f;
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.surface-card strong{
  display:block;
  margin-top:6px;
  color:var(--rg-ink);
  font-size:19px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.surface-card small{
  display:block;
  margin-top:9px;
  color:#5f554f;
  font-size:12px;
  line-height:1.55;
}
.reddit-tool .hero-crop{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:18px 0 0;
  padding:11px 18px;
  border:0;
  border-radius:5px;
  background:var(--rg-ink);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.reddit-tool .hero-crop span{
  color:var(--rg-amber);
  font-size:13px;
}
.reddit-tool .hero-crop:focus-visible{
  outline:2px solid var(--rg-flare);
  outline-offset:3px;
}
.reddit-tool .article-reading .article-jumps{
  margin-top:22px;
}
.reddit-tool .article-jumps a{
  color:#b8471f;
}
.reddit-tool .table-scroll{
  width:100%;
  max-width:100%;
  margin:22px 0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.reddit-tool .table-scroll:focus-visible{
  outline:2px solid var(--rg-flare);
  outline-offset:3px;
}
.reddit-tool .table-scroll table{
  min-width:1000px;
  margin:0;
  table-layout:fixed;
}
.reddit-tool .facts-table th:nth-child(1){width:17%}
.reddit-tool .facts-table th:nth-child(2){width:17%}
.reddit-tool .facts-table th:nth-child(3){width:19%}
.reddit-tool .facts-table th:nth-child(4){width:13%}
.reddit-tool .facts-table th:nth-child(5){width:12%}
.reddit-tool .facts-table th:nth-child(6){width:13%}
.reddit-tool .facts-table th:nth-child(7){width:9%}
.reddit-tool .not-stated{
  color:#7c2f18;
  font-weight:700;
}
.reddit-tool .scope-callout{
  margin:22px 0;
  padding:18px 20px;
  border-left:4px solid var(--rg-flare);
  border-radius:0 6px 6px 0;
  background:#fdf1e9;
  color:#54382c;
  font-size:14px;
  line-height:1.7;
}
.reddit-tool .checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
  counter-reset:check;
}
.reddit-tool .checklist li{
  position:relative;
  min-width:0;
  padding:18px 18px 16px 54px;
  border:1px solid var(--rg-line);
  border-radius:6px;
  background:var(--rg-panel);
  color:#51463f;
  font-size:13px;
  line-height:1.66;
  counter-increment:check;
}
.reddit-tool .checklist li::before{
  content:counter(check,decimal-leading-zero);
  position:absolute;
  top:17px;
  left:15px;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:4px;
  background:var(--rg-ink);
  color:var(--rg-amber);
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.reddit-tool .checklist strong{
  display:block;
  margin-bottom:5px;
  color:var(--rg-ink);
  font-size:14px;
}
.reddit-tool .reddit-workspace{
  display:grid;
  grid-template-columns:335px minmax(0,1fr);
  align-items:start;
  margin-top:24px;
}
.reddit-tool .editor{
  border-color:var(--rg-line);
  border-radius:6px;
  background:var(--rg-panel);
}
.reddit-tool .editor h2{
  margin-top:0;
}
.reddit-tool .upload{
  margin-top:8px;
  border-color:#d3b49e;
  border-radius:6px;
  background:#fdf2ea;
}
.reddit-tool .upload:focus-within,.reddit-tool .upload.drag{
  outline-color:var(--rg-flare);
}
.reddit-tool .editor>label:not(.upload),
.reddit-tool .dimensions label{
  display:block;
  color:var(--rg-ink);
  font-size:12px;
  font-weight:700;
}
.reddit-tool .dimensions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.reddit-tool .editor select{
  border-color:#dccdc0;
  border-radius:5px;
}
.reddit-tool .editor input:focus-visible,.reddit-tool .editor select:focus-visible{
  outline-color:var(--rg-flare);
}
.reddit-tool .editor input:disabled,.reddit-tool .editor select:disabled{
  cursor:not-allowed;
  opacity:.48;
}
.reddit-tool .canvas-note,.reddit-tool .limit-note{
  margin:9px 0 0;
  font-size:12px;
  line-height:1.55;
  color:#5f554f;
}
.reddit-tool .limit-note{
  padding-top:10px;
  border-top:1px solid var(--rg-line);
}
.reddit-tool .output-frame{
  display:grid;
  min-height:230px;
  place-items:center;
  padding:14px;
  border-color:var(--rg-line);
  border-radius:6px;
  background:
    linear-gradient(45deg,#eee6dd 25%,transparent 25%) 0 0/18px 18px,
    linear-gradient(-45deg,#eee6dd 25%,transparent 25%) 0 9px/18px 18px,
    linear-gradient(45deg,transparent 75%,#eee6dd 75%) 9px -9px/18px 18px,
    linear-gradient(-45deg,transparent 75%,#eee6dd 75%) -9px 0/18px 18px,
    #fbf7f2;
}
.reddit-tool .output-frame img{
  display:block;
  max-width:100%;
  max-height:520px;
  object-fit:contain;
}
.reddit-tool .output-frame p{
  margin:0;
  color:#6a5f58;
}
.reddit-tool #status{
  color:var(--rg-ink);
  font-variant-numeric:tabular-nums;
}
.reddit-tool #area,.reddit-tool #size-note{
  font-size:12px;
  line-height:1.6;
  color:#5f554f;
}
.reddit-tool #download{
  width:100%;
  margin-top:14px;
  border:0;
  border-radius:5px;
  background:var(--rg-ink);
  color:#fff;
}
.reddit-tool #retry{
  margin-top:10px;
  border:1px solid #d9b7a2;
  border-radius:5px;
  background:#fdf3ec;
  color:#7c3d28;
}
.reddit-tool .checks{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid var(--rg-line);
}
.reddit-tool .checks h2{
  margin-bottom:8px;
  font-size:19px;
}
.reddit-tool .checks li{
  padding:8px 9px;
  border:0;
  border-radius:4px;
  font-size:12px;
  line-height:1.55;
}
.reddit-tool .checks li+li{margin-top:5px}
.reddit-tool .checks li.ok{color:#175c42;background:#e9f6ee}
.reddit-tool .checks li.warn{color:#8a3a22;background:#fdeee6}
.reddit-tool .checks li.neutral{color:#5f554f;background:#f4efe9}
.reddit-tool .source-line{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.6;
}
.reddit-tool .source-line a{
  color:#b8471f;
}
.reddit-tool .sample-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:22px 0 0;
}
.reddit-tool .sample-grid figure{
  min-width:0;
  margin:0;
}
.reddit-tool .sample-grid figure>span{
  display:block;
  padding:7px 9px;
  border:1px solid #ddcfc2;
  border-bottom:0;
  border-radius:6px 6px 0 0;
  background:var(--rg-ink);
  color:#ffd9a3;
  font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.reddit-tool .sample-grid img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid #ddcfc2;
  border-radius:0 0 6px 6px;
  background:
    linear-gradient(45deg,#eee6dd 25%,transparent 25%) 0 0/16px 16px,
    linear-gradient(-45deg,#eee6dd 25%,transparent 25%) 0 8px/16px 16px,
    linear-gradient(45deg,transparent 75%,#eee6dd 75%) 8px -8px/16px 16px,
    linear-gradient(-45deg,transparent 75%,#eee6dd 75%) -8px 0/16px 16px,
    #fff;
}
.reddit-tool .sample-grid figcaption{
  margin-top:7px;
  font-size:11px;
  line-height:1.5;
}
.reddit-tool .study-table table{
  min-width:1000px;
  table-layout:fixed;
}
.reddit-tool .study-table th:nth-child(1){width:11%}
.reddit-tool .study-table th:nth-child(2){width:7%}
.reddit-tool .study-table th:nth-child(3){width:24%}
.reddit-tool .study-table th:nth-child(4){width:20%}
.reddit-tool .study-table th:nth-child(5){width:9%}
.reddit-tool .study-table th:nth-child(6){width:9%}
.reddit-tool .study-table th:nth-child(7){width:12%}
.reddit-tool .study-table th:nth-child(8){width:8%}
.reddit-tool .formula{
  border-radius:4px;
  background:#f6e9df;
  color:#3a2a22;
}
.reddit-tool .source-list{
  padding-left:20px;
  list-style:disc;
}
.reddit-tool .source-list li{
  margin:9px 0;
  padding-left:3px;
  color:#5f554f;
  font-size:13px;
  line-height:1.65;
}
.reddit-tool details{
  color:#4a403a;
}
.reddit-tool details p{
  margin-top:0;
}
.reddit-tool .official-footer{
  font-size:12px;
  line-height:1.7;
  margin:0 0 12px;
}
@media(max-width:1000px){
  .reddit-tool .reddit-workspace{grid-template-columns:1fr}
  .surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .reddit-tool .article-reading article>.reddit-answer{padding:24px 18px 22px 26px}
  .reddit-tool .reddit-answer h1{font-size:38px}
  .surface-grid{grid-template-columns:1fr}
  .reddit-tool .checklist{grid-template-columns:1fr}
  .reddit-tool .table-scroll table,.reddit-tool .study-table table{min-width:0;width:100%;table-layout:auto}
  .reddit-tool .table-scroll caption{overflow-wrap:anywhere}
  .reddit-tool .table-scroll th[scope="row"],.reddit-tool .table-scroll td{width:100%!important}
  .reddit-tool .sample-grid{grid-template-columns:1fr}
  .reddit-tool .dimensions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .reddit-tool *{scroll-behavior:auto}
}