.debug-hero{padding:76px 0;grid-template-columns:1.2fr .8fr}
.mini-visual{border-radius:16px;padding:30px;background:#1c2848;color:#eef8ff;box-shadow:0 18px 45px #18213c23}
.mini-title{font-weight:850;font-size:1.07rem;margin:0 0 20px}
.mini-row{display:flex;justify-content:space-between;gap:14px;margin:10px 0;padding:10px 0;border-bottom:1px solid #394966;font-size:.84rem}
.mini-row span{color:#b1c1d6}.mini-row strong{font-size:.8rem;text-align:right;color:#bcf2e1;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.mini-divider{margin:20px 0;border-top:2px dashed #526382}.mini-warning{background:#3f344f;color:#ffe5be;padding:14px;border:1px solid #6f557c;border-radius:8px;font-size:.77rem;margin-top:25px}
.debug-input>.field-label,.debug-input>select{margin-left:21px;margin-right:21px}
.debug-input>select{width:calc(100% - 42px)}.debug-input textarea{min-height:320px}
.debug-input .mode-bar{gap:9px}.debug-input .mode-bar .sample-btn{flex:1}
.result-col code{overflow-wrap:anywhere}.result-col .detail{grid-template-columns:126px 1fr}
.result-col .detail code{white-space:normal}
.cards code{font-size:.78rem;color:#5544ab;overflow-wrap:anywhere}
.source-links{justify-content:flex-start;margin:22px 0}
.debug-offer{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.debug-offer>div{border:1px solid #d7daea;border-radius:13px;background:#fff;padding:27px}
.debug-offer h3{font-size:1.55rem;margin:11px 0}.debug-offer p{font-size:.85rem;color:#626f85;line-height:1.8}
.debug-offer .btn{margin-top:15px}
.small-feedback{padding:23px;background:#e6e1fc;border-radius:11px;margin-bottom:15px}
.small-feedback strong{font-size:1.08rem;color:#3c328d}
.small-feedback p{color:#66627d;font-size:.89rem}
@media(max-width:840px){.debug-hero,.debug-offer{grid-template-columns:1fr}.mini-visual{max-width:600px}}
@media(max-width:500px){.mini-visual{padding:18px}.debug-offer>div{padding:20px}}