/* Compact, tactile tools without the cost of glass blur on every tile. */
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px}
.tool-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:154px;padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:23px;text-align:left;color:inherit;background:rgba(255,255,255,.055);transition:transform .16s ease,background .16s ease}
.tool-card:active{transform:scale(.98);background:rgba(255,255,255,.095)}
.tool-feature{grid-column:1/-1;min-height:148px;background:linear-gradient(135deg,rgba(var(--menu-accent),.20),rgba(var(--menu-accent),.055));border-color:rgba(var(--menu-accent),.24)}
.tool-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--menu-accent),.17);margin-bottom:14px}
.tool-icon img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.tool-title{font-size:16px;line-height:1.2;font-weight:650;letter-spacing:-.02em}
.tool-description{margin-top:5px;font-size:12.5px;line-height:1.35;color:rgba(235,233,248,.65);overflow-wrap:anywhere}
[hidden]{display:none!important}
@media(hover:none),(pointer:coarse){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important;outline:none!important;box-shadow:none!important}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus{outline:none!important;box-shadow:none!important}}
:root body[data-studio="preview"] #ovl>.sht{height:calc(var(--tg-vh,100dvh) - var(--tg-top,0px) - 8px)!important;max-height:calc(var(--tg-vh,100dvh) - var(--tg-top,0px) - 8px)!important;overflow:hidden}
:root body[data-studio="preview"] #sbdy{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;align-content:start;grid-auto-rows:max-content}
.bw.cv:not(.light){box-shadow:0 0 0 1px rgba(220,225,245,.25)}
html:not(.split) .strip .sc{width:72px;height:72px;transition:width .22s ease,height .22s ease,transform .16s ease}
html:not(.split).strip-compact .strip .sc{width:56px;height:56px}
/* Do not spend GPU time on ambient glow while a gift is playing. */
.pv.has-col .amb i{animation-play-state:paused}
.kbd-done32{position:fixed;z-index:2147483000;right:14px;top:calc(max(env(safe-area-inset-top,0px),var(--top,0px),var(--tg-top,0px)) + 8px);padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:var(--s2,#282331);color:var(--ink,#fff);font:600 14px/1.2 system-ui,sans-serif;box-shadow:0 3px 14px rgba(0,0,0,.25)}
@media(prefers-reduced-motion:reduce){.tool-card,html:not(.split) .strip .sc{transition:none}}