:root{--dlr-ink:#21262b;--dlr-muted:#69737a;--dlr-red:#a7524c;--dlr-dark:#6e3632;--dlr-line:#eadeda;--dlr-soft:#fff1ef}body{background:linear-gradient(180deg,#fff6f4,#fff 530px);color:var(--dlr-ink)}.dlr-page{max-width:1160px;margin:auto}.dlr-hero{background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.7),transparent 27%),linear-gradient(135deg,#ffe8e3,#edf7f5 55%,#edf1ff);border-bottom:1px solid var(--dlr-line)}.dlr-hero .tool-hero-icon{width:86px;height:86px;border-radius:27px;background:linear-gradient(145deg,var(--dlr-red),var(--dlr-dark));box-shadow:0 16px 30px rgba(110,54,50,.23)}.dlr-banner{display:none;margin:18px 0 10px;padding:11px 14px;border:1px solid #e1c0bd;border-radius:11px;background:var(--dlr-soft);color:var(--dlr-dark)}.dlr-banner.show{display:block}.tt-toolbar,.tt-input,.tt-output{border-color:var(--dlr-line)!important;box-shadow:0 11px 32px rgba(77,43,40,.05)}.tt-btn.active{background:linear-gradient(135deg,var(--dlr-red),var(--dlr-dark))!important}.dlr-check{display:flex;align-items:center;gap:6px;font-size:13px}.dlr-check input{accent-color:var(--dlr-red)}.tt-input,.tt-output{min-height:340px!important}.dlr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.dlr-stats span{padding:12px;border:1px solid var(--dlr-line);border-radius:11px;background:#fff;color:var(--dlr-muted)}.dlr-stats b{color:var(--dlr-red)}.dlr-info,.dlr-faq{max-width:1160px;margin:54px auto 0;padding:0 24px}.dlr-faq{padding-bottom:70px}.dlr-info h2,.dlr-faq h2{font-size:30px}.dlr-info>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dlr-info article{padding:21px;border:1px solid var(--dlr-line);border-radius:16px;background:#fff}.dlr-info article b{color:var(--dlr-red)}.dlr-info p,.dlr-faq p{color:var(--dlr-muted);line-height:1.65}.dlr-faq details{padding:17px 2px;border-bottom:1px solid var(--dlr-line)}.dlr-faq summary{cursor:pointer;font-weight:800}@media(max-width:700px){.dlr-page,.dlr-info,.dlr-faq{padding-left:14px!important;padding-right:14px!important}.dlr-stats{grid-template-columns:repeat(2,1fr)}.dlr-info>div{grid-template-columns:1fr}.dlr-info h2,.dlr-faq h2{font-size:26px}}
