.detail-wrap{padding-top:32px;padding-bottom:95px}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#97a9bd;font-size:12px;margin:0 0 50px}.breadcrumbs a{color:var(--lime)}.detail-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:75px;align-items:center;margin-bottom:52px}.tool-detail-page h1{font-size:clamp(44px,5vw,78px);max-width:760px;line-height:1.08;letter-spacing:-3.5px;margin:22px 0 26px}.tool-detail-page h1 span{color:var(--lime)}.detail-grid .lead{font-size:19px;line-height:1.7;color:#becadb;max-width:620px}.detail-note{color:#8fa7bc;font-size:12px;margin:26px 0 0}.detail-launch .tool-card{width:100%;min-height:285px}.detail-launch .tool-card strong{font-size:20px}.detail-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);column-gap:65px;row-gap:32px}.detail-article>section:first-child{grid-column:1}.detail-article h2{font-size:clamp(24px,3vw,31px);line-height:1.25;letter-spacing:-.9px;margin:0 0 18px}.detail-article p,.detail-article li{font-size:15px;line-height:1.92;color:#b2c1d0}.detail-article p{margin:0 0 32px}.sample-card{grid-column:2;grid-row:1;padding:34px;border:1px solid #334052;border-radius:20px;background:linear-gradient(155deg,#172636,#111c2c);align-self:start}.sample-card h2{margin:20px 0 14px}.sample-card p{font-size:14px}.sample-card .button{margin-top:5px;border:0;cursor:pointer}.detail-article ul{padding:0 0 0 22px;margin:0 0 28px}.detail-article li{margin:12px 0}.detail-article details{border:1px solid #334456;border-radius:12px;padding:17px}.detail-article summary{font-weight:700;cursor:pointer}.detail-article details p{font-size:14px;margin:15px 0 0}.related-tools h2{margin-top:0}.related-tools>div{display:flex;flex-wrap:wrap;gap:11px}.related-tools a{padding:11px 14px;color:var(--lime);border:1px solid #3c4a5c;border-radius:10px;font-size:13px;font-weight:650}.related-tools a:hover{background:#1a2a3d}.guide-directory{padding-top:70px}.guide-directory h2{font-size:clamp(30px,4vw,42px);letter-spacing:-1px;margin:12px 0 8px}.guide-intro{font-size:14px;color:#a8b7c7;margin-bottom:25px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-link{display:flex;flex-direction:column;gap:6px;padding:19px 22px;background:#101c2e;border:1px solid #28394f;border-radius:13px}.guide-link:hover{border-color:#90b959}.guide-link strong{font-size:15px}.guide-link small{font-size:12px;line-height:1.65;color:#9faebd}.guide-link span{font-size:11px;color:var(--lime);font-weight:700}@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:26px}.detail-launch .tool-card{max-width:400px;min-height:220px}.detail-article{display:block}.detail-article>section{margin-top:35px}.sample-card{padding:25px}}@media(max-width:600px){.tool-detail-page h1{font-size:42px;letter-spacing:-2px}.breadcrumbs{margin-bottom:28px}.guide-list{grid-template-columns:1fr}.detail-grid{margin-bottom:32px}.detail-wrap{padding-bottom:55px}}
/* Inline browser utilities: results appear on the page without opening a dialog. */
.detail-grid:has(.inline-panel){grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);align-items:start;gap:42px}
.inline-panel{background:linear-gradient(160deg,#172438,#101b2c);border:1px solid #344458;border-radius:18px;padding:24px;min-width:0}
.inline-panel h2{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:10px 0 8px}
.inline-panel>p#dialog-description{font-size:13px;color:#aab9c9;margin:0 0 12px}
.inline-panel .field textarea{min-height:115px}
.inline-panel .result-area{margin-top:23px}
.inline-panel .result-text{max-height:none}
.inline-panel .run-button{width:100%;justify-content:center}
@media(max-width:900px){.detail-grid:has(.inline-panel){grid-template-columns:1fr;gap:26px}.inline-panel{padding:22px 18px}}