@bestagentkits/render 0.1.1-next.1 → 0.3.0

package/dist/render/showcase-blocks.js

@@ -0,0 +1,329 @@
+/**
+ * Showcase block renderers.
+ *
+ * Blocks that present work rather than structure it: a bento mosaic, a ticker,
+ * a terminal session, a file tree, a before/after slider, KPI cards with
+ * sparklines, a framed feature spotlight, and a checklist.
+ *
+ * The same rules as `blocks.ts` apply: pure functions of the node and the IR,
+ * exactly one `data-ak-id` per block, no style attributes or handlers. Every
+ * motion these blocks get comes from CSS or the runtime, and the markup is
+ * complete without either, so the content reads the same in a PDF, a
+ * screenshot, or with script disabled.
+ */
+import { isPlainObject } from '../json.js';
+import { blockedReason, element, figureCaption, listProp, nodeAttributes, numberProp, numProp, objectListProp, resolveMedia, str, stringProp, titleHeader, } from './block-helpers.js';
+import { escapeAttribute, escapeInlineText, escapeText, escapeUrl, renderAttributes, } from './escape.js';
+/** An image allowed by the policy, or an honest note when it is not. */
+export function framedImage(source, alt, policy, loading = 'lazy') {
+    const resolved = resolveMedia(source, policy, 'images');
+    if (!resolved.allowed) {
+        // The alt text still describes the picture, so it leads the note.
+        const subject = alt === '' ? '' : `<strong>${escapeText(alt)}</strong>. `;
+        return `<p class="ak-caption">${subject}Remote image not loaded: ${blockedReason(policy, 'images')}. <a href="${escapeAttribute(resolved.src)}" rel="noreferrer noopener">Open image</a></p>`;
+    }
+    return `<img src="${escapeAttribute(resolved.src)}" alt="${escapeAttribute(alt)}" loading="${loading}" decoding="async" />`;
+}
+/** Browser chrome (decorative) around an image: the bar, then the viewport. */
+export function browserShot(source, alt, address, policy, loading = 'lazy') {
+    const bar = `<div class="ak-frame-bar" aria-hidden="true"><span class="ak-window-dots"><span></span><span></span><span></span></span>${address === '' ? '' : `<span class="ak-frame-address">${escapeText(address)}</span>`}</div>`;
+    return `${bar}<div class="ak-frame-view">${framedImage(source, alt, policy, loading)}</div>`;
+}
+export function paragraph(className, text) {
+    return text === '' ? '' : `<p class="${className}">${escapeText(text)}</p>`;
+}
+/** A paragraph of prose: backtick spans become inline code. */
+export function prose(className, text) {
+    return text === '' ? '' : `<p class="${className}">${escapeInlineText(text)}</p>`;
+}
+// --- marquee ----------------------------------------------------------------
+function marquee(node) {
+    const items = listProp(node, 'items').filter((item) => typeof item === 'string');
+    const entries = items.map((item) => `<li>${escapeText(item)}</li>`).join('');
+    const speed = stringProp(node, 'speed', 'normal');
+    // The first track is the real list. The second repeats it so the loop has no
+    // seam; it is hidden from assistive technology and only shown while moving.
+    return element('section', nodeAttributes(node, {
+        class: 'ak-block ak-marquee',
+        'data-speed': ['slow', 'normal', 'fast'].includes(speed) ? speed : 'normal',
+        'aria-label': stringProp(node, 'label', 'Highlights'),
+    }), `<div class="ak-marquee-viewport"><ul class="ak-marquee-track">${entries}</ul><ul class="ak-marquee-track" aria-hidden="true">${entries}</ul></div>`);
+}
+// --- terminal ---------------------------------------------------------------
+const LINE_KINDS = new Set(['command', 'output', 'comment', 'success', 'error']);
+function terminal(node) {
+    const title = stringProp(node, 'title', 'Terminal');
+    const lines = objectListProp(node, 'lines').map((line) => {
+        const kind = LINE_KINDS.has(str(line.kind)) ? str(line.kind) : 'output';
+        return `<span class="ak-term-line" data-kind="${kind}">${escapeText(str(line.text))}</span>`;
+    });
+    const copy = renderAttributes({
+        'data-ak-on-click': JSON.stringify([{ action: 'copy', target: node.id }]),
+        'aria-label': `Copy ${title}`,
+    });
+    // The whole bar is the figure's caption, so the caption is a direct child of
+    // the figure. The figure is named by the title alone, not the copy control.
+    return [
+        `<figure class="ak-block ak-terminal" aria-label="${escapeAttribute(title)}" data-ak-animate>`,
+        '<figcaption class="ak-terminal-bar">',
+        '<span class="ak-window-dots" aria-hidden="true"><span></span><span></span><span></span></span>',
+        `<span class="ak-terminal-title">${escapeText(title)}</span>`,
+        `<button type="button" class="ak-code-copy"${copy}>Copy</button>`,
+        '</figcaption>',
+        `<pre${renderAttributes({ 'data-ak-id': node.id, class: 'ak-terminal-body' })}>${lines.join('\n')}</pre>`,
+        '</figure>',
+    ].join('');
+}
+// --- file tree --------------------------------------------------------------
+const FILE_STATUSES = new Set(['added', 'modified', 'deleted', 'renamed', 'unchanged']);
+function newDir(name) {
+    return { name, dirs: new Map(), files: [] };
+}
+/** Build a folder tree from slash-separated paths; a trailing slash names an empty folder. */
+export function buildFileTree(items) {
+    const root = newDir('');
+    for (const item of items) {
+        const parts = str(item.path)
+            .split('/')
+            .map((part) => part.trim())
+            .filter((part) => part !== '' && part !== '.');
+        const isFolder = str(item.path).endsWith('/');
+        let cursor = root;
+        const folders = isFolder ? parts : parts.slice(0, -1);
+        for (const part of folders) {
+            let next = cursor.dirs.get(part);
+            if (next === undefined) {
+                next = newDir(part);
+                cursor.dirs.set(part, next);
+            }
+            cursor = next;
+        }
+        const name = parts[parts.length - 1];
+        if (!isFolder && name !== undefined) {
+            const status = FILE_STATUSES.has(str(item.status)) ? str(item.status) : 'unchanged';
+            cursor.files.push({ name, status, note: str(item.note) });
+        }
+    }
+    return root;
+}
+/** Fold a chain of single-folder directories into one `a/b/c` entry, as editors do. */
+function compact(dir) {
+    let current = dir;
+    let name = dir.name;
+    while (current.files.length === 0 && current.dirs.size === 1) {
+        const [only] = current.dirs.values();
+        if (only === undefined)
+            break;
+        name = `${name}/${only.name}`;
+        current = only;
+    }
+    return { ...current, name };
+}
+/**
+ * Case-insensitive order with a code-point tie-break. No `localeCompare`: its
+ * collation comes from the runtime's ICU data, which would let the same spec
+ * emit different bytes on different Node builds.
+ */
+function byName(left, right) {
+    const a = left.name.toLowerCase();
+    const b = right.name.toLowerCase();
+    if (a !== b)
+        return a < b ? -1 : 1;
+    return left.name < right.name ? -1 : left.name > right.name ? 1 : 0;
+}
+function treeEntries(dir) {
+    const dirs = [...dir.dirs.values()].map(compact).sort(byName);
+    const files = [...dir.files].sort(byName);
+    return [
+        ...dirs.map((child) => `<li><details open><summary><span class="ak-tree-name" data-kind="folder">${escapeText(child.name)}/</span></summary><ul>${treeEntries(child)}</ul></details></li>`),
+        ...files.map((file) => `<li data-status="${file.status}"><span class="ak-tree-name" data-kind="file">${escapeText(file.name)}</span>${file.status === 'unchanged' ? '' : `<span class="ak-tree-status">${file.status}</span>`}${file.note === '' ? '' : `<span class="ak-tree-note">${escapeText(file.note)}</span>`}</li>`),
+    ].join('');
+}
+function fileTree(node) {
+    const items = objectListProp(node, 'items');
+    const counts = new Map();
+    for (const item of items) {
+        const status = str(item.status, 'unchanged');
+        if (status !== 'unchanged' && FILE_STATUSES.has(status)) {
+            counts.set(status, (counts.get(status) ?? 0) + 1);
+        }
+    }
+    const summary = ['added', 'modified', 'renamed', 'deleted']
+        .filter((status) => counts.has(status))
+        .map((status) => `<li data-status="${status}"><strong>${counts.get(status)}</strong> ${status}</li>`)
+        .join('');
+    return element('section', nodeAttributes(node, { class: 'ak-block ak-tree-block' }), [
+        titleHeader(node),
+        '<div class="ak-tree-panel">',
+        summary === '' ? '' : `<ul class="ak-tree-summary">${summary}</ul>`,
+        `<ul class="ak-tree">${treeEntries(buildFileTree(items))}</ul>`,
+        '</div>',
+    ].join(''));
+}
+// --- before / after ---------------------------------------------------------
+function beforeAfter(node, context) {
+    const side = (key, fallbackLabel) => {
+        const value = node.props[key];
+        const item = isPlainObject(value) ? value : {};
+        return {
+            image: framedImage(str(item.src), str(item.alt), context.ir.policy.network),
+            label: str(item.label, fallbackLabel),
+        };
+    };
+    const before = side('before', 'Before');
+    const after = side('after', 'After');
+    const start = Math.min(Math.max(Math.round(numberProp(node, 'start', 50)), 0), 100);
+    const title = stringProp(node, 'title');
+    // Without script the two images sit side by side. The runtime switches the
+    // stage to the overlay and keeps `--ak-split` in step with the range input.
+    return [
+        `<figure${renderAttributes(nodeAttributes(node, { class: 'ak-block ak-ba', 'data-ak-before-after': '' }))}>`,
+        titleHeader(node),
+        '<div class="ak-ba-stage">',
+        `<div class="ak-ba-pane" data-side="before">${before.image}<span class="ak-ba-label">${escapeText(before.label)}</span></div>`,
+        `<div class="ak-ba-pane" data-side="after">${after.image}<span class="ak-ba-label">${escapeText(after.label)}</span></div>`,
+        '<span class="ak-ba-handle" aria-hidden="true"></span>',
+        `<input type="range" class="ak-ba-range" min="0" max="100" step="1" value="${start}" aria-label="${escapeAttribute(`Reveal ${before.label} or ${after.label}${title === '' ? '' : ` of ${title}`}`)}" />`,
+        '</div>',
+        figureCaption(stringProp(node, 'caption')),
+        '</figure>',
+    ].join('');
+}
+// --- kpi --------------------------------------------------------------------
+const SPARK_WIDTH = 120;
+const SPARK_HEIGHT = 36;
+function round(value) {
+    return String(Math.round(value * 100) / 100);
+}
+/** Line and area paths for a sparkline, scaled into a fixed view box. */
+export function sparkPaths(series) {
+    const min = Math.min(...series);
+    const max = Math.max(...series);
+    const span = max - min;
+    const step = series.length > 1 ? SPARK_WIDTH / (series.length - 1) : 0;
+    const inset = 3;
+    const points = series.map((value, index) => [
+        index * step,
+        // A flat series sits on the midline rather than the floor.
+        span === 0 ? SPARK_HEIGHT / 2 : inset + (1 - (value - min) / span) * (SPARK_HEIGHT - inset * 2),
+    ]);
+    const line = points
+        .map(([x, y], index) => `${index === 0 ? 'M' : 'L'}${round(x)} ${round(y)}`)
+        .join(' ');
+    const last = points[points.length - 1] ?? [0, SPARK_HEIGHT / 2];
+    return {
+        line,
+        area: `${line} L${round(last[0])} ${SPARK_HEIGHT} L0 ${SPARK_HEIGHT} Z`,
+        end: last,
+    };
+}
+function verdict(trend, good) {
+    if (trend !== 'up' && trend !== 'down')
+        return 'neutral';
+    return trend === good ? 'good' : 'bad';
+}
+function kpi(node) {
+    const cards = objectListProp(node, 'items').map((item, index) => {
+        const trend = str(item.trend, 'flat');
+        const judged = verdict(trend, str(item.good, 'up'));
+        const delta = str(item.delta);
+        const series = (Array.isArray(item.series) ? item.series : [])
+            .map((value) => numProp(value, Number.NaN))
+            .filter(Number.isFinite);
+        const arrow = trend === 'up' ? '↗' : trend === 'down' ? '↘' : '→';
+        const deltaMarkup = delta === ''
+            ? ''
+            : `<p class="ak-kpi-delta"><span aria-hidden="true">${arrow}</span>${escapeText(delta)}${judged === 'neutral'
+                ? ''
+                : `<span class="ak-sr"> (${judged === 'good' ? 'improving' : 'worsening'})</span>`}</p>`;
+        let spark = '';
+        if (series.length >= 2) {
+            const paths = sparkPaths(series);
+            const gradient = `ak-kpi-${node.id.replace(/[^A-Za-z0-9_-]/gu, '-')}-${index}`;
+            spark = [
+                `<svg class="ak-kpi-spark" viewBox="0 0 ${SPARK_WIDTH} ${SPARK_HEIGHT}" preserveAspectRatio="none" aria-hidden="true" focusable="false">`,
+                `<defs><linearGradient id="${gradient}" x1="0" y1="0" x2="0" y2="1"><stop offset="0" class="ak-kpi-stop" /><stop offset="1" class="ak-kpi-stop ak-kpi-stop--end" /></linearGradient></defs>`,
+                `<path class="ak-kpi-area" d="${paths.area}" fill="url(#${gradient})" />`,
+                `<path class="ak-kpi-line" d="${paths.line}" pathLength="1" />`,
+                '</svg>',
+            ].join('');
+        }
+        return [
+            `<li class="ak-kpi-card" data-verdict="${judged}">`,
+            `<p class="ak-kpi-label">${escapeText(str(item.label))}</p>`,
+            `<p class="ak-kpi-value" data-ak-count>${escapeText(str(item.value))}</p>`,
+            deltaMarkup,
+            spark,
+            paragraph('ak-caption', str(item.caption)),
+            '</li>',
+        ].join('');
+    });
+    return element('section', nodeAttributes(node, { class: 'ak-block ak-kpis', 'data-ak-animate': '' }), `${titleHeader(node)}<ul class="ak-kpi-grid">${cards.join('')}</ul>`);
+}
+// --- showcase ---------------------------------------------------------------
+function showcase(node, context) {
+    const frame = stringProp(node, 'frame', 'browser') === 'plain' ? 'plain' : 'browser';
+    const address = stringProp(node, 'address');
+    const bullets = listProp(node, 'bullets').filter((item) => typeof item === 'string');
+    return element('section', nodeAttributes(node, {
+        class: 'ak-block ak-showcase',
+        'data-align': stringProp(node, 'align') === 'media-left' ? 'media-left' : 'media-right',
+    }), [
+        '<div class="ak-showcase-copy">',
+        paragraph('ak-eyebrow', stringProp(node, 'eyebrow')),
+        `<h2>${escapeText(stringProp(node, 'title'))}</h2>`,
+        prose('ak-showcase-text', stringProp(node, 'text')),
+        bullets.length === 0
+            ? ''
+            : `<ul class="ak-showcase-points">${bullets.map((item) => `<li>${escapeText(item)}</li>`).join('')}</ul>`,
+        '</div>',
+        `<figure class="ak-showcase-media" data-frame="${frame}">${frame === 'browser'
+            ? browserShot(stringProp(node, 'src'), stringProp(node, 'alt'), address, context.ir.policy.network)
+            : `<div class="ak-frame-view">${framedImage(stringProp(node, 'src'), stringProp(node, 'alt'), context.ir.policy.network)}</div>`}</figure>`,
+    ].join(''));
+}
+// --- checklist --------------------------------------------------------------
+function checklist(node) {
+    const items = objectListProp(node, 'items');
+    const done = items.filter((item) => item.done === true).length;
+    const title = stringProp(node, 'title');
+    const progress = items.length === 0 ? 0 : Math.round((done / items.length) * 100);
+    return element('section', nodeAttributes(node, { class: 'ak-block ak-checklist' }), [
+        `<header class="ak-checklist-head">${title === '' ? '' : `<h2>${escapeText(title)}</h2>`}<p class="ak-checklist-count"><strong>${done}</strong> of ${items.length} done</p></header>`,
+        `<progress class="ak-checklist-meter" max="100" value="${progress}" aria-hidden="true">${progress}%</progress>`,
+        `<ul>${items
+            .map((item) => {
+            const state = item.done === true ? 'done' : 'open';
+            return `<li data-state="${state}"><span class="ak-check" aria-hidden="true"></span><span class="ak-check-text">${escapeText(str(item.text))}</span><span class="ak-sr"> (${state})</span></li>`;
+        })
+            .join('')}</ul>`,
+    ].join(''));
+}
+// --- cta --------------------------------------------------------------------
+function cta(node) {
+    const actions = objectListProp(node, 'actions')
+        .map((action) => `<a${renderAttributes({
+        class: 'ak-btn',
+        'data-variant': str(action.variant) === 'primary' ? 'primary' : 'secondary',
+        href: escapeUrl(str(action.href)),
+        rel: 'noreferrer noopener',
+    })}>${escapeText(str(action.label))}</a>`)
+        .join('');
+    return element('section', nodeAttributes(node, { class: 'ak-block ak-cta', 'data-surface': 'inverse' }), [
+        paragraph('ak-eyebrow', stringProp(node, 'eyebrow')),
+        `<h2 class="ak-cta-title">${escapeText(stringProp(node, 'title'))}</h2>`,
+        prose('ak-cta-text', stringProp(node, 'text')),
+        actions === '' ? '' : `<div class="ak-cta-actions">${actions}</div>`,
+    ].join(''));
+}
+export const SHOWCASE_RENDERERS = {
+    marquee,
+    terminal,
+    'file-tree': fileTree,
+    'before-after': beforeAfter,
+    kpi,
+    showcase,
+    checklist,
+    cta,
+};
+//# sourceMappingURL=showcase-blocks.js.map

package/dist/render/showcase-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase-blocks.js","sourceRoot":"","sources":["../../src/render/showcase-blocks.ts"],"names":[],"mappings":"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"}

package/dist/render/showcase-styles.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Stylesheets for the showcase blocks.
+ *
+ * Each entry is a feature sheet: the compiler emits it only when a block on the
+ * page declares the feature, and `verify.ts` checks the marker selector in both
+ * directions. Only the window dots, which the terminal and the frame share, and
+ * the page-wide effects live in the base sheet.
+ *
+ * Motion follows the signature layer's rules: gated on
+ * `prefers-reduced-motion: no-preference`, never hiding content that has not
+ * been revealed by an observer, and switched off in print.
+ */
+import type { RuntimeFeature } from '../registry/roster.js';
+export declare const SHOWCASE_CSS: Readonly<Partial<Record<RuntimeFeature, string>>>;
+//# sourceMappingURL=showcase-styles.d.ts.map

package/dist/render/showcase-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase-styles.d.ts","sourceRoot":"","sources":["../../src/render/showcase-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyB5D,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CA4K1E,CAAC"}

package/dist/render/showcase-styles.js

@@ -0,0 +1,201 @@
+/**
+ * Stylesheets for the showcase blocks.
+ *
+ * Each entry is a feature sheet: the compiler emits it only when a block on the
+ * page declares the feature, and `verify.ts` checks the marker selector in both
+ * directions. Only the window dots, which the terminal and the frame share, and
+ * the page-wide effects live in the base sheet.
+ *
+ * Motion follows the signature layer's rules: gated on
+ * `prefers-reduced-motion: no-preference`, never hiding content that has not
+ * been revealed by an observer, and switched off in print.
+ */
+import { BENTO_CSS } from '../blocks/composition/composition-styles.js';
+import { EASE_OUT, MID, SLOW, UNIT } from './style-units.js';
+/**
+ * Stagger for terminal lines; lines past the last step share its delay.
+ *
+ * A line waiting for its turn is invisible, so the whole session must settle
+ * fast: the last line starts by 0.88s and every line is drawn by about 1.4s.
+ * A longer cascade left the last lines blank in captures taken after a scroll.
+ */
+const TERMINAL_STEP_COUNT = 12;
+const TERMINAL_STEPS = Array.from({ length: TERMINAL_STEP_COUNT }, (_, index) => {
+    const nth = index === TERMINAL_STEP_COUNT - 1 ? `n + ${TERMINAL_STEP_COUNT}` : String(index + 1);
+    return `.ak-terminal[data-ak-inview] .ak-term-line:nth-child(${nth}){animation-delay:${(index * 0.08).toFixed(2)}s}`;
+}).join('');
+/** Each KPI card's sparkline draws a beat after the previous one. */
+const KPI_STEPS = [2, 3, 4]
+    .map((position) => {
+    const nth = position === 4 ? 'n + 4' : String(position);
+    const lead = (position - 1) * 0.12;
+    return `.ak-kpis[data-ak-inview] .ak-kpi-card:nth-child(${nth}) .ak-kpi-line{animation-delay:${lead.toFixed(2)}s}.ak-kpis[data-ak-inview] .ak-kpi-card:nth-child(${nth}) .ak-kpi-area{animation-delay:${(lead + 0.5).toFixed(2)}s}`;
+})
+    .join('');
+export const SHOWCASE_CSS = {
+    bento: BENTO_CSS,
+    marquee: `.ak-marquee{--ak-marquee-time:42s;padding:${UNIT(2.25)} 0;border-block:var(--ak-border-width) solid var(--ak-color-border)}
+.ak-marquee[data-speed="slow"]{--ak-marquee-time:70s}
+.ak-marquee[data-speed="fast"]{--ak-marquee-time:24s}
+.ak-marquee-viewport{display:flex;overflow:hidden}
+.ak-marquee-track{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;row-gap:.4em}
+.ak-marquee-track[aria-hidden="true"]{display:none}
+.ak-marquee li{display:inline-flex;align-items:center;gap:${UNIT(3)};padding-right:${UNIT(3)};font-family:var(--ak-font-heading);font-size:clamp(1.3rem,2.8vw,2.3rem);font-weight:650;line-height:1.15;letter-spacing:-.03em;white-space:nowrap}
+.ak-marquee li::after{content:"";flex:none;width:.34em;height:.34em;border-radius:2px;background:var(--ak-color-accent);rotate:45deg}
+@supports (-webkit-text-stroke:1px black){.ak-marquee li:nth-child(even){color:transparent;-webkit-text-stroke:1.2px var(--ak-color-text)}}
+@keyframes ak-marquee{to{transform:translateX(-100%)}}
+@media (prefers-reduced-motion:no-preference){.ak-marquee-viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.ak-marquee-track{flex:none;flex-wrap:nowrap;animation:ak-marquee var(--ak-marquee-time) linear infinite}.ak-marquee-track[aria-hidden="true"]{display:flex}.ak-marquee:hover .ak-marquee-track{animation-play-state:paused}}
+@media print{.ak-marquee-track{animation:none!important;flex-wrap:wrap}.ak-marquee-track[aria-hidden="true"]{display:none!important}}`,
+    terminal: `.ak-terminal{--ak-term-bg:color-mix(in srgb,var(--ak-color-accent) 7%,#0b0d12);--ak-term-bar:color-mix(in srgb,var(--ak-color-accent) 6%,#151821);--ak-term-text:#e8eaf0;--ak-term-muted:#8f96a8;align-self:start;margin:0;overflow:hidden;border-radius:var(--ak-radius-large);background:var(--ak-term-bg);color:var(--ak-term-text);border:var(--ak-border-width) solid color-mix(in srgb,#fff 9%,var(--ak-term-bg));box-shadow:0 1px 0 color-mix(in srgb,#fff 8%,transparent) inset,var(--ak-elevation-popover)}
+.ak-terminal-bar{display:flex;align-items:center;gap:${UNIT(1.5)};padding:.55em .75em .55em 1em;background:var(--ak-term-bar);border-bottom:var(--ak-border-width) solid color-mix(in srgb,#fff 7%,transparent)}
+.ak-terminal .ak-window-dots{color:var(--ak-term-muted)}
+.ak-terminal-title{flex:1;margin:0;text-align:center;font-family:var(--ak-font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--ak-term-muted)}
+.ak-terminal .ak-code-copy{color:var(--ak-term-muted);border-color:color-mix(in srgb,#fff 12%,transparent);background:transparent}
+.ak-terminal .ak-code-copy::before{box-shadow:2.5px -2.5px 0 -1px var(--ak-term-bar),2.5px -2.5px 0 .5px currentColor}
+.ak-terminal .ak-code-copy:hover{color:var(--ak-term-text);background:color-mix(in srgb,#fff 8%,transparent)}
+.ak-terminal-body{margin:0;padding:${UNIT(2.5)} ${UNIT(3)} ${UNIT(3)};overflow-x:auto;background:transparent;border:0;border-radius:0;font-family:var(--ak-font-mono);font-size:.86rem;line-height:1.75;color:var(--ak-term-text);white-space:pre-wrap;word-break:break-word}
+.ak-term-line{display:inline-block;max-width:100%;vertical-align:top}
+.ak-term-line[data-kind="command"]{color:var(--ak-term-text);font-weight:600}
+.ak-term-line[data-kind="command"]::before{content:"\\276F\\00a0\\00a0";content:"\\276F\\00a0\\00a0" / "";color:color-mix(in srgb,var(--ak-color-accent) 55%,#fff);font-weight:700}
+.ak-term-line[data-kind="output"]{color:color-mix(in srgb,var(--ak-term-text) 82%,var(--ak-term-bg))}
+.ak-term-line[data-kind="comment"]{color:var(--ak-term-muted);font-style:italic}
+.ak-term-line[data-kind="success"]{color:#8fe3ad}
+.ak-term-line[data-kind="success"]::before{content:"\\2713\\00a0";content:"\\2713\\00a0" / ""}
+.ak-term-line[data-kind="error"]{color:#ffa3a3}
+.ak-term-line[data-kind="error"]::before{content:"\\2717\\00a0";content:"\\2717\\00a0" / ""}
+.ak-terminal-body::after{content:"";display:inline-block;width:.55em;height:1.15em;margin-left:.2em;vertical-align:-.2em;border-radius:1px;background:color-mix(in srgb,var(--ak-color-accent) 70%,#fff)}
+@keyframes ak-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
+@keyframes ak-line-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
+@keyframes ak-caret{50%{opacity:0}}
+@media (prefers-reduced-motion:no-preference){.ak-terminal[data-ak-inview] .ak-term-line{animation:ak-line-in calc(var(--ak-motion-duration) * 2) ${EASE_OUT} both}.ak-terminal[data-ak-inview] .ak-term-line[data-kind="command"]{animation:ak-type .5s steps(22,end) both}.ak-terminal-body::after{animation:ak-caret 1.1s steps(1) infinite}${TERMINAL_STEPS}}
+@media print{.ak-terminal{box-shadow:none}.ak-terminal .ak-code-copy{display:none}.ak-term-line{animation:none!important}}`,
+    tree: `.ak-tree-panel{padding:${UNIT(2.5)} ${UNIT(3)};border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-fill);box-shadow:var(--ak-elevation-card);font-family:var(--ak-font-mono);font-size:.84rem}
+.ak-tree-summary{list-style:none;display:flex;flex-wrap:wrap;gap:.5em;margin:0 0 ${UNIT(2)};padding:0 0 ${UNIT(2)};border-bottom:var(--ak-border-width) solid var(--ak-color-border)}
+.ak-tree-summary li,.ak-tree-status{display:inline-flex;align-items:center;gap:.45em;padding:.2em .7em;border-radius:999px;background:color-mix(in srgb,var(--ak-status) 13%,transparent);color:color-mix(in srgb,var(--ak-status) 78%,var(--ak-color-text));font-size:.72rem;letter-spacing:.05em}
+.ak-tree-summary li::before{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--ak-status)}
+.ak-tree-block [data-status]{--ak-status:var(--ak-color-text-muted)}
+.ak-tree-block [data-status="added"]{--ak-status:var(--ak-color-success)}
+.ak-tree-block [data-status="modified"]{--ak-status:var(--ak-color-warning)}
+.ak-tree-block [data-status="deleted"]{--ak-status:var(--ak-color-danger)}
+.ak-tree-block [data-status="renamed"]{--ak-status:var(--ak-color-info)}
+.ak-tree,.ak-tree ul{list-style:none;margin:0;padding:0}
+.ak-tree ul{margin-left:.5em;padding-left:1.15em;border-left:var(--ak-border-width) solid var(--ak-color-border)}
+.ak-tree li[data-status]{display:flex;flex-wrap:wrap;align-items:center;gap:.25em .7em;padding:.28em .45em;margin-left:-.45em;border-radius:var(--ak-radius-small);${'transition:background var(--ak-motion-duration) var(--ak-motion-easing)'}}
+.ak-tree li[data-status]:hover{background:var(--ak-tint)}
+.ak-tree summary{list-style:none;display:flex;align-items:center;gap:.5em;padding:.28em .45em;margin-left:-.45em;border-radius:var(--ak-radius-small);cursor:pointer;font-weight:600}
+.ak-tree summary::-webkit-details-marker{display:none}
+.ak-tree summary::before{content:"";width:.38em;height:.38em;margin-right:.1em;border-right:1.5px solid var(--ak-color-text-muted);border-bottom:1.5px solid var(--ak-color-text-muted);rotate:-45deg;transition:rotate var(--ak-motion-duration) var(--ak-motion-easing)}
+.ak-tree details[open] > summary::before{rotate:45deg}
+.ak-tree summary:hover{background:var(--ak-tint);color:var(--ak-color-accent)}
+.ak-tree-name{display:inline-flex;align-items:center;gap:.5em}
+.ak-tree-name::before{content:"";flex:none;display:inline-block}
+.ak-tree-name[data-kind="folder"]::before{width:1.05em;height:.82em;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--ak-color-accent) 78%,#fff),var(--ak-color-accent));clip-path:polygon(0 0,42% 0,52% 16%,100% 16%,100% 100%,0 100%)}
+.ak-tree-name[data-kind="file"]::before{width:.8em;height:1em;background:color-mix(in srgb,var(--ak-color-text) 22%,transparent);clip-path:polygon(0 0,64% 0,100% 30%,100% 100%,0 100%)}
+.ak-tree li[data-status]:not([data-status="unchanged"]) .ak-tree-name[data-kind="file"]::before{background:var(--ak-status)}
+.ak-tree li[data-status="deleted"] .ak-tree-name{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ak-color-danger) 60%,transparent);color:var(--ak-color-text-muted)}
+.ak-tree-status{padding:.05em .55em;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
+.ak-tree-note{margin-left:auto;font-family:var(--ak-font-body);font-size:.8rem;color:var(--ak-color-text-muted)}
+@media (max-width:560px){.ak-tree-panel{padding:${UNIT(2)}}.ak-tree-note{flex-basis:100%;margin-left:1.5em}}`,
+    'before-after': `.ak-ba{margin:0;display:flex;flex-direction:column;gap:${UNIT(1.5)}}
+.ak-ba-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:${UNIT(1.5)}}
+.ak-ba-pane{position:relative;overflow:hidden;margin:0;border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-color-surface-raised)}
+.ak-ba-pane img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
+.ak-ba-pane .ak-caption{padding:${UNIT(2)}}
+.ak-ba-label{position:absolute;top:12px;left:12px;z-index:1;padding:.35em .8em;border-radius:999px;font-family:var(--ak-font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-color-text);background:color-mix(in srgb,var(--ak-color-background) 80%,transparent);border:var(--ak-border-width) solid color-mix(in srgb,var(--ak-color-text) 12%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
+.ak-ba-handle,.ak-ba-range{display:none}
+.ak-ba[data-ak-ready] .ak-ba-stage{grid-template-columns:1fr;gap:0;overflow:hidden;border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);box-shadow:var(--ak-elevation-popover);touch-action:pan-y}
+.ak-ba[data-ak-ready] .ak-ba-pane{grid-area:1 / 1;border:0;border-radius:0}
+.ak-ba[data-ak-ready] .ak-ba-pane[data-side="after"]{clip-path:inset(0 0 0 var(--ak-split,50%))}
+.ak-ba[data-ak-ready] .ak-ba-pane[data-side="after"] .ak-ba-label{left:auto;right:12px}
+.ak-ba[data-ak-ready] .ak-ba-handle{display:block;position:absolute;top:0;bottom:0;left:var(--ak-split,50%);z-index:2;width:2px;margin-left:-1px;pointer-events:none;background:var(--ak-color-background);box-shadow:0 0 0 1px color-mix(in srgb,var(--ak-color-text) 14%,transparent),0 0 28px color-mix(in srgb,var(--ak-color-text) 30%,transparent)}
+.ak-ba-handle::after{content:"\\2039\\2002\\203A";content:"\\2039\\2002\\203A" / "";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;translate:-50% -50%;border-radius:50%;background:var(--ak-color-background);color:var(--ak-color-text);font-size:1.2rem;font-weight:700;line-height:1;box-shadow:0 0 0 1px var(--ak-color-border),var(--ak-elevation-popover);transition:scale ${MID} ${EASE_OUT}}
+.ak-ba-stage:hover .ak-ba-handle::after{scale:1.08}
+.ak-ba-stage:has(.ak-ba-range:focus-visible) .ak-ba-handle::after{outline:2px solid var(--ak-color-accent);outline-offset:3px}
+.ak-ba[data-ak-ready] .ak-ba-range{display:block;position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
+@media (max-width:560px){.ak-ba-stage{grid-template-columns:1fr}}`,
+    kpi: `.ak-kpi-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:${UNIT(2)}}
+.ak-kpi-card{--ak-verdict:var(--ak-color-accent);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:.5em;min-width:0;padding:${UNIT(2.75)} ${UNIT(2.75)} 0;border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-fill);box-shadow:var(--ak-elevation-card);transition:translate ${MID} ${EASE_OUT},box-shadow ${MID} ${EASE_OUT}}
+.ak-kpi-card:hover{translate:0 -3px;box-shadow:var(--ak-elevation-popover)}
+.ak-kpi-card[data-verdict="good"]{--ak-verdict:var(--ak-color-success)}
+.ak-kpi-card[data-verdict="bad"]{--ak-verdict:var(--ak-color-danger)}
+.ak-kpi-card > p{margin:0}
+.ak-kpi-label{font-family:var(--ak-font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-color-text-muted)}
+.ak-kpi-value{font-family:var(--ak-font-heading);font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),4));font-weight:700;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
+.ak-kpi-delta{align-self:flex-start;display:inline-flex;align-items:center;gap:.35em;padding:.2em .65em;border-radius:999px;font-family:var(--ak-font-mono);font-size:.76rem;font-weight:600;color:color-mix(in srgb,var(--ak-verdict) 80%,var(--ak-color-text));background:color-mix(in srgb,var(--ak-verdict) 13%,transparent)}
+.ak-kpi-card[data-verdict="neutral"] .ak-kpi-delta{color:var(--ak-color-text-muted);background:color-mix(in srgb,var(--ak-color-text) 7%,transparent)}
+.ak-kpi-card > .ak-caption{color:var(--ak-color-text-muted);font-size:.82rem}
+.ak-kpi-card:not(:has(.ak-kpi-spark)){padding-bottom:${UNIT(2.75)}}
+.ak-kpi-spark{display:block;order:9;width:calc(100% + ${UNIT(5.5)});height:64px;margin:auto ${UNIT(-2.75)} 0;padding-top:${UNIT(1)};overflow:visible}
+.ak-kpi-line{fill:none;stroke:var(--ak-verdict);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
+.ak-kpi-stop{stop-color:var(--ak-verdict);stop-opacity:.3}
+.ak-kpi-stop--end{stop-opacity:0}
+@keyframes ak-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
+@keyframes ak-fade{from{opacity:0}}
+@media (prefers-reduced-motion:no-preference){.ak-kpis[data-ak-inview] .ak-kpi-line{stroke-dasharray:1;animation:ak-draw 1.6s ${EASE_OUT} both}.ak-kpis[data-ak-inview] .ak-kpi-area{animation:ak-fade 1.2s .5s ease-out both}${KPI_STEPS}}`,
+    showcase: `.ak-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:${UNIT(4)} ${UNIT(7)};padding:${UNIT(3)} 0}
+.ak-showcase::before{content:"";position:absolute;z-index:-1;inset:8% 0 8% 38%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ak-color-accent) 22%,transparent),transparent);filter:blur(48px);pointer-events:none}
+.ak-showcase[data-align="media-left"]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
+.ak-showcase[data-align="media-left"]::before{inset:8% 38% 8% 0}
+.ak-showcase[data-align="media-left"] .ak-showcase-media{order:-1}
+.ak-showcase-copy{display:flex;flex-direction:column;align-items:flex-start;gap:${UNIT(1.75)}}
+.ak-showcase-copy > *{margin:0}
+.ak-showcase-copy .ak-eyebrow{color:var(--ak-color-accent)}
+.ak-showcase h2{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),3.4));line-height:1.04;letter-spacing:-.04em}
+.ak-showcase-text{font-size:calc(var(--ak-font-size-base) * 1.1);line-height:1.6;color:var(--ak-color-text-muted);max-width:44ch}
+.ak-showcase-points{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7em}
+.ak-showcase-points li{display:flex;align-items:flex-start;gap:.75em}
+.ak-showcase-points li::before{content:"";flex:none;width:1.25em;height:1.25em;margin-top:.12em;border-radius:50%;background:radial-gradient(circle,var(--ak-color-accent) 0 28%,transparent 31%),color-mix(in srgb,var(--ak-color-accent) 16%,transparent)}
+.ak-showcase-media{position:relative;margin:0;overflow:hidden;border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-color-surface);box-shadow:0 1px 0 color-mix(in srgb,#fff 50%,transparent) inset,0 2px 6px color-mix(in srgb,var(--ak-color-text) 6%,transparent),0 32px 64px -24px color-mix(in srgb,var(--ak-color-text) 34%,transparent);transition:transform ${SLOW} ${EASE_OUT},box-shadow ${SLOW} ${EASE_OUT}}
+@keyframes ak-drift{from{translate:0 -3.5%}to{translate:0 3.5%}}
+@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ak-showcase-media .ak-frame-view img{scale:1.08;animation:ak-drift linear both;animation-timeline:view();animation-range:cover}}}
+@media (prefers-reduced-motion:no-preference) and (hover:hover){.ak-showcase:hover .ak-showcase-media{transform:perspective(1800px) rotateY(-3deg) rotateX(1.5deg) translateY(-4px)}.ak-showcase[data-align="media-left"]:hover .ak-showcase-media{transform:perspective(1800px) rotateY(3deg) rotateX(1.5deg) translateY(-4px)}}
+@media (max-width:900px){.ak-showcase,.ak-showcase[data-align="media-left"]{grid-template-columns:1fr}.ak-showcase[data-align="media-left"] .ak-showcase-media{order:0}.ak-showcase::before,.ak-showcase[data-align="media-left"]::before{inset:30% 0 0 0}}
+@media print{.ak-showcase-media .ak-frame-view img{animation:none!important;scale:none}}`,
+    cta: `.ak-cta{display:flex;flex-direction:column;align-items:flex-start;gap:${UNIT(2.5)};padding:${UNIT(11)} ${UNIT(7)}}
+.ak-main > .ak-cta{margin-top:calc(var(--ak-gap) * 3)}
+.ak-cta > *{margin:0}
+.ak-cta .ak-eyebrow{color:var(--ak-color-accent)}
+.ak-cta-title{max-width:15ch;font-size:clamp(2.5rem,1.2rem + 5.4vw,5.75rem);line-height:.96;letter-spacing:-.048em;font-weight:700}
+@supports (-webkit-background-clip:text) or (background-clip:text){.ak-cta-title{background:linear-gradient(180deg,var(--ak-color-text) 35%,color-mix(in srgb,var(--ak-color-text) 52%,var(--ak-color-accent)));-webkit-background-clip:text;background-clip:text;color:transparent}}
+@media (forced-colors:active){.ak-cta-title{background:none;color:CanvasText}}
+.ak-cta-text{max-width:50ch;font-size:calc(var(--ak-font-size-base) * 1.15);line-height:1.6;color:var(--ak-color-text-muted)}
+.ak-cta-actions{display:flex;flex-wrap:wrap;gap:${UNIT(1.5)};margin-top:${UNIT(1.5)}}
+.ak-cta-actions .ak-btn{min-height:48px;padding:.8em 1.5em;font-size:1rem;text-decoration:none;border-radius:999px}
+.ak-cta-actions .ak-btn[data-variant="secondary"]{background:color-mix(in srgb,var(--ak-color-text) 6%,transparent);border-color:color-mix(in srgb,var(--ak-color-text) 18%,transparent)}
+.ak-cta::after{content:"";position:absolute;z-index:-1;right:-12%;bottom:-40%;width:min(640px,70%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ak-color-accent) 40%,transparent),transparent);filter:blur(40px);pointer-events:none}
+@media (prefers-reduced-motion:no-preference){.ak-cta::after{animation:ak-aurora 16s ease-in-out infinite}}
+@media (max-width:768px){.ak-cta{padding:${UNIT(7)} ${UNIT(3.5)}}}
+@media print{.ak-cta::after{display:none}.ak-cta-title{background:none;color:inherit}}`,
+    // Browser chrome around a capture: the hero shot and the showcase spotlight.
+    frame: `.ak-frame-bar{display:flex;align-items:center;gap:calc(var(--ak-space-unit) * 1.5);padding:.6em .9em;border-bottom:var(--ak-border-width) solid var(--ak-color-border);background:color-mix(in srgb,var(--ak-color-text) 4%,var(--ak-color-surface))}
+.ak-frame-bar .ak-window-dots{color:var(--ak-color-text-muted)}
+.ak-frame-address{flex:0 1 52%;margin:0 auto;padding:.28em 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:999px;font-family:var(--ak-font-mono);font-size:.7rem;color:var(--ak-color-text-muted);background:var(--ak-color-background);border:var(--ak-border-width) solid var(--ak-color-border)}
+.ak-frame-view{overflow:hidden}
+.ak-frame-view img{display:block;width:100%;height:auto}
+.ak-frame-view .ak-caption{padding:calc(var(--ak-space-unit) * 3)}
+.ak-hero[data-media]{padding-bottom:0}
+.ak-hero-media{position:relative;align-self:stretch;margin:calc(var(--ak-space-unit) * 5) 0 0;perspective:1600px}
+.ak-hero-media::before{content:"";position:absolute;z-index:-1;inset:6% 4% -6%;border-radius:40px;background:linear-gradient(120deg,color-mix(in srgb,var(--ak-color-accent) 46%,transparent),color-mix(in srgb,var(--ak-color-info) 30%,transparent) 50%,color-mix(in srgb,var(--ak-color-success) 26%,transparent));filter:blur(56px);opacity:.55;pointer-events:none}
+.ak-hero-stage{overflow:hidden;text-align:start;border:var(--ak-border-width) solid var(--ak-color-border);border-radius:calc(var(--ak-radius-large) * 1.4);background:var(--ak-color-surface);box-shadow:0 1px 0 color-mix(in srgb,#fff 50%,transparent) inset,0 2px 8px color-mix(in srgb,var(--ak-color-text) 6%,transparent),0 48px 96px -32px color-mix(in srgb,var(--ak-color-text) 38%,transparent);transform-origin:50% 0}
+@keyframes ak-tilt{from{transform:rotateX(16deg) scale(.95)}to{transform:none}}
+@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ak-hero-stage{animation:ak-tilt linear both;animation-timeline:view();animation-range:cover 0% cover 48%}}}
+@media print{.ak-hero-media::before{display:none}.ak-hero-stage{animation:none!important}}`,
+    checklist: `.ak-checklist{padding:calc(var(--ak-space-unit) * 3);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-fill);box-shadow:var(--ak-elevation-card)}
+.ak-checklist-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5em calc(var(--ak-space-unit) * 2)}
+.ak-checklist-head h2{margin:0;font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),1.6));letter-spacing:-.02em}
+.ak-checklist-count{margin:0;font-family:var(--ak-font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--ak-color-text-muted)}
+.ak-checklist-count strong{font-size:1.15em;color:var(--ak-color-text)}
+.ak-checklist-meter{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;margin:calc(var(--ak-space-unit) * 1.75) 0 calc(var(--ak-space-unit) * .5);border:0;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--ak-color-text) 8%,var(--ak-color-surface))}
+.ak-checklist-meter::-webkit-progress-bar{background:transparent}
+.ak-checklist-meter::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--ak-color-accent) 60%,var(--ak-color-surface)),var(--ak-color-accent))}
+.ak-checklist-meter::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--ak-color-accent) 60%,var(--ak-color-surface)),var(--ak-color-accent))}
+.ak-checklist ul{list-style:none;margin:0;padding:0}
+.ak-checklist li{display:flex;align-items:flex-start;gap:.85em;padding:.75em 0;border-top:var(--ak-border-width) solid var(--ak-color-border)}
+.ak-checklist li:first-child{border-top:0}
+.ak-check{position:relative;flex:none;width:1.25em;height:1.25em;margin-top:.12em;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--ak-color-text) 28%,transparent)}
+.ak-checklist li[data-state="done"] .ak-check{background:var(--ak-color-accent);border-color:var(--ak-color-accent)}
+.ak-checklist li[data-state="done"] .ak-check::after{content:"";position:absolute;left:36%;top:16%;width:26%;height:50%;border:solid var(--ak-color-accent-contrast);border-width:0 2px 2px 0;rotate:45deg}
+.ak-checklist li[data-state="done"] .ak-check-text{color:var(--ak-color-text-muted)}
+@media print{.ak-checklist{box-shadow:none}}`,
+};
+//# sourceMappingURL=showcase-styles.js.map

package/dist/render/showcase-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase-styles.js","sourceRoot":"","sources":["../../src/render/showcase-styles.ts"],"names":[],"mappings":"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"}