.tool-heading:has(>.tool-like-control){grid-template-columns:auto minmax(0,1fr) auto;gap:0 18px}.tool-heading:has(>.tool-like-control)>.page-tool-icon{grid-area:1/1/3}.tool-heading:has(>.tool-like-control)>.tool-heading-copy{display:contents}.tool-heading:has(>.tool-like-control) h1{grid-area:1/2}.tool-heading:has(>.tool-like-control) p{grid-area:2/2/auto/-1}.tool-like-control{flex-direction:column;grid-area:1/3;place-self:center end;align-items:flex-end;gap:6px;display:flex}.tool-like-button{color:#626d7e;white-space:nowrap;background:linear-gradient(#fff 0%,#fffdfb 100%);border:1px solid #d8c8bc;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:13px;font-weight:500;transition:color .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 2px 4px #20293806}.tool-like-button>svg{color:#e57b48;flex:none}.tool-like-count{color:#3b4556;font-variant-numeric:tabular-nums;border-left:1px solid #eae5df;margin-left:4px;padding-left:13px;font-size:14px;font-weight:600}.tool-like-button[aria-pressed=true]{color:#b34d1f;background:#fff4eb;border-color:#f2c7ae}.tool-like-button[aria-pressed=true]>svg{color:#d66a32;fill:#d66a32}.tool-like-button[aria-pressed=true] .tool-like-count{color:#b34d1f;border-color:#edcdb9}.tool-like-control>small{color:#6d7687;white-space:normal;max-width:240px;font-size:10.5px;line-height:1.3}.tool-like-button:disabled{cursor:wait}.tool-like-button:focus-visible{outline-offset:3px;outline:2px solid #e57b48}.tool-result-feedback{text-align:left;background:linear-gradient(110deg,#fff8f0,#fff0e3);border:1px solid #efc4a5;border-left:3px solid #eb995e;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px 20px;display:flex;box-shadow:0 3px 12px #b760290e}.tool-result-feedback-copy{min-width:0}.tool-result-feedback .tool-result-feedback-copy p{color:#884923;margin:0 0 5px;font-size:15px;font-weight:600;line-height:1.5}.tool-result-feedback .tool-result-feedback-copy>span{color:#796b60;font-size:12px;line-height:1.6;display:block}.tool-result-feedback .tool-like-result-control{flex:none;grid-area:auto;margin:0}.tool-result-feedback .tool-like-button{color:#ac5127;background:#fff;border:1.5px solid #e49b69;font-weight:600;box-shadow:0 2px 5px #b7602911}.tool-result-feedback .tool-like-count{color:#89401d;border-color:#efd4c0}.tool-result-feedback .tool-like-button[aria-pressed=true]{color:#913e19;background:#ffe3ce;border-color:#d9864f}@media (hover:hover){.tool-like-button:not(:disabled):hover{color:#b34d1f;background:#fff9f4;border-color:#efc9b4}.tool-like-button[aria-pressed=true]:not(:disabled):hover{background:#ffeddf}.tool-result-feedback .tool-like-button:not(:disabled):hover{color:#913e19;background:#fff5eb;border-color:#d67b41}.tool-result-feedback .tool-like-button[aria-pressed=true]:not(:disabled):hover{background:#ffd9bc}}html[data-theme=dark] .tool-like-button{color:#c1cad7;box-shadow:none;background:#19212d;border-color:#394352}html[data-theme=dark] .tool-like-count{color:#e2e8f0;border-color:#394352}html[data-theme=dark] .tool-like-button[aria-pressed=true]{color:#ffb184;background:#33251f;border-color:#82513b}html[data-theme=dark] .tool-like-button[aria-pressed=true] .tool-like-count{color:#ffb184;border-color:#704b37}html[data-theme=dark] .tool-like-control>small{color:#8b98a9}html[data-theme=dark] .tool-result-feedback{box-shadow:none;background:linear-gradient(110deg,#29231f,#30251e);border-color:#765035 #765035 #765035 #e69561}html[data-theme=dark] .tool-result-feedback .tool-result-feedback-copy p{color:#ffd1ad}html[data-theme=dark] .tool-result-feedback .tool-result-feedback-copy>span{color:#c5b6a8}html[data-theme=dark] .tool-result-feedback .tool-like-button{color:#ffc79f;box-shadow:none;background:#352b25;border-color:#a56c47}html[data-theme=dark] .tool-result-feedback .tool-like-count{color:#ffdbbf;border-color:#765035}html[data-theme=dark] .tool-result-feedback .tool-like-button[aria-pressed=true]{color:#ffe6d5;background:#62412b;border-color:#e89a63}html[data-theme=dark] .tool-result-feedback .tool-like-button>svg{color:#ffb17b}@media (hover:hover){html[data-theme=dark] .tool-result-feedback .tool-like-button:not(:disabled):hover{color:#ffe0c7;background:#443225;border-color:#d08e5e}html[data-theme=dark] .tool-result-feedback .tool-like-button[aria-pressed=true]:not(:disabled):hover{background:#754b30}}@media (max-width:900px){.tool-heading:has(>.tool-like-control){grid-template-columns:auto minmax(0,1fr)}.tool-heading:has(>.tool-like-control)>.page-tool-icon{grid-row:1}.tool-heading:has(>.tool-like-control)>.tool-heading-copy{grid-area:1/2;display:block}.tool-like-control{grid-area:2/1/auto/-1;margin-top:17px;margin-bottom:0}}@media (max-width:600px){.tool-result-feedback{flex-direction:column;align-items:flex-start;gap:13px;padding:16px}.tool-result-feedback .tool-like-result-control{align-self:flex-start;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tool-like-button{transition:none}}
@keyframes toolit-card-reveal{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.home-main [data-reveal=pending]{opacity:0;translate:0 12px}.home-main [data-reveal=shown]{animation:.4s cubic-bezier(.2,.7,.2,1) backwards toolit-card-reveal}.home-main :is(.home-tool-card,.home-content-card){transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s}.home-main :is(.tile-icon-wrap,.tool-card-arrow,.home-content-card-arrow){transition:transform .22s,scale .22s,color .22s,background-color .22s,border-color .22s}:is(.tool-page,.home-main) :is(button,.home-tools-shortcut,.request-button,a[download]){transition:scale .14s,box-shadow .2s,border-color .2s,background-color .2s,color .2s}:is(.tool-page,.home-main) :is(button,.home-tools-shortcut,.request-button,a[download]):not(:disabled):not([aria-disabled=true]):active{scale:.98}}@media (hover:hover) and (pointer:fine){.home-main :is(.home-tool-card,.home-content-card):hover{transform:translateY(-3px);box-shadow:0 9px 24px #282e3c16}.home-main .home-tool-card:hover{border-color:#eabf9f}.home-main .home-content-card:hover{border-color:var(--content-accent)}.home-main .home-tool-card:hover .tile-icon-wrap{scale:1.035}.home-main :is(.home-content-card:hover .home-content-card-arrow,.home-tool-card:hover .tool-card-arrow){transform:translate(2px,-2px)}html[data-theme=dark] .home-main :is(.home-tool-card,.home-content-card):hover{box-shadow:0 9px 24px #00000038}html[data-theme=dark] .home-main .home-tool-card:hover{border-color:#a46c4e}html[data-theme=dark] .home-main .home-content-card:hover{border-color:var(--content-accent)}}@media (hover:none){.home-main .home-tool-card:hover,.home-main .home-tool-card:hover .tool-card-arrow{transform:none}}@media (prefers-reduced-motion:reduce){.home-main [data-reveal]{opacity:1;animation:none;translate:none}.home-main :is(.home-tool-card,.home-content-card,.tile-icon-wrap,.tool-card-arrow,.home-content-card-arrow),:is(.tool-page,.home-main) :is(button,.home-tools-shortcut,.request-button,a[download]){transition:none}.home-main :is(.home-tool-card,.home-content-card):hover,.home-main :is(.tool-card-arrow,.home-content-card-arrow){transform:none}.home-main .home-tool-card:hover .tile-icon-wrap{scale:1}}@media print{.home-main [data-reveal]{opacity:1;animation:none;translate:none}}
