.mh-motd:where(.astro-rkzarekd){border:1px solid var(--sl-color-gray-5);background:var(--mh-surface);box-shadow:0 1px 0 var(--mh-shadow-line), 0 24px 48px -32px var(--mh-shadow);border-radius:20px;margin-block:2rem;padding:clamp(1.25rem,3vw,2rem)}.title:where(.astro-rkzarekd){font-family:var(--mh-font-display);color:var(--sl-color-white);margin:0 0 1.25rem;font-size:1.4rem;font-weight:700;font-stretch:90%}.preview:where(.astro-rkzarekd){font-family:var(--sl-font-mono);background:#101010;border:2px solid #8b8b8b;border-radius:4px;gap:.75rem;padding:.6rem;font-size:.95rem;line-height:1.35;display:flex}.icon:where(.astro-rkzarekd){flex:none;width:64px;height:64px}.icon:where(.astro-rkzarekd) svg:where(.astro-rkzarekd){width:100%;height:100%;image-rendering:pixelated}.entry:where(.astro-rkzarekd){flex:1;min-width:0}.entry-top:where(.astro-rkzarekd){justify-content:space-between;gap:.5rem;display:flex}.name:where(.astro-rkzarekd){color:#fff}.meta:where(.astro-rkzarekd){color:#aaa;align-items:center;gap:.5rem;display:flex}.bars:where(.astro-rkzarekd){align-items:flex-end;gap:1px;height:12px;display:inline-flex}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd){background:#5f5;width:3px}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd):first-child{height:3px}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd):nth-child(2){height:5px}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd):nth-child(3){height:7px}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd):nth-child(4){height:9px}.bars:where(.astro-rkzarekd) i:where(.astro-rkzarekd):nth-child(5){height:11px}.motd-line:where(.astro-rkzarekd){white-space:pre;text-overflow:clip;min-height:1.35em;overflow:hidden}.toolbar:where(.astro-rkzarekd){flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;display:flex}.swatches:where(.astro-rkzarekd),.formats:where(.astro-rkzarekd){flex-wrap:wrap;gap:.35rem;display:flex}.swatch:where(.astro-rkzarekd){border:2px solid var(--sl-color-gray-5);background:var(--c);cursor:pointer;border-radius:8px;width:28px;height:28px;padding:0}.fmt:where(.astro-rkzarekd){border:1px solid var(--sl-color-gray-5);min-width:32px;height:28px;color:var(--sl-color-white);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 .5rem;font-size:.85rem}.fmt-l:where(.astro-rkzarekd){font-weight:800}.fmt-o:where(.astro-rkzarekd){font-style:italic}.fmt-n:where(.astro-rkzarekd){text-decoration:underline}.fmt-m:where(.astro-rkzarekd){text-decoration:line-through}.swatch:where(.astro-rkzarekd):hover,.fmt:where(.astro-rkzarekd):hover{border-color:var(--sl-color-white)}.swatch:where(.astro-rkzarekd):focus-visible,.fmt:where(.astro-rkzarekd):focus-visible,.templates:where(.astro-rkzarekd) button:where(.astro-rkzarekd):focus-visible,.copy:where(.astro-rkzarekd):focus-visible{outline:3px solid var(--mh-marker);outline-offset:2px}.fields:where(.astro-rkzarekd){gap:.75rem;margin-top:1rem;display:grid}.fields:where(.astro-rkzarekd) label:where(.astro-rkzarekd){gap:.35rem;display:grid}.field-label:where(.astro-rkzarekd){color:var(--sl-color-white);font-weight:700}.len:where(.astro-rkzarekd){color:var(--sl-color-gray-3);margin-left:.4rem;font-size:.85rem;font-weight:400}.len:where(.astro-rkzarekd).warn{color:var(--mh-danger)}input:where(.astro-rkzarekd)[type=text]{border:2px solid var(--sl-color-gray-5);background:var(--sl-color-black);width:100%;color:var(--sl-color-white);font-family:var(--sl-font-mono);border-radius:12px;padding:.65rem .9rem;font-size:.95rem}input:where(.astro-rkzarekd)[type=text]:focus-visible{border-color:var(--sl-color-white);box-shadow:0 0 0 3px var(--mh-marker);outline:none}.templates:where(.astro-rkzarekd){color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-top:.9rem;font-size:.92rem;display:flex}.templates:where(.astro-rkzarekd) button:where(.astro-rkzarekd){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-1);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem}.templates:where(.astro-rkzarekd) button:where(.astro-rkzarekd):hover{border-color:var(--sl-color-white)}.output:where(.astro-rkzarekd){border-top:1px solid var(--sl-color-gray-5);grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.output-row:where(.astro-rkzarekd){align-items:stretch;gap:.5rem;display:flex}.output-code:where(.astro-rkzarekd){color:#d6d9ea;white-space:nowrap;background:#0f1226;border-radius:12px;flex:1;min-width:0;padding:.7rem .9rem;font-size:.85rem;display:block;overflow-x:auto}.copy:where(.astro-rkzarekd){background:var(--mh-marker);min-height:44px;color:var(--mh-ink-fixed);font:inherit;cursor:pointer;border:none;border-radius:12px;flex:none;padding:0 1.1rem;font-weight:700}@media (width<=40rem){.mh-motd:where(.astro-rkzarekd){margin-inline:calc(-1 * var(--sl-content-pad-x));padding:1.25rem var(--sl-content-pad-x);border-inline:none;border-radius:0}.preview:where(.astro-rkzarekd){gap:.6rem;font-size:.82rem}.icon:where(.astro-rkzarekd){width:48px;height:48px}.swatches:where(.astro-rkzarekd){grid-template-columns:repeat(8,1fr);gap:.4rem;width:100%;display:grid}.swatch:where(.astro-rkzarekd){aspect-ratio:1;width:100%;height:auto}.formats:where(.astro-rkzarekd){grid-template-columns:repeat(6,1fr);width:100%;display:grid}.fmt:where(.astro-rkzarekd){height:40px}.output-row:where(.astro-rkzarekd){flex-direction:column}.output-code:where(.astro-rkzarekd){white-space:pre-wrap;word-break:break-all}}