.tool-page{padding-top:28px;padding-bottom:60px}.tool-page .breadcrumbs{margin-bottom:25px}.tool-page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.tool-page-category{color:var(--category-color);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.tool-page-heading h1{letter-spacing:-1.5px;margin-top:12px;font-size:clamp(29px,3.3vw,42px);font-weight:700;line-height:1.25}.tool-page-heading p{color:#667387;max-width:790px;margin-top:12px;font-size:14px;line-height:1.85}.tool-free-badge{color:#5d796e;white-space:nowrap;background:#edf6f0;border:1px solid #deebe3;border-radius:5px;flex-shrink:0;padding:7px 10px;font-size:10px}.tool-page-columns{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:30px;display:grid}.tool-main-column{min-width:0}.tool-workspace{background:#fff;border:1px solid #dfe5ef;border-radius:13px;padding:27px;box-shadow:0 3px 15px #26365303;container:workspace/inline-size}.tool-data-note{color:#748194;align-items:start;gap:7px;padding:14px 2px 3px;font-size:11px;line-height:1.8;display:flex}.tool-data-note svg{color:#7d9b8a;margin-top:3px}.tool-side-sticky{position:sticky;top:25px}.tool-related{background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:21px 18px 10px}.tool-related h2{letter-spacing:-.4px;margin:7px 0 17px;font-size:16px;font-weight:650}.tool-related>a{border-top:1px solid #eef1f6;align-items:center;gap:9px;padding:12px 0;font-size:12px;font-weight:550;display:flex}.tool-related>a>svg:last-child{color:#8b97ab;margin-left:auto}.tool-related>a:hover{color:var(--blue)}.related-icon{color:#7b91ba;background:#f2f5fb;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;display:inline-grid}.tool-related>a.tool-related-category{color:#657eab;margin-top:5px;padding-block:16px;font-size:11px;font-weight:500}.tool-side-note{color:#8290a6;padding:25px 18px;font-size:11px;line-height:1.9}.tool-side-note p{margin-top:8px}.tool-side-note a{color:#5473a7}.tool-guide{padding:0 4px}.tool-guide-section{margin-top:38px}.tool-guide-section h2{letter-spacing:-.6px;margin:5px 0 17px;font-size:22px;font-weight:650;line-height:1.4}.tool-guide-section>p,.tool-guide-section li,.tool-examples p,.tool-faqs p{color:#657286;overflow-wrap:anywhere;white-space:pre-line;font-size:13px;line-height:1.95}.tool-steps{gap:13px;margin:0;padding:0;list-style:none;display:grid}.tool-steps li{align-items:start;gap:15px;display:flex}.tool-steps li>span{color:#6687ce;background:#ebf1ff;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:1px;font-size:10px;font-weight:600;display:inline-grid}.tool-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-examples article{background:#f0f4fb;border:1px solid #e4eaf4;border-radius:9px;min-width:0;padding:19px}.tool-examples h3{margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.6}.tool-examples p{font-size:12px}.tool-limitations ul{gap:8px;margin:0;padding-left:19px;display:grid}.tool-faqs details{border-top:1px solid #e2e8f1}.tool-faqs details:last-child{border-bottom:1px solid #e2e8f1}.tool-faqs summary{cursor:pointer;align-items:center;gap:20px;padding:17px 0;font-size:13px;font-weight:550;line-height:1.65;list-style:none;display:flex}.tool-faqs summary::-webkit-details-marker{display:none}.tool-faqs summary>span{color:#8497ba;margin-left:auto;font-size:20px;font-weight:400}.tool-faqs details[open] summary>span{transform:rotate(45deg)}.tool-faqs details p{padding:0 26px 18px 0}.tool-sources h2{font-size:15px}.tool-sources ul{margin:0;padding:0;list-style:none}.tool-sources a{color:#577bb7;align-items:baseline;gap:7px;font-size:12px;display:inline-flex}.tool-sources a:hover{text-decoration:underline}.ad-preview .tool-page-columns{grid-template-columns:minmax(0,1fr) 300px}.ad-preview .tool-side-column .ad-slot--rail{margin-bottom:22px;position:static}.tw-tool{color:#2f3a4c;min-width:0;font-size:14px;line-height:1.65}.tw-tool *{max-width:100%}.tw-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.tw-grid>:only-child{grid-column:1/-1}.tw-panel{background:#f8faff;border:1px solid #e4eaf5;border-radius:10px;min-width:0;padding:19px;container:panel/inline-size}.tw-panel+.tw-panel{margin-top:16px}.tw-grid>.tw-panel+.tw-panel{margin-top:0}.tw-heading{letter-spacing:-.2px;margin-bottom:14px;font-size:15px;font-weight:650;line-height:1.5;display:block}.tw-section{margin-top:28px}.tw-panel>.tw-heading:not(:first-child){margin-top:24px}.tw-label{color:#475872;margin:18px 0 8px;font-size:13px;font-weight:600;line-height:1.5;display:block}.tw-label:first-child{margin-top:0}.tw-label:has(>:is(.tw-input,.tw-select,.tw-textarea)){flex-direction:column;gap:8px;display:flex}.tw-grid>.tw-label{justify-content:flex-end;align-self:stretch;margin:0}.tw-grid>.tw-label:has(>.tw-textarea){justify-content:flex-start}.tw-grid>div:has(>.tw-label+:is(.tw-input,.tw-select,.tw-textarea)){min-width:0}.tw-grid>div>.tw-label:first-child{margin-top:0}.tw-grid>div:not(.tw-field):has(>.tw-label:first-child+:is(.tw-input,.tw-select):last-child){flex-direction:column;align-self:stretch;display:flex}.tw-grid>div:not(.tw-field):has(>.tw-label:first-child+:is(.tw-input,.tw-select):last-child)>.tw-label{flex:1}.tw-field{min-width:0}.tw-field+.tw-field{margin-top:18px}.tw-field>.tw-label{margin-top:0}.tw-grid:has(>.tw-field){row-gap:8px}.tw-grid>.tw-field{grid-template-rows:subgrid;grid-row:span 3;align-self:stretch;gap:8px;margin:0;padding-bottom:4px;display:grid}.tw-grid>.tw-field>.tw-label{flex:initial;margin:0}.tw-grid>.tw-field>.tw-note{margin:0}.tw-grid+.tw-grid,.tw-field+.tw-grid{margin-top:20px}.tw-grid+.tw-panel{margin-top:24px}.tw-tool>.tw-note:first-child{margin:0 0 20px}.tw-tool>.tw-note+.tw-panel{margin-top:16px}.tw-tool>:is(div,section,fieldset)+.tw-heading{margin-top:28px}.tw-tool>:is(.tw-button,.tw-actions)+.tw-panel{margin-top:24px}.tw-grid+.tw-button,.tw-table-wrap+.tw-button{margin-top:16px}.tw-panel>.tw-heading+.tw-note{margin:-4px 0 18px}.tw-panel>.tw-heading+.tw-result,.tw-panel>.tw-heading+.tw-grid{margin-top:0}.tw-panel>:is(.tw-input,.tw-select,.tw-textarea,.tw-note)+.tw-grid{margin-top:18px}.tw-panel>:is(.tw-input,.tw-select,.tw-textarea)+.tw-button{margin-top:16px}.tw-panel>:is(.tw-result,.tw-actions,.tw-note):first-child{margin-top:0}.tw-panel>div+div:has(>.tw-label:first-child):not(.tw-grid){margin-top:18px}.tw-input,.tw-select,.tw-textarea{color:#2f3a4c;background:#fff;border:1px solid #d5deed;border-radius:7px;width:100%;min-width:0;padding:11px 12px;font-size:14px;line-height:1.5;display:block}.tw-input:not([type=range]):not([type=color]),.tw-select{min-height:46px}.tw-input,.tw-select,.tw-textarea{font-weight:400}.tw-input:focus,.tw-select:focus,.tw-textarea:focus{border-color:#8eabf0;outline:3px solid #3867e810}.tw-input::placeholder,.tw-textarea::placeholder{color:#8a96aa}.tw-input:disabled,.tw-select:disabled,.tw-textarea:disabled{opacity:.75;cursor:not-allowed;background:#f1f4f9}.tw-textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.tw-textarea:is([rows="1"],[rows="2"]){min-height:64px}.tw-textarea[rows="3"]{min-height:88px}.tw-textarea[rows="4"]{min-height:110px}.tw-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.tw-actions:has(>.tw-label>:is(.tw-input,.tw-select)){align-items:flex-end}.tw-actions>.tw-label{margin:0}.tw-tool>.tw-actions:first-child{margin-top:0}.tw-button{color:#59719a;background:#fff;border:1px solid #d8e2f2;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.tw-button:hover:not(:disabled){background:#edf3ff;border-color:#a3b9e8}.tw-button-primary{background:var(--blue);border-color:var(--blue);color:#fff}.tw-button-primary:hover:not(:disabled){background:#2855ce;border-color:#2855ce}.tw-button-secondary{color:#536f9f;background:#f1f5fd}.tw-button:disabled{opacity:.45;cursor:not-allowed}.tw-note,.tw-muted{color:#62728b;margin-top:10px;font-size:12px;line-height:1.75}.tw-actions>:is(.tw-note,.tw-muted){margin-top:0}.tw-error,.tw-success{color:#a54436;overflow-wrap:anywhere;background:#fff5f2;border:1px solid #efd7d3;border-radius:7px;margin-top:13px;padding:12px 14px;font-size:12px;line-height:1.75}.tw-success{color:#387962;background:#eef8f2;border-color:#d9ebdf}.tw-result{background:#edf3ff;border:1px solid #dce7fc;border-radius:10px;min-width:0;margin-top:20px;padding:20px}.tw-grid>.tw-result,.tw-panel>[aria-live]>.tw-result:first-child{margin-top:0}.tw-stats>.tw-result{margin-top:0;padding:14px}.tw-stats .tw-result-value{font-size:clamp(20px,3cqi,28px)}.tw-result+.tw-heading{margin-top:22px}.tw-result-label{text-transform:uppercase;letter-spacing:1px;color:#6e88b4;font-size:10px;font-weight:650;display:block}.tw-result-value{color:#325fb5;letter-spacing:-1px;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(25px,4vw,39px);font-weight:700;line-height:1.35;display:block}.tw-output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#42516b;background:#f6f8fc;border:1px solid #e0e6f0;border-radius:8px;min-width:0;max-height:560px;margin-top:14px;padding:16px;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:auto}.tw-output.tw-calculation-report{background:0 0;border:0;margin:0;padding:0;font-size:14px;line-height:1.8}.tw-table-wrap{border:1px solid #e1e8f3;border-radius:8px;width:100%;margin-top:15px;overflow-x:auto}.tw-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.tw-table caption{text-align:left;color:#62728b;background:#fff;padding:10px 13px;line-height:1.6}.tw-table th{color:#637798;background:#f2f5fc;font-size:11px;font-weight:600}.tw-table td,.tw-table th{vertical-align:top;border-bottom:1px solid #e8edf6;padding:11px 13px}.tw-table tr:last-child td{border-bottom:0}.tw-check{color:#5c6d88;align-items:center;gap:9px;margin-block:10px;font-size:12px;display:flex}.tw-check input{accent-color:var(--blue);flex-shrink:0;width:16px;height:16px}.tw-pills{flex-wrap:wrap;gap:7px;margin-block:12px;display:flex}.tw-pill{color:#657b9e;background:#fff;border:1px solid #dae3f2;border-radius:6px;padding:6px 10px;font-size:11px}button.tw-pill{min-height:36px}.tw-pill[aria-pressed=true],.tw-pill.active{color:#3b67ba;background:#eaf1ff;border-color:#9eb8eb}.tw-stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:11px;margin-top:18px;display:grid}.tw-stat{background:#f7f9fd;border:1px solid #e1e8f4;border-radius:8px;min-width:0;padding:14px;container:stat/inline-size}.tw-stat>strong{letter-spacing:-.5px;color:#3d5f9c;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(14px,14cqi,23px);line-height:1.4;display:block}.tw-stat>span{color:#6c7f9e;font-size:11px;display:block}.tw-swatch{border:1px solid #0001;border-radius:7px;flex-shrink:0;width:38px;height:38px;display:inline-block}.tw-dropzone{text-align:center;background:#f7faff;border:1px dashed #b8c9e8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 19px;display:flex}.tw-tool input[type=range]{accent-color:var(--blue);width:100%}.tw-tool input[type=color]{background:#fff;border:1px solid #d5deed;border-radius:6px;min-height:42px;padding:3px}.tw-tool input[type=file]{color:#5c7196;font-size:12px}.tw-tool input[type=file]::file-selector-button{color:#536e9a;font:inherit;cursor:pointer;background:#eef3fc;border:1px solid #d3dff1;border-radius:6px;margin-right:10px;padding:9px 12px}.tw-tool canvas,.tw-tool img{border-radius:7px;height:auto}.tw-tool fieldset{border:1px solid #dfe7f4;border-radius:8px;min-width:0;margin-block:16px;padding:16px}.tw-tool legend{color:#596f92;padding-inline:6px;font-size:12px;font-weight:600}.tw-tool progress{width:100%;accent-color:var(--blue)}@media (width<=1100px){.tool-page-columns{gap:22px}.tool-workspace{padding:22px}.tw-grid{gap:15px}}@container workspace (width<=680px){.tw-grid:has(>.tw-panel){grid-template-columns:minmax(0,1fr)}}@container workspace (width<=440px){.tw-grid{grid-template-columns:minmax(0,1fr)}}@container panel (width<=350px){.tw-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.tool-page-columns,.ad-preview .tool-page-columns{grid-template-columns:minmax(0,1fr)}.tool-side-column{margin-top:20px}.tool-side-sticky{position:static}.tool-side-column .ad-slot--rail,.tool-side-note{display:none}.tool-related{padding:22px}}@media (width<=600px){.tool-page{padding-top:22px;padding-bottom:35px}.tool-page-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}.tool-page-heading h1{letter-spacing:-1.1px;font-size:30px}.tool-page-heading p{font-size:13px}.tool-free-badge{display:none}.tool-workspace{border-radius:10px;padding:17px 14px}.tw-grid{grid-template-columns:minmax(0,1fr)}.tw-grid>.tw-panel+.tw-panel{margin-top:0}.tw-panel{padding:16px 13px}.tw-input,.tw-select,.tw-textarea{font-size:16px}.tw-textarea{font-size:13px}.tw-actions{gap:7px}.tw-button{padding-inline:12px}.tw-result{padding:17px}.tool-guide{padding-inline:0}.tool-guide-section{margin-top:30px}.tool-guide-section h2{font-size:20px}.tool-guide-section>p,.tool-guide-section li,.tool-examples p,.tool-faqs p{font-size:12px}.tool-examples{grid-template-columns:1fr}.tool-related>a{min-height:48px}}.tool-workspace{position:relative}.tool-loading-message{display:none}.tool-workspace:has(astro-island[ssr]) .tool-loading-message{z-index:5;border-radius:inherit;color:#4b5f83;background:#ffffffed;justify-content:center;align-items:flex-start;padding:48px 24px;font-weight:600;display:flex;position:absolute;inset:0}.tool-workspace astro-island[ssr]{pointer-events:none}.tw-error:empty,.tw-success:empty,.tw-note:empty,[role=status]:empty{display:none}