.tool-page{max-width:960px;margin:0 auto;padding:36px 24px 96px}.tool-hero{margin-bottom:28px}.tool-tag{text-transform:uppercase;letter-spacing:.8px;color:#16a34a;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:inline-flex}.tool-tag-dot{background:#16a34a;border-radius:50%;width:5px;height:5px}.tool-h1{letter-spacing:-.8px;color:#111;margin-bottom:8px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(26px,4vw,40px);font-weight:400;line-height:1.1}.tool-desc{color:#6b7280;max-width:560px;font-size:15px;line-height:1.7}.tool-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.tool-layout.wide{grid-template-columns:1fr;max-width:680px}.tool-layout.full{grid-template-columns:1fr}.t-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.t-card-pad{padding:22px}.t-card-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:7px;padding:13px 18px;display:flex}.t-card-title{color:#111;font-size:13px;font-weight:700}.t-card-sub{color:#9ca3af;margin-left:auto;font-size:11px}.t-fg{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.t-fg:last-of-type{margin-bottom:0}.t-label{color:#6b7280;font-size:11px;font-weight:600}.t-hint{color:#9ca3af;margin-left:3px;font-size:10px;font-weight:400}.t-inp,.t-sel{color:#111;appearance:none;background:#f8f7f4;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 13px;font-family:Geist,sans-serif;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s}.t-inp:focus,.t-sel:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.t-sel{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.t-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.t-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;width:100%;margin-top:6px;padding:13px;font-family:Geist,sans-serif;font-size:14px;font-weight:700;transition:all .18s}.t-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a40}.t-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.t-result-hero{color:#fff;background:#111;border-radius:14px;margin-bottom:16px;padding:24px 26px;position:relative;overflow:hidden}.t-rh-glow{pointer-events:none;background:#16a34a12;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.t-rh-inner{z-index:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid;position:relative}.t-rh-stat .t-rh-label{text-transform:uppercase;letter-spacing:.6px;color:#fff6;margin-bottom:5px;font-size:10px;font-weight:600}.t-rh-stat .t-rh-value{color:#fff;letter-spacing:-1px;font-family:Instrument Serif,serif;font-size:clamp(24px,4vw,38px);font-weight:400;line-height:1}.t-rh-stat .t-rh-value.accent{color:#4ade80}.t-rh-stat .t-rh-sub{color:#ffffff59;margin-top:4px;font-size:12px}.t-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.t-rc-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:7px;padding:12px 18px;display:flex}.t-rc-dot{border-radius:50%;width:7px;height:7px}.t-rc-title{color:#111;font-size:13px;font-weight:700}.t-rc-sub{color:#9ca3af;margin-left:auto;font-size:11px}.t-rc-body{padding:4px 18px 8px}.t-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.t-row:last-child{border-bottom:none}.t-row-l{color:#6b7280;font-weight:400}.t-row-v{font-variant-numeric:tabular-nums;font-weight:700}.t-row-v.green{color:#16a34a}.t-row-v.red{color:#dc2626}.t-row-v.blue{color:#2563eb}.t-row-v.amber{color:#d97706}.t-row-v.purple{color:#7c3aed}.t-row-v.gray{color:#9ca3af}.t-banner{border-radius:10px;margin-bottom:12px;padding:12px 15px;font-size:13px;font-weight:500;line-height:1.7}.t-banner strong{font-weight:700}.t-banner.green{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.t-banner.blue{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.t-banner.amber{color:#78350f;background:#fffbeb;border:1px solid #fde68a}.t-banner.red{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca}.t-tips{background:#111;border-radius:14px;margin-bottom:14px;padding:20px 22px}.t-tips-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:11px;display:flex}.t-tips-title{color:#fff;font-size:13px;font-weight:700}.t-tips-badge{text-transform:uppercase;letter-spacing:.5px;color:#4ade80;background:#4ade801f;border:1px solid #4ade802e;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:700}.t-tip{border-bottom:1px solid #ffffff0d;gap:10px;padding:9px 0;display:flex}.t-tip:last-child{border-bottom:none}.t-tip-n{color:#ffffff4d;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.t-tip-t{color:#ffffff8c;font-size:12px;line-height:1.65}.t-tip-t strong{color:#fff;font-weight:600}.t-empty{text-align:center;background:#fff;border:1.5px dashed #d1d5db;border-radius:14px;padding:52px 24px}.t-empty-ico{margin-bottom:12px;font-size:32px}.t-empty h3{color:#111;margin-bottom:6px;font-size:16px;font-weight:700}.t-empty p{color:#9ca3af;max-width:220px;margin:0 auto;font-size:13px;line-height:1.6}.t-bar-list{flex-direction:column;gap:14px;padding:14px 18px;display:flex}.t-bar-head{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.t-bar-name{color:#111;font-weight:600}.t-bar-val{font-variant-numeric:tabular-nums;font-weight:700}.t-bar-track{background:#f3f4f6;border-radius:99px;height:8px;overflow:hidden}.t-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}@media (max-width:780px){.tool-layout{grid-template-columns:1fr}.tool-page{padding:24px 14px 72px}}@media (max-width:480px){.t-row-2{grid-template-columns:1fr}.t-inp,.t-sel{font-size:16px}}
