/* Developer toolkit: one working column inside the site frame. */
.dt{max-width:1100px;margin:32px auto 56px;padding:0 clamp(20px,4vw,40px);box-sizing:border-box;color:#1f1f1f;font-size:16px;line-height:1.6}
.dt h1{font-size:clamp(28px,3.4vw,36px);font-weight:700;margin:0 0 10px}
.dt .lead{color:#444746;margin:0 0 16px;max-width:780px}
.dt .privacy{margin:0 0 20px;padding:12px 16px;border-radius:12px;background:#e8f5e9;border:1px solid #9bd3a0;font-size:15px}
.dt .tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.dt .tabs button{font:inherit;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid #8e918f;background:#fff;color:#1f1f1f;cursor:pointer}
.dt .tabs button[aria-selected=true]{background:#0b57d0;border-color:#0b57d0;color:#fff}
.dt section.panel{background:#fff;border:1px solid #c4c7c5;border-radius:12px;padding:18px 20px;margin:0 0 18px}
.dt section.panel[hidden]{display:none}
.dt textarea{width:100%;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;padding:10px;border:1px solid #8e918f;border-radius:8px;box-sizing:border-box}
.dt textarea.out{background:#f8fafd}
.dt .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dt button.act{font:inherit;font-size:15px;padding:9px 16px;border-radius:8px;border:1px solid #0b57d0;background:#0b57d0;color:#fff;cursor:pointer;margin:10px 8px 0 0}
.dt button.act.alt{background:#fff;color:#0b57d0}
.dt .msg{min-height:22px;margin:8px 0 0;font-size:14px}
.dt .ok{color:#146c2e}.dt .bad{color:#b3261e}
.dt .diff{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;background:#f8fafd;border:1px solid #c4c7c5;border-radius:8px;padding:10px;max-height:460px;overflow:auto}
.dt .diff .add{background:#e6ffec;color:#116329}
.dt .diff .del{background:#ffebe9;color:#82071e}
.dt .note{font-size:14px;color:#444746;margin:12px 0 0}
@media (max-width:760px){.dt .row{grid-template-columns:1fr}}