.site-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(320px,calc(100vw - 16px));margin:0;padding:10px 13px;border:1px solid #797c6d;border-radius:8px;background:#f5f4e9;color:#20231b;box-shadow:0 5px 20px #0004;font:500 12px/1.55 Inter,Arial,sans-serif;letter-spacing:normal;overflow-wrap:anywhere;text-align:left;pointer-events:none}
:root[data-theme=light] .site-tooltip{background:#272b22;color:#fffef5;border-color:#646b58}
/* Preserve visible keyboard focus on cards, native disclosure controls and uploads. */
summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#main:focus{outline:none}
.template-card:focus-visible,.format-card:focus-visible,.hero-preview:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.template-card:focus-visible .template-use{opacity:1}
.template-card:focus-visible .template-action,.template-card:focus-visible .blank-template-art,.saved-creation-card:focus-visible .template-preview{border-color:var(--gold)}
.template-card:focus-visible .template-action{background:#e8c04712}
.format-card:focus-visible{border-color:var(--gold)}
.text-link:is(:hover,:focus-visible),.prose a,.site-footer a:not(.footer-brand):is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.text-link:focus-visible{color:var(--gold)}
.site-footer a,.footer-cookie-settings{display:inline-flex;align-items:center;min-height:28px}
.check-field{min-height:28px}
@media(pointer:coarse){.filter-button,.download-variation,.footer-cookie-settings,.site-footer a{min-height:44px}.check-field{min-height:36px}}
@media(prefers-reduced-motion:reduce){.button,.hero-preview,.format-card,.template-card .artwork,.template-use{transition:none!important;animation:none!important}.hero-preview:is(:hover,:focus-visible),.button:hover,.template-card:hover .artwork{transform:none}}
@media(forced-colors:active){.site-tooltip{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}:focus-visible{outline-color:Highlight!important}.template-card:focus-visible .template-action{border-color:Highlight}}