.tool-hero{background:linear-gradient(180deg,var(--teal-50),var(--paper));border-bottom:1px solid var(--line);padding-bottom:22px}.tool-hero h1{margin:.35em 0 .2em;max-width:28ch}.tool-hero .lede{max-width:68ch;color:var(--ink-2);font-size:1.04rem;margin:0 0 .7em}.tool-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tool-badges li{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--teal-800);background:var(--surface);border:1px solid var(--teal-100);border-radius:999px;padding:3px 11px}.tool-badges li:before{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg);border-radius:1px}.tool-main{padding-top:24px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:22px;max-width:900px;margin:0 auto}.tool-card+.tool-card{margin-top:18px}@media(max-width:640px){.tool-card{padding:16px;border-radius:var(--r-lg)}}.tool-sec{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.tool-sec:first-child{margin-top:0;padding-top:0;border-top:0}.tool-sec>h2,.tool-sec>h3{font-size:1.02rem;margin:0 0 10px;color:var(--teal-800)}.fields{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field>label,.field-label{font-size:.88rem;font-weight:700;color:var(--ink-2)}.field small,.hint{font-size:.8rem;color:var(--ink-3);line-height:1.5}.inp,.field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:11px 13px;min-height:46px;transition:border-color .15s,background .15s,box-shadow .15s}.field textarea{min-height:140px;resize:vertical;line-height:1.7}.inp:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal-400);background:#fff;box-shadow:0 0 0 3px var(--teal-50)}.field input[aria-invalid=true],.inp[aria-invalid=true]{border-color:#c0392b;background:#fdf3f2}.field input[type=number]{-moz-appearance:textfield}.field input::-webkit-outer-spin-button,.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline{display:flex;gap:8px;align-items:stretch}.inline>*{flex:1;min-width:0}.suffix{position:relative}.suffix input{padding-inline-end:58px!important}.suffix>em{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:.85rem;color:var(--ink-3);pointer-events:none}.check{display:flex;align-items:center;gap:9px;font-size:.92rem;color:var(--ink-2);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--teal)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:999px;padding:4px;max-width:100%}.seg button,.seg label{font:inherit;font-size:.9rem;font-weight:700;color:var(--teal-800);background:transparent;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;white-space:nowrap}.seg input{position:absolute;opacity:0;pointer-events:none}.seg button[aria-pressed=true],.seg button[aria-selected=true],.seg label:has(input:checked){background:var(--teal);color:#fff;box-shadow:var(--shadow)}.seg-wrap{margin-bottom:16px}@media(max-width:520px){.seg{display:flex;width:100%}.seg button,.seg label{flex:1;padding:8px 10px;font-size:.85rem}}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn-sm{padding:9px 15px;font-size:.9rem;border-radius:var(--r-sm)}.btn-soft{background:var(--teal-50);color:var(--teal-800);border:1px solid var(--teal-100)}.btn-soft:hover{background:var(--teal-100);color:var(--teal-900)}.btn-gold{background:var(--gold)}.btn-gold:hover{background:var(--gold-600)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}.icon-btn:hover{background:var(--teal-50);color:var(--teal-800)}.result{margin-top:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,#f4f9fa,#fff);border:1px solid var(--teal-100);padding:18px}.result[hidden]{display:none}.result-head{font-size:.86rem;font-weight:700;color:var(--teal-800);margin:0 0 10px;display:flex;align-items:center;gap:8px}.result-head:before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg);border-radius:1.5px}.result-main{font-size:clamp(1.5rem,1.1rem + 2vw,2.3rem);font-weight:800;color:var(--teal-900);line-height:1.25;margin:0}.result-sub{color:var(--ink-2);margin:.35em 0 0}.result-empty{color:var(--ink-3);margin:0}.stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));margin-top:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 10px;text-align:center}.stat b{display:block;font-size:clamp(1.3rem,1rem + 1.4vw,1.85rem);font-weight:800;color:var(--teal-900);line-height:1.2;font-variant-numeric:tabular-nums}.stat span{display:block;font-size:.82rem;color:var(--ink-3);margin-top:2px}.stat.hl{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-100)}.stat.hl b{color:var(--gold-600)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 0;font-size:.95rem}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-weight:700;color:var(--ink)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin-top:12px;background:var(--surface)}.tbl{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:9px 12px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th{background:var(--teal-50);color:var(--teal-800);font-weight:700;font-size:.85rem}.tbl tr:last-child td{border-bottom:0}.tbl tr.hl td{background:#fff8ec}.tbl input{width:100%;min-width:70px;font:inherit;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 8px;background:var(--paper)}.note{font-size:.88rem;color:var(--ink-2);background:#fffaf2;border:1px solid var(--gold-100);border-inline-start:3px solid var(--gold);border-radius:var(--r-sm);padding:10px 13px;margin:14px 0 0}.note.warn{background:#fdf3f2;border-color:#f3d3cf;border-inline-start-color:#c0392b}.err{color:#b03a2e;font-size:.85rem;margin:6px 0 0}.tool-toast{position:fixed;bottom:22px;inset-inline-start:50%;transform:translate(50%,30px);background:var(--teal-900);color:#fff;padding:10px 18px;border-radius:999px;font-size:.92rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;box-shadow:var(--shadow-lg)}[dir=ltr] .tool-toast{transform:translate(-50%,30px)}.tool-toast.show{opacity:1;transform:translate(50%)}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.result.is-empty+.result-actions,.result.is-empty .result-actions{display:none}.tool-guide{max-width:74ch;margin:46px auto 0;padding-top:30px;border-top:1px solid var(--line)}.tool-guide h2{margin-top:1.5em}.tool-guide h2:first-child{margin-top:0}.tool-guide p,.tool-guide li{color:var(--ink-2)}.tool-guide ol,.tool-guide ul{padding-inline-start:1.3em}.tool-guide li{margin:.3em 0}.formula{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r);padding:12px 16px;font-weight:700;color:var(--teal-900);list-style:none;margin:10px 0}.formula li{margin:.35em 0;color:var(--teal-900)}.examples{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin:12px 0 0;padding:0;list-style:none}.examples li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0}.examples strong{display:block;color:var(--ink);margin-bottom:4px}.sources{font-size:.86rem}.sources a{text-decoration:underline;text-underline-offset:3px}.reviewed{font-size:.82rem;color:var(--ink-3);margin-top:22px}.tool-guide .faq{display:grid;gap:10px;margin-top:14px}.tool-guide .faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0}.tool-guide .faq summary{cursor:pointer;font-weight:700;padding:14px 18px;list-style:none;position:relative;padding-inline-start:38px;color:var(--ink)}.tool-guide .faq summary::-webkit-details-marker{display:none}.tool-guide .faq summary:before{content:"";position:absolute;inset-inline-start:16px;top:22px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);border-radius:1.5px;transition:transform .18s}.tool-guide .faq details[open] summary:before{transform:rotate(135deg)}.tool-guide .faq p{margin:0;padding:0 18px 16px;color:var(--ink-2)}.tool-more{max-width:1000px;margin:44px auto 0}.tool-more h2{font-size:1.2rem}.tgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));margin:0;padding:0;list-style:none}.tcard a{display:flex;gap:12px;align-items:flex-start;padding:14px;color:inherit;height:100%}.tcard a:hover{text-decoration:none}.tcard .ti{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--teal-50);color:var(--teal);border:1px solid var(--teal-100)}.tcard strong{display:block;font-size:.97rem;color:var(--ink);line-height:1.45}.tcard em{display:block;font-style:normal;font-size:.82rem;color:var(--ink-3);line-height:1.55;margin-top:2px}.design-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));margin:0;padding:0;list-style:none}.design-links a{display:block;color:inherit}.design-links a:hover{text-decoration:none}.design-links img{width:100%;aspect-ratio:1.414/1;object-fit:cover;background:var(--teal-50)}.design-links span{display:block;padding:10px 12px 12px;font-weight:700;font-size:.9rem}.guide-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));margin:0;padding:0;list-style:none}.guide-links a{display:block;color:inherit;height:100%}.guide-links a:hover{text-decoration:none}.guide-links img{width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--teal-50)}.guide-links span{display:block;padding:12px 14px 14px}.guide-links strong{display:block;font-size:.96rem;line-height:1.5;color:var(--ink)}.guide-links em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-size:.84rem;color:var(--ink-3);line-height:1.6;margin-top:4px}@media print{.site-hd,.site-ft,.ad,.promo,.tool-guide,.tool-more,.crumbs,.tool-badges,.result-actions,.tool-actions,.seg,.no-print,.google-auto-placed,ins.adsbygoogle{display:none!important}body{background:#fff}.tool-hero{background:none;border:0;padding:0}.tool-card{box-shadow:none;border:0;padding:0;max-width:none}.result{break-inside:avoid;background:#fff}}