.tools-dialog{position:fixed;inset:0;border:1px solid #3f634a;background:#111f17;color:#edf8f0;border-radius:14px;width:min(960px,calc(100% - 36px));max-height:calc(100svh - 50px);margin:auto;padding:0;overscroll-behavior:contain;box-shadow:0 40px 100px #0008}.tools-dialog::backdrop{background:#020b06b8;backdrop-filter:blur(6px)}.tools-shell{padding:32px}.tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.tools-head .eyebrow{margin-bottom:8px;font-size:10px}.tools-head h2{font-size:28px}.close-dialog{border:1px solid #536c58;border-radius:50%;font-size:29px;width:43px;height:43px;line-height:1}.close-dialog:hover{color:var(--green);border-color:var(--green)}.tools-intro{color:#a2baa9;font-size:14px;margin-top:10px}.tool-tabs{display:flex;gap:24px;border-bottom:1px solid #3a5442;margin:25px 0}.tool-tabs button{padding:12px 0;font-size:15px;color:#a0b7a7;border-bottom:2px solid transparent}.tool-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.check-layout,.margin-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:35px}.check-inputs h3{font-size:16px;margin-bottom:12px}.check-inputs label{display:flex;gap:12px;align-items:center;padding:9px 0;font-size:14px;cursor:pointer}.check-inputs input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.check-result,.margin-result{padding:25px;background:#1b3022;border:1px solid #3a5842;border-radius:7px;align-self:start}.check-result>span,.margin-result>span{font-size:13px;color:#a4c0ac}.score{display:flex;gap:10px;align-items:baseline}.score strong{font-size:58px;font-weight:500;color:var(--green);line-height:1.4}.score>span{color:#8aa892;font-size:15px}.check-result>p{font-size:14px;margin-bottom:20px}.check-result h4{font-size:13px;color:#9ebbab;font-weight:400;border-top:1px solid #3b5643;padding-top:18px}.check-result ol{padding-left:18px;font-size:14px;margin:9px 0 20px;line-height:2}.check-result>small{font-size:12px;color:#95ad9a;display:block;line-height:1.8}.sample-note{font-size:13px;color:#9eb7a6;margin-bottom:15px}.margin-inputs label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:12px}.margin-inputs input{width:115px;padding:8px 12px;background:#0a1710;color:#e7f3ec;border:1px solid #52705c;border-radius:5px;text-align:right}.margin-inputs input:invalid{border-color:#efa786}.margin-value{display:flex;align-items:baseline;gap:10px;color:var(--green)}.margin-value small{font-size:15px}.margin-value strong{font-size:48px;font-weight:500;letter-spacing:-.03em}.margin-result>p{font-size:13px}.margin-result dl{font-size:12px;padding-top:16px;border-top:1px solid #3b5643;margin-top:18px}.margin-result dl>div{display:flex;justify-content:space-between;gap:15px;margin:9px 0}.margin-result dt{color:#a0b6a5}.margin-result dd{margin:0}.margin-result .formula-note{font-size:12px;color:#91aa98;line-height:1.8;margin-top:18px}.margin-note{font-size:12px;color:#8ca496;line-height:1.9;margin-top:20px}.tools-bottom{border-top:1px solid #3c5542;margin-top:25px;padding-top:23px}.tools-bottom>div{display:flex;gap:12px;flex-wrap:wrap}.tools-bottom>p{font-size:12px;color:#a5bfac;margin-top:13px}.tools-bottom textarea{width:100%;min-height:170px;margin-top:15px;background:#0b1710;color:#d5eedd;border:1px solid #4b6955;padding:12px;font-size:14px}.no-script-note{padding:30px;color:var(--green)}

@media(max-width:680px){.tools-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.tools-shell{padding:22px 18px}.tools-head h2{font-size:24px}.tool-tabs{gap:16px}.tool-tabs button{font-size:13px}.check-layout,.margin-layout{grid-template-columns:1fr;gap:20px}.margin-inputs input{width:110px}.tools-bottom .button{font-size:13px}.tools-head .eyebrow{font-size:10px}.check-result,.margin-result{padding:22px}}