.tile-actions{display:none}@media (hover:hover) and (pointer:fine){.tile-actions{--tile-accent-solid:var(--tile-accent,var(--art-accent,#8d8174));--tile-accent-dark:color-mix(in srgb, var(--tile-accent-solid) 72%, black);z-index:5;pointer-events:none;opacity:0;transition:opacity .16s;display:block;position:absolute;inset:0}.tile-actions:before{content:"";background:#00000024;position:absolute;inset:0}:is(.cat-tile,.work-rec,.art-card,.landing-hero-card,.work-next-grid li):hover .tile-actions,:is(.cat-tile,.work-rec,.art-card,.landing-hero-card,.work-next-grid li):focus-within .tile-actions{opacity:1}.tile-actions button{pointer-events:auto;box-sizing:border-box;cursor:pointer;height:28px;font:700 11px/1 var(--mono,ui-monospace, Menlo, monospace);letter-spacing:.06em;text-transform:uppercase;border-radius:0;margin:0;position:absolute;box-shadow:0 1px 3px #00000038}.tile-save{color:var(--tile-ink,#0a0c0c);background:var(--tile-accent-solid);border:2px solid var(--tile-accent-dark);padding:0 10px;top:6px;right:6px}.tile-save:hover{background:color-mix(in srgb, var(--tile-accent-solid) 88%, black)}.tile-save.is-on,.tile-save.is-on:hover{color:var(--tile-accent-dark);border-color:var(--tile-accent-dark);background:#faf8f3f2}.tile-share{width:28px;color:var(--tile-accent-dark);border:2px solid var(--tile-accent-dark);background:#faf8f3f2;place-items:center;padding:0;display:grid;bottom:6px;right:6px}.tile-share:hover{background:#fff}.tile-actions,.tile-actions *{border-radius:0!important}.tile-actions svg{shape-rendering:crispedges}.tile-actions button:focus-visible{outline-offset:1px;outline:2px solid #fff}.cat-tile,.work-rec,.landing-hero-mat{position:relative}.work-next-art{align-self:flex-start;max-width:100%;display:block;position:relative}.work-next-art .tile-save{height:24px;padding:0 7px;font-size:10px;top:4px;right:4px}.work-next-art .tile-share{width:24px;height:24px;bottom:4px;right:4px}.landing-hero-mat>.tile-actions{inset:clamp(9px,1.5vw,14px)}}.work-next-grid .work-next-art,.work-next-grid .work-next-art span{white-space:nowrap;width:auto;min-width:0;font:inherit;letter-spacing:inherit;overflow:visible}.work-next-grid .work-next-art{align-self:flex-start;display:block;position:relative}.work-next-grid .work-next-art>.tile-actions{inset:0}.tile-toast{z-index:2000;color:#f4f1ea;font:700 11px/1 var(--mono,ui-monospace, Menlo, monospace);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;background:#1b1c1b;padding:11px 16px;transition:opacity .18s,translate .18s;position:fixed;bottom:28px;left:50%;translate:-50% 12px;box-shadow:0 6px 20px #0000004d}.tile-toast.is-on{opacity:1;translate:-50%}
