.discord-tool{
  --discord-ink:#162333;
  --discord-deep:#0c1724;
  --discord-mint:#80dcc8;
  --discord-teal:#0c8075;
  --discord-coral:#e2734d;
  --discord-paper:#f5f2e8;
  --discord-panel:#fffdf8;
  --discord-line:#d7dfd7;
  background:#fcfbf6;
}
.discord-tool [hidden]{display:none!important}
.discord-tool .article-reading article>.discord-answer{
  position:relative;
  margin-top:4px;
  padding:30px 32px 28px;
  border:1px solid #cbd8d1;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(12,128,117,.06) 1px,transparent 1px),
    linear-gradient(rgba(12,128,117,.06) 1px,transparent 1px),
    linear-gradient(128deg,#fffdf8 0 60%,#e5f2ec 60% 100%);
  background-size:28px 28px,28px 28px,auto;
  overflow:hidden;
}
.discord-tool .discord-answer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:9px;
  height:100%;
  background:linear-gradient(var(--discord-coral) 0 34%,var(--discord-mint) 34% 100%);
}
.discord-tool .discord-answer h1,.discord-tool h2{
  font-family:Georgia,"Times New Roman",serif;
}
.discord-tool .discord-answer h1{
  max-width:18ch;
  margin:0;
  color:var(--discord-ink);
  font-size:clamp(38px,5.2vw,64px);
  line-height:1.03;
  letter-spacing:-.045em;
}
.discord-tool .discord-answer h1 span{color:var(--discord-coral)}
.discord-tool .discord-answer .lead{
  max-width:78ch;
  margin:18px 0 0;
  color:#3e514c;
  font-size:17px;
  line-height:1.72;
}
.discord-tool .discord-answer .tool-note{
  max-width:78ch;
  margin:10px 0 0;
  color:#536660;
  font-size:14px;
  line-height:1.65;
}
.discord-tool .discord-answer .article-meta{
  margin:12px 0 16px;
  color:#5f706a;
  font-size:13px;
}
.surface-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:22px 0 0;
}
.surface-card{
  min-width:0;
  padding:14px 15px 13px;
  border:1px solid #c7d6d0;
  border-radius:6px;
  background:rgba(255,253,248,.92);
}
.surface-card strong{
  display:block;
  color:var(--discord-ink);
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.surface-card span{
  display:block;
  margin-top:5px;
  color:var(--discord-teal);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.surface-card small{
  display:block;
  margin-top:9px;
  color:#536660;
  font-size:12px;
  line-height:1.55;
}
.discord-tool .article-reading .article-jumps{
  margin-top:22px;
}
.discord-tool .article-jumps a{
  color:var(--discord-teal);
}
.discord-tool .table-scroll{
  width:100%;
  max-width:100%;
  margin:22px 0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.discord-tool .table-scroll:focus-visible{
  outline:2px solid var(--discord-teal);
  outline-offset:3px;
}
.discord-tool .table-scroll table{
  min-width:940px;
  margin:0;
  table-layout:fixed;
}
.discord-tool .table-scroll th:first-child{width:18%}
.discord-tool .table-scroll th:nth-child(2){width:19%}
.discord-tool .table-scroll th:nth-child(3){width:21%}
.discord-tool .table-scroll th:nth-child(4){width:32%}
.discord-tool .table-scroll th:nth-child(5){width:10%}
.discord-tool .scope-callout{
  margin:22px 0;
  padding:18px 20px;
  border-left:4px solid var(--discord-coral);
  border-radius:0 6px 6px 0;
  background:#fff4ed;
  color:#52382f;
  font-size:14px;
  line-height:1.7;
}
.discord-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;
}
.discord-tool .checklist li{
  position:relative;
  min-width:0;
  padding:18px 18px 16px 54px;
  border:1px solid var(--discord-line);
  border-radius:6px;
  background:var(--discord-panel);
  color:#4f615b;
  font-size:13px;
  line-height:1.66;
  counter-increment:check;
}
.discord-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(--discord-ink);
  color:var(--discord-mint);
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.discord-tool .checklist strong{
  display:block;
  margin-bottom:5px;
  color:var(--discord-ink);
  font-size:14px;
}
.discord-tool .discord-workspace{
  display:grid;
  grid-template-columns:335px minmax(0,1fr);
  align-items:start;
  margin-top:24px;
}
.discord-tool .editor{
  border-color:var(--discord-line);
  border-radius:6px;
  background:var(--discord-panel);
}
.discord-tool .editor h2{
  margin-top:0;
}
.discord-tool .upload{
  margin-top:8px;
  border-color:#9bbab2;
  border-radius:6px;
  background:#eef7f3;
}
.discord-tool .upload:focus-within,.discord-tool .upload.drag{
  outline-color:var(--discord-teal);
}
.discord-tool .editor>label:not(.upload),
.discord-tool .dimensions label{
  display:block;
  color:var(--discord-ink);
  font-size:12px;
  font-weight:700;
}
.discord-tool .dimensions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.discord-tool .editor select{
  border-color:#bfcfca;
  border-radius:5px;
}
.discord-tool .editor input:focus-visible,.discord-tool .editor select:focus-visible{
  outline-color:var(--discord-teal);
}
.discord-tool .editor input:disabled,.discord-tool .editor select:disabled{
  cursor:not-allowed;
  opacity:.48;
}
.discord-tool .preset-note,.discord-tool .eligibility-note,.discord-tool .limit-note{
  margin:9px 0 0;
  font-size:12px;
  line-height:1.55;
  color:#566963;
}
.discord-tool .eligibility-note{
  padding-top:10px;
  border-top:1px solid var(--discord-line);
}
.discord-tool .output-frame{
  display:grid;
  min-height:260px;
  place-items:center;
  padding:14px;
  border-color:var(--discord-line);
  border-radius:6px;
  background:
    linear-gradient(45deg,#e5ebe5 25%,transparent 25%) 0 0/18px 18px,
    linear-gradient(-45deg,#e5ebe5 25%,transparent 25%) 0 9px/18px 18px,
    linear-gradient(45deg,transparent 75%,#e5ebe5 75%) 9px -9px/18px 18px,
    linear-gradient(-45deg,transparent 75%,#e5ebe5 75%) -9px 0/18px 18px,
    #f8faf6;
}
.discord-tool .output-frame img{
  display:block;
  max-width:100%;
  max-height:520px;
  object-fit:contain;
}
.discord-tool .output-frame p{
  margin:0;
  color:#5c6c67;
}
.discord-tool #status{
  color:var(--discord-ink);
  font-variant-numeric:tabular-nums;
}
.discord-tool #area,.discord-tool #size-note{
  font-size:12px;
  line-height:1.6;
  color:#566963;
}
.discord-tool #download{
  width:100%;
  margin-top:14px;
  border:0;
  border-radius:5px;
  background:var(--discord-ink);
  color:#fff;
}
.discord-tool #retry{
  margin-top:10px;
  border:1px solid #d6b19f;
  border-radius:5px;
  background:#fff5ef;
  color:#7c3d28;
}
.discord-tool .checks{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid var(--discord-line);
}
.discord-tool .checks h2{
  margin-bottom:8px;
  font-size:19px;
}
.discord-tool .checks li{
  padding:8px 9px;
  border:0;
  border-radius:4px;
  font-size:12px;
  line-height:1.55;
}
.discord-tool .checks li+li{margin-top:5px}
.discord-tool .checks li.ok{color:#175c42;background:#e9f6ee}
.discord-tool .checks li.warn{color:#8a3a22;background:#fff0e8}
.discord-tool .checks li.neutral{color:#536660;background:#f1f5f1}
.discord-tool .source-line{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.6;
}
.discord-tool .source-line a{
  color:var(--discord-teal);
}
.discord-tool .sample-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0 0;
}
.discord-tool .sample-grid figure{
  min-width:0;
  margin:0;
}
.discord-tool .sample-grid figure>span{
  display:block;
  padding:7px 9px;
  border:1px solid #c7d4cf;
  border-bottom:0;
  border-radius:6px 6px 0 0;
  background:var(--discord-ink);
  color:var(--discord-mint);
  font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.discord-tool .sample-grid img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid #c7d4cf;
  border-radius:0 0 6px 6px;
  background:
    linear-gradient(45deg,#e5ebe5 25%,transparent 25%) 0 0/16px 16px,
    linear-gradient(-45deg,#e5ebe5 25%,transparent 25%) 0 8px/16px 16px,
    linear-gradient(45deg,transparent 75%,#e5ebe5 75%) 8px -8px/16px 16px,
    linear-gradient(-45deg,transparent 75%,#e5ebe5 75%) -8px 0/16px 16px,
    #fff;
}
.discord-tool .sample-grid figcaption{
  margin-top:7px;
  font-size:11px;
  line-height:1.5;
}
.discord-tool .top-band-figure{
  max-width:640px;
}
.discord-tool .top-band-figure img{
  border:1px solid #c7d4cf;
  border-radius:6px;
}
.discord-tool .study-table table{
  min-width:960px;
  table-layout:fixed;
}
.discord-tool .study-table th:nth-child(1){width:12%}
.discord-tool .study-table th:nth-child(2){width:8%}
.discord-tool .study-table th:nth-child(3){width:25%}
.discord-tool .study-table th:nth-child(4){width:23%}
.discord-tool .study-table th:nth-child(5){width:14%}
.discord-tool .study-table th:nth-child(6){width:18%}
.discord-tool .formula{
  border-radius:4px;
  background:#e3efe9;
  color:#233a33;
}
.discord-tool .source-list{
  padding-left:20px;
  list-style:disc;
}
.discord-tool .source-list li{
  margin:9px 0;
  padding-left:3px;
  color:#52645e;
  font-size:13px;
  line-height:1.65;
}
.discord-tool details{
  color:#455852;
}
.discord-tool details p{
  margin-top:0;
}
.discord-tool .official-footer{
  font-size:12px;
  line-height:1.7;
  margin:0 0 12px;
}
@media(max-width:1000px){
  .discord-tool .discord-workspace{grid-template-columns:1fr}
  .discord-tool .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .discord-tool .article-reading article>.discord-answer{padding:24px 20px 22px 24px}
  .discord-tool .discord-answer h1{font-size:38px}
  .surface-grid{grid-template-columns:1fr}
  .discord-tool .checklist{grid-template-columns:1fr}
  .discord-tool .table-scroll table,.discord-tool .study-table table{min-width:0;width:100%;table-layout:auto}
  .discord-tool .table-scroll caption{overflow-wrap:anywhere}
  .discord-tool .table-scroll th[scope="row"],.discord-tool .table-scroll td{width:100%!important}
  .discord-tool .sample-grid{grid-template-columns:1fr}
  .discord-tool .dimensions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .discord-tool *{scroll-behavior:auto}
}