.tool{margin-bottom:8px}.tool-quick{border:1px solid var(--line);background:var(--card);border-radius:24px;margin-bottom:28px;padding:clamp(18px,3vw,28px)}.tool-quick label{color:var(--ink);margin-bottom:10px;font-weight:800;display:block}.tool-quick-row{flex-wrap:wrap;gap:10px;display:flex}.tool-quick-row input{flex:220px}.tool input,.tool select,.tool textarea,.tool-quick input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#ffffff0f;border-radius:14px;padding:12px 14px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4}.tool textarea{resize:vertical}.tool select option{color:#111}.tool input:focus-visible,.tool select:focus-visible,.tool textarea:focus-visible,.tool-quick input:focus-visible{outline-offset:1px;outline:2px solid #ff9a1f}.tool-cols{align-items:start;gap:16px;display:grid}.tool-form,.tool-result{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:clamp(18px,3vw,28px)}.tool-form{gap:14px;display:grid}.tool-form label{color:var(--ink-mid);gap:6px;font-size:14.5px;font-weight:700;display:grid}.tool-form fieldset{border:1px solid var(--line);border-radius:16px;gap:14px;margin:0;padding:14px;display:grid}.tool-form legend{color:var(--ink);padding:0 6px;font-weight:800}.tool-note{color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.5}.tool-result{gap:16px;display:grid}@media (width>=900px){.tool-cols{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.tool-result{position:sticky;top:96px}}.tool-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tool-compare>div{background:#ffffff0d;border-radius:18px;gap:4px;padding:16px;display:grid}.tool-compare small{color:var(--ink-dim);font-size:13px}.tool-compare b{font:800 clamp(22px, 4vw, 32px)/1.1 var(--display);letter-spacing:-.02em;background:linear-gradient(100deg,#ff9a1f,#ff3f8e 55%,#6b3df2);color:#0000;-webkit-background-clip:text;background-clip:text}.tool-compare span{min-height:1.4em;color:var(--ink-mid);font-size:13.5px}.tool-verdict{min-height:3em;color:var(--ink);margin:0;font-weight:700}.tool-dl{margin:0;display:grid}.tool-dl>div{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.tool-dl dt{color:var(--ink-mid);font-size:14.5px}.tool-dl dd{min-height:1.4em;color:var(--ink);text-align:right;margin:0;font-weight:800}.tool-link{color:var(--ink);overflow-wrap:anywhere;background:#ffffff0d;border-radius:14px;padding:14px;font-size:14.5px;display:block}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-result .btn[disabled]{opacity:.45;cursor:not-allowed}.tool-qr canvas{border-radius:14px;width:min(220px,100%);height:auto;display:block}.tool-meter{--p:0%;color:var(--ink-dim);margin:-6px 0 0;padding-top:8px;font-size:13px;position:relative}.tool-meter:before{content:"";width:var(--p);background:#25d366;border-radius:3px;height:3px;transition:width .2s;position:absolute;top:0;left:0}.tool-meter.is-over{color:#ffb36b}.tool-meter.is-over:before{background:#ff3f8e}.tool-tabs{background:#ffffff0f;border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.tool-tabs button{min-height:40px;color:var(--ink-mid);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:700}.tool-tabs .is-on{background:var(--ink);color:#14111b}.serp{background:#fff;border-radius:16px;gap:5px;max-width:640px;padding:18px;font-family:Arial,sans-serif;display:grid}.serp.is-m{max-width:390px}.serp-url{color:#202124;overflow-wrap:anywhere;font-size:12.5px}.serp-title{color:#1a0dab;font-size:20px;line-height:1.3}.serp-desc{color:#4d5156;font-size:14px;line-height:1.55}.sa-out{gap:18px;display:grid}.sa-wait,.sa-err{background:var(--card);border:1px solid var(--line);color:var(--ink-mid);border-radius:16px;margin:0;padding:18px}.sa-err{color:#ffb36b}.sa-head{border:1px solid var(--line);background:var(--card);border-radius:24px;flex-wrap:wrap;align-items:center;gap:22px;padding:clamp(18px,3vw,28px);display:flex}.sa-head h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(22px,4vw,32px)}.sa-head p{color:var(--ink-mid);margin:0}.sa-head>div:last-child{flex:240px;min-width:0}.sa-ring{text-align:center;flex:0 0 120px;place-content:center;width:120px;height:120px;display:grid;position:relative}.sa-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.sa-ring circle{fill:none;stroke-width:9px}.sa-bg{stroke:#ffffff1a}.sa-bar{stroke:url(#sa-g);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease)}.sa-ring b{font:800 34px/1 var(--display);color:var(--ink)}.sa-ring span{color:var(--ink-dim);font-size:12px}.sa-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sa-list li{border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.sa-list b{color:var(--ink)}.sa-list p{color:var(--ink-mid);overflow-wrap:anywhere;margin:2px 0 0;font-size:14.5px}.sa-tag{text-align:center;color:#0c0a10;border-radius:999px;flex:0 0 72px;padding:4px 0;font-size:12px;font-weight:800}.is-ok .sa-tag{background:#25d366}.is-warn .sa-tag{background:#ffb36b}.is-bad .sa-tag{background:#ff5c8a}.sa-out>.btn{justify-self:start}@media (prefers-reduced-motion:reduce){.sa-bar{transition:none}}.tool-grid{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.tool-grid{grid-template-columns:1fr 1fr}}@media (width>=1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-grid a{border:1px solid var(--line);background:var(--card);height:100%;transition:transform .3s var(--ease), border-color .3s;border-radius:22px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;display:flex}.tool-grid a:hover{border-color:#ff9a1f8c;transform:translateY(-4px)}.tool-grid b{font:800 22px/1.15 var(--display);color:var(--ink);letter-spacing:-.02em}.tool-grid span{color:var(--ink-mid);font-size:15px}.tool-grid i{color:#ffb36b;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-style:normal;font-weight:800;display:inline-flex}.tool-prose{margin-top:36px}@media (width<=899px){.tool[data-tool=pazaryeri-kar-hesaplama] .tool-result,.tool[data-tool=google-ads-gelir-hesaplama] .tool-result{order:-1}}
