.component-stage[data-v-a1078a75]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-soft);border-radius:8px;min-width:0;padding:20px}.component-cards .ac-title[data-v-a1078a75],.component-list .ac-title[data-v-a1078a75],.component-stage[data-v-a1078a75],.media-component .ac-title[data-v-a1078a75]{color:var(--foundation-subject-ink)}.component-cards .ac-meta[data-v-a1078a75],.component-list .ac-meta[data-v-a1078a75],.media-component .ac-body[data-v-a1078a75],.media-component .ac-meta[data-v-a1078a75]{color:oklch(57% .035 255)}.media-component[data-v-a1078a75]{border:1px solid var(--foundation-subject-line);background:oklch(100% 0 0);border-radius:8px;align-items:center;min-width:0;max-width:620px;margin:auto;padding:16px;display:flex}.media-component>img[data-v-a1078a75]{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:5px;width:44%;height:auto}.media-copy[data-v-a1078a75]{flex:1;min-width:0}.media-copy small[data-v-a1078a75]{color:oklch(48% .025 255);font-size:11px}.media-copy h4[data-v-a1078a75]{margin:8px 0;font-size:18px;line-height:1.5}.media-copy p[data-v-a1078a75]{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.right[data-v-a1078a75]{flex-direction:row-reverse}.bottom[data-v-a1078a75],.top[data-v-a1078a75]{flex-direction:column;align-items:stretch;max-width:320px}.bottom[data-v-a1078a75]{flex-direction:column-reverse}.bottom>img[data-v-a1078a75],.top>img[data-v-a1078a75]{width:100%}.overlay[data-v-a1078a75]{padding:0;display:grid;position:relative;overflow:hidden}.overlay>.media-copy[data-v-a1078a75],.overlay>img[data-v-a1078a75]{grid-area:1/1}.overlay>img[data-v-a1078a75]{aspect-ratio:16/9;border-radius:0;width:100%;min-height:220px}.overlay>.media-copy[data-v-a1078a75]{z-index:1;color:oklch(100% 0 0);background:linear-gradient(#0000 10%,oklch(28% .05 55/.8));flex-direction:column;justify-content:end;align-self:stretch;padding:24px;display:flex}.overlay small[data-v-a1078a75]{color:oklch(96% .015 80)}.media-component.overlay .ac-body[data-v-a1078a75],.media-component.overlay .ac-title[data-v-a1078a75]{color:oklch(100% 0 0)}.media-component.overlay .ac-meta[data-v-a1078a75]{color:oklch(96% .015 80)}.component-list[data-v-a1078a75]{gap:var(--arrangement-gap);min-width:0;display:flex}.component-list.vertical[data-v-a1078a75]{flex-direction:column}.component-list article[data-v-a1078a75]{border:1px solid var(--foundation-subject-line);background:oklch(100% 0 0);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.component-list small[data-v-a1078a75]{color:oklch(48% .025 255);flex:none;font-size:11px}.horizontal[data-v-a1078a75]{overscroll-behavior-x:contain;padding-bottom:8px;overflow-x:auto}.horizontal article[data-v-a1078a75]{flex-direction:column;flex:0 0 190px;align-items:start}.wrap[data-v-a1078a75]{flex-wrap:wrap}.wrap article[data-v-a1078a75]{flex:0 auto}.component-cards[data-v-a1078a75]{grid-template-columns:repeat(var(--card-columns),minmax(0,1fr));gap:var(--arrangement-gap);display:grid}.component-cards article[data-v-a1078a75]{border:1px solid var(--foundation-subject-line);overflow-wrap:anywhere;background:oklch(100% 0 0);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.component-cards img[data-v-a1078a75]{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:100%;height:auto}.component-cards b[data-v-a1078a75]{font-size:13px}.component-cards small[data-v-a1078a75]{color:oklch(48% .025 255);font-size:11px}.component-cards.masonry[data-v-a1078a75]{-moz-columns:var(--card-columns);columns:var(--card-columns);-moz-column-gap:var(--arrangement-gap);column-gap:var(--arrangement-gap);display:block}.masonry article[data-v-a1078a75]{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--arrangement-gap)}.component-list[data-v-a1078a75]:focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}@container (width<=480px){.component-stage[data-v-a1078a75],.media-component[data-v-a1078a75]{padding:12px}.media-copy h4[data-v-a1078a75]{font-size:15px}.media-copy p[data-v-a1078a75]{font-size:12px}.component-cards article[data-v-a1078a75]{padding:6px}.component-cards b[data-v-a1078a75]{font-size:11px}.component-list article[data-v-a1078a75]{padding:10px}.overlay[data-v-a1078a75]{padding:0}}.layout-thumbnail[data-v-268b4f74]{stroke-linecap:round;stroke-linejoin:round;width:280px;height:154px;display:block}.frame[data-v-268b4f74]{fill:var(--foundation-subject-surface);stroke:var(--foundation-subject-ink);stroke-width:1.2px}.header[data-v-268b4f74],.side[data-v-268b4f74]{fill:var(--foundation-subject-soft);stroke:var(--foundation-subject-line);stroke-width:1.2px}.main[data-v-268b4f74]{fill:var(--foundation-subject-stage);stroke:var(--foundation-subject-ink);stroke-width:1.2px}.nav[data-v-268b4f74]{fill:var(--foundation-subject-ink)}.content[data-v-268b4f74]{stroke:var(--foundation-subject-ink);stroke-width:2.5px;opacity:.65}.nav-items[data-v-268b4f74]{stroke:var(--foundation-subject-surface);stroke-width:2.5px}.mobile-layout-scene[data-v-5e5b2ad8]{width:100%;height:var(--phone-height);border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-width:0;color:var(--foundation-subject-ink);border-radius:12px;flex-direction:column;font-size:12px;display:flex;overflow:hidden}.phone-header[data-v-5e5b2ad8]{border-bottom:1px solid var(--foundation-subject-line);flex:none;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.phone-header strong[data-v-5e5b2ad8]{flex:1;min-width:0}button[data-v-5e5b2ad8]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);color:inherit;font:inherit;cursor:pointer;border-radius:6px;min-height:44px}.phone-content[data-v-5e5b2ad8]:focus-visible,button[data-v-5e5b2ad8]:focus-visible,h4[data-v-5e5b2ad8]:focus-visible{outline:2px solid var(--foundation-subject-ink);outline-offset:-2px}button[aria-pressed=true][data-v-5e5b2ad8]{background:var(--foundation-subject-stage);font-weight:600}.phone-body[data-v-5e5b2ad8]{display:flex}.phone-body[data-v-5e5b2ad8],.phone-content[data-v-5e5b2ad8]{flex:1;min-width:0;min-height:0}.phone-content[data-v-5e5b2ad8]{overscroll-behavior:contain;background:var(--foundation-subject-soft);padding:16px;overflow-y:auto}h4[data-v-5e5b2ad8]{margin:4px 0 16px}.phone-list[data-v-5e5b2ad8]{gap:12px;display:grid}.phone-list h4[data-v-5e5b2ad8]{margin-bottom:0}.phone-list button[data-v-5e5b2ad8]{text-align:start;align-items:center;gap:12px;padding:12px;display:flex}.item-image[data-v-5e5b2ad8]{border-radius:5px;flex:none;width:44px;height:44px}.item-copy[data-v-5e5b2ad8]{flex:1;gap:8px;min-width:0;display:grid}.list-banner[data-v-5e5b2ad8]{border-radius:6px;height:88px}.phone-tabs[data-v-5e5b2ad8]{border-bottom:1px solid var(--foundation-subject-line);flex:none;padding-inline:12px;display:flex}.phone-tabs button[data-v-5e5b2ad8]{background:0 0;border:0;border-radius:0;flex:1}.phone-tabs button[aria-pressed=true][data-v-5e5b2ad8]{box-shadow:inset 0 -2px}.phone-bottom-nav[data-v-5e5b2ad8]{padding:8px 12px max(8px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--foundation-subject-line);flex:none;gap:8px;display:flex}.phone-bottom-nav button[data-v-5e5b2ad8]{border-color:#0000;flex:1;place-items:center;gap:4px;padding:6px;display:grid}.nav-icon[data-v-5e5b2ad8]{border:1px solid;border-radius:3px;width:12px;height:12px}.category-nav[data-v-5e5b2ad8]{border-right:1px solid var(--foundation-subject-line);flex-direction:column;flex:0 0 80px;gap:8px;padding:12px 8px;display:flex;overflow-y:auto}.category-nav button[data-v-5e5b2ad8]{border-color:#0000;flex:none}.category .phone-content[data-v-5e5b2ad8]{padding:12px}.category .phone-list button[data-v-5e5b2ad8]{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.category .item-image[data-v-5e5b2ad8]{width:100%;height:72px}.category .item-copy[data-v-5e5b2ad8]{flex:auto}.phone-feed[data-v-5e5b2ad8]{-moz-columns:2;columns:2;-moz-column-gap:12px;column-gap:12px}.phone-feed button[data-v-5e5b2ad8]{-moz-column-break-inside:avoid;break-inside:avoid;text-align:start;gap:12px;width:100%;margin-bottom:12px;padding:8px;display:inline-grid}.phone-feed button[data-v-5e5b2ad8]>:first-child{border-radius:4px}.phone-data[data-v-5e5b2ad8]{gap:16px;display:grid}.metric[data-v-5e5b2ad8]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:6px;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}.metric span[data-v-5e5b2ad8]{font-variant-numeric:tabular-nums}.metric i[data-v-5e5b2ad8]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-stage);border-radius:4px;grid-column:1/-1;height:48px}.detail-image[data-v-5e5b2ad8]{border-radius:6px;height:160px}.detail-copy[data-v-5e5b2ad8],.detail-image[data-v-5e5b2ad8]{margin-bottom:24px}.phone-actions[data-v-5e5b2ad8]{padding:12px 16px max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--foundation-subject-line);flex:none;gap:12px;display:flex}.phone-actions button[data-v-5e5b2ad8]{flex:1}.phone-actions .primary-action[data-v-5e5b2ad8]{background:var(--foundation-subject-stage);flex:2}.primary-action[data-v-5e5b2ad8]:disabled{opacity:.65;cursor:default}.back[data-v-5e5b2ad8]{padding-inline:8px}.sr-only[data-v-5e5b2ad8]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thumbnail[data-v-5e5b2ad8]{pointer-events:none;-webkit-user-select:none;user-select:none;width:200px;height:330px;margin-inline:auto}.thumbnail .phone-header[data-v-5e5b2ad8]{min-height:36px;padding:8px 12px}.thumbnail button[data-v-5e5b2ad8]{min-height:32px}.thumbnail .phone-content[data-v-5e5b2ad8]{padding:12px}.thumbnail .phone-feed[data-v-5e5b2ad8]{-moz-column-gap:8px;column-gap:8px}.thumbnail .category-nav[data-v-5e5b2ad8]{flex-basis:64px;padding:8px 4px}.thumbnail .phone-feed button[data-v-5e5b2ad8]{gap:8px;padding:6px}.thumbnail .phone-bottom-nav[data-v-5e5b2ad8]{padding:4px}.mobile-layout-preview[data-v-d92dd22b]{max-width:100%;margin-inline:auto}.demo-button[data-v-d92dd22b]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-height:36px;color:var(--foundation-subject-ink);font:inherit;cursor:pointer;border-radius:7px;padding:8px 12px;font-size:12px}.demo-button[data-v-d92dd22b]:focus-visible{outline-offset:2px;outline:2px solid}.data-workbench[data-v-69b5aa2f]{min-width:0;color:var(--foundation-subject-ink);gap:14px;font-size:13px;display:grid}.data-filters[data-v-69b5aa2f]{grid-template-columns:minmax(0,1fr) minmax(90px,.65fr);gap:10px;display:grid}label[data-v-69b5aa2f]{gap:6px;min-width:0;display:grid}input[type=search][data-v-69b5aa2f],select[data-v-69b5aa2f]{box-sizing:border-box;border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);width:100%;min-width:0;min-height:36px;color:inherit;font:inherit;border-radius:7px;padding:7px 9px}.data-metrics[data-v-69b5aa2f]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.data-metrics>div[data-v-69b5aa2f]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:10px;gap:8px;padding:12px;display:grid}.data-metrics span[data-v-69b5aa2f]{font-size:11px}.data-metrics strong[data-v-69b5aa2f]{font-variant-numeric:tabular-nums;font-size:22px}.data-actions[data-v-69b5aa2f],.data-detail>div[data-v-69b5aa2f]{justify-content:space-between;align-items:center;gap:8px;display:flex}button[data-v-69b5aa2f]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-height:36px;color:inherit;font:inherit;cursor:pointer;border-radius:7px;padding:6px 9px}button[data-v-69b5aa2f]:disabled{opacity:.5;cursor:default}button[data-v-69b5aa2f]:not(:disabled):hover{background:var(--foundation-subject-soft)}.data-table-scroll[data-v-69b5aa2f]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:10px;min-width:0;overflow-x:auto}table[data-v-69b5aa2f]{border-collapse:collapse;text-align:left;width:100%;min-width:310px;font-size:12px}td[data-v-69b5aa2f],th[data-v-69b5aa2f]{border-bottom:1px solid var(--foundation-subject-line);white-space:nowrap;padding:9px}thead[data-v-69b5aa2f]{background:var(--foundation-subject-soft)}input[type=checkbox][data-v-69b5aa2f]{accent-color:var(--article-accent);width:16px;height:16px}.data-detail[data-v-69b5aa2f]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:10px;padding:14px}.data-detail p[data-v-69b5aa2f]{margin:10px 0 0}.data-detail[data-v-69b5aa2f]:focus-visible,.data-table-scroll[data-v-69b5aa2f]:focus-visible,button[data-v-69b5aa2f]:focus-visible,input[data-v-69b5aa2f]:focus-visible,select[data-v-69b5aa2f]:focus-visible{outline:2px solid var(--article-accent);outline-offset:-2px}@container (width<=360px){.data-filters[data-v-69b5aa2f]{grid-template-columns:minmax(0,1fr)}.data-metrics>div[data-v-69b5aa2f]{padding:8px}input[type=search][data-v-69b5aa2f],select[data-v-69b5aa2f]{font-size:16px}}.ac-title[data-v-c08cb084]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-c08cb084]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-c08cb084]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-c08cb084]{color:#93a4be;display:block}.ac-value[data-v-c08cb084]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-c08cb084]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-c08cb084],.ac-chip[data-v-c08cb084]{display:inline-block}.ac-chip[data-v-c08cb084]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-c08cb084]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-c08cb084]{color:#4168dd;font-weight:700}.ac-on-band[data-v-c08cb084]{color:#5c7398}.pattern-scene[data-v-c08cb084]{color:#334155;width:100%;max-width:760px;margin-inline:auto;container-type:inline-size}.pattern-scene.mobile[data-v-c08cb084]{max-width:320px}.pattern-scene.auto-layout[data-v-c08cb084]{max-width:none}.screen[data-v-c08cb084]{font-size:calc(clamp(12px, 2.5cqw, 13px)*var(--text-scale));background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.mobile .screen[data-v-c08cb084],.screen[data-v-c08cb084]{height:var(--available-height)}.mobile:not(.thumbnail) button[data-v-c08cb084]{min-height:44px}.screen-header[data-v-c08cb084]{border-bottom:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.screen-header strong[data-v-c08cb084]{overflow-wrap:anywhere;font-size:1.05em}.bottom-nav[data-v-c08cb084],.screen-header nav[data-v-c08cb084],.screen-menu[data-v-c08cb084]{flex-wrap:wrap;gap:6px;display:flex}.screen-menu[data-v-c08cb084]{border-bottom:1px solid #e2e8f0;padding:10px}button[data-v-c08cb084]{color:#475569;font:inherit;cursor:pointer;text-align:left;background:#f1f5f9;border:1px solid #0000;border-radius:5px;padding:7px 9px}.selected[data-v-c08cb084],button[aria-pressed=true][data-v-c08cb084]{color:#a33310;background:#fff0e5}.detail-heading[data-v-c08cb084]:focus-visible,.screen-main[data-v-c08cb084]:focus-visible,button[data-v-c08cb084]:focus-visible{outline-offset:-2px;outline:2px solid #ff4d18}.screen-body[data-v-c08cb084]{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.has-panel .screen-body[data-v-c08cb084]{grid-template-columns:minmax(80px,22%) minmax(0,1fr)}.holygrail .screen-body[data-v-c08cb084]{grid-template-columns:minmax(80px,18%) minmax(0,1fr) minmax(80px,18%)}.splitpane .screen-body[data-v-c08cb084]{grid-template-columns:minmax(120px,var(--pane-ratio)) minmax(160px,1fr)}.mobile .screen-body[data-v-c08cb084]{grid-template-columns:minmax(0,1fr)}.screen-aux[data-v-c08cb084],.screen-sidebar[data-v-c08cb084]{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex;overflow:auto}.screen-sidebar strong[data-v-c08cb084]{font-size:.9em}.screen-sidebar span[data-v-c08cb084]{padding:6px}.screen-aux[data-v-c08cb084]{border-left:1px solid #e2e8f0;border-right:0;font-size:.85em}.screen-main[data-v-c08cb084]{overscroll-behavior:contain;min-width:0;padding:20px;overflow-y:auto}h4[data-v-c08cb084]{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.35em}p[data-v-c08cb084]{margin:8px 0;line-height:1.7}small[data-v-c08cb084]{color:#64748b;font-size:.85em}.screen-summary[data-v-c08cb084]{color:#64748b;margin-bottom:16px}.project-grid[data-v-c08cb084]{grid-template-columns:repeat(var(--scene-columns),minmax(0,1fr));gap:12px;display:grid}.project-grid article[data-v-c08cb084]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.project-grid b[data-v-c08cb084]{overflow-wrap:anywhere;font-size:.95em}.project-cover[data-v-c08cb084]{aspect-ratio:4/3;background:#dbeafe;border-radius:4px;position:relative;overflow:hidden}.media-cover[data-v-c08cb084]:after,.project-cover[data-v-c08cb084]:after{content:"";background:#93c5fd;border-radius:10%;width:70%;height:65%;position:absolute;bottom:-20%;right:-10%;transform:rotate(-22deg)}.cover-1[data-v-c08cb084]{background:#ede9fe}.cover-1[data-v-c08cb084]:after{background:#c4b5fd}.cover-2[data-v-c08cb084]{background:#ffedd5}.cover-2[data-v-c08cb084]:after{background:#fdba74}.holygrail .project-grid[data-v-c08cb084],.navbar .project-grid[data-v-c08cb084],.sidebar .project-grid[data-v-c08cb084],.stack .project-grid[data-v-c08cb084]{grid-template-columns:1fr}.holygrail .project-grid article[data-v-c08cb084],.navbar .project-grid article[data-v-c08cb084],.sidebar .project-grid article[data-v-c08cb084],.stack .project-grid article[data-v-c08cb084]{grid-template-columns:52px minmax(0,1fr);align-items:center;display:grid}.holygrail .project-cover[data-v-c08cb084],.navbar .project-cover[data-v-c08cb084],.sidebar .project-cover[data-v-c08cb084],.stack .project-cover[data-v-c08cb084]{grid-row:span 2}.dashboard .project-grid[data-v-c08cb084]{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .featured[data-v-c08cb084]{grid-column:span 2}.metric[data-v-c08cb084]{font-size:2em!important}.chart[data-v-c08cb084]{align-items:end;gap:7px;height:60px;display:flex}.chart i[data-v-c08cb084]{background:#93c5fd;border-radius:3px 3px 0 0;flex:1}.chart i[data-v-c08cb084]:nth-child(2n){background:#60a5fa}.masonry .project-grid[data-v-c08cb084]{-moz-columns:var(--scene-columns);columns:var(--scene-columns);-moz-column-gap:12px;column-gap:12px;display:block}.masonry .project-grid article[data-v-c08cb084]{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px}.mobile.stack .project-grid[data-v-c08cb084]{grid-template-columns:1fr}.hero .screen-main[data-v-c08cb084]{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;display:grid}.hero h4[data-v-c08cb084]{font-size:clamp(18px,5cqw,30px);line-height:1.35}.hero-art[data-v-c08cb084]{background:#fff0e5;border-radius:16px;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;height:190px;padding:24px;display:grid}.hero-art i[data-v-c08cb084]{background:#fb923c;border-radius:30px 30px 8px 8px;height:65%}.hero-art i[data-v-c08cb084]:nth-child(2){background:#ff4d18;height:100%}.hero-art i[data-v-c08cb084]:nth-child(3){height:45%}.primary[data-v-c08cb084]{color:#fff;background:#ff4d18;border-radius:6px;margin-top:8px;padding:8px 12px;display:inline-block}.mobile.hero .screen-main[data-v-c08cb084]{grid-template-columns:1fr;gap:16px}.mobile .hero-art[data-v-c08cb084]{height:150px}.media-row[data-v-c08cb084]{align-items:start;gap:14px;margin-top:16px;display:flex}.media-row p[data-v-c08cb084]{font-size:.9em}.media-cover[data-v-c08cb084]{aspect-ratio:1;background:#dbeafe;border-radius:6px;flex:none;width:25%;position:relative;overflow:hidden}.mobile .media-cover[data-v-c08cb084]{width:56px}.file-list[data-v-c08cb084]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.mobile-aux[data-v-c08cb084]{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.project-choice[data-v-c08cb084]{flex-direction:column;gap:8px;width:100%;margin-top:10px;padding:14px;display:flex}.project-choice span[data-v-c08cb084]{color:#64748b;font-size:.9em}.detail-cover[data-v-c08cb084]{background:#dbeafe;border-radius:6px;height:90px}.back[data-v-c08cb084]{margin-bottom:14px}.editor-line[data-v-c08cb084]{background:#e2e8f0;border-radius:3px;height:8px;margin:14px 0}.bottom-nav[data-v-c08cb084],footer[data-v-c08cb084]{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));color:#64748b;border-top:1px solid #e2e8f0;flex:none;font-size:.85em}.bottom-nav[data-v-c08cb084]{justify-content:space-between}.thumbnail[data-v-c08cb084]{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none}.thumbnail .screen[data-v-c08cb084]{aspect-ratio:1.15;border-radius:3cqw;height:100%;font-size:3.6cqw}.thumbnail .screen-header[data-v-c08cb084]{gap:2cqw;padding:4cqw}.thumbnail .screen-main[data-v-c08cb084]{padding:5cqw}.thumbnail .screen-aux[data-v-c08cb084],.thumbnail .screen-sidebar[data-v-c08cb084]{gap:2cqw;padding:3cqw}.thumbnail .has-panel[data-v-c08cb084],.thumbnail .screen-body[data-v-c08cb084]{min-height:0}.thumbnail.has-panel .screen-body[data-v-c08cb084]{grid-template-columns:24% minmax(0,1fr)}.thumbnail.holygrail .screen-body[data-v-c08cb084]{grid-template-columns:22% minmax(0,1fr) 22%}.thumbnail .project-grid[data-v-c08cb084]{gap:3cqw}.thumbnail .project-grid article[data-v-c08cb084]{border-radius:2cqw;gap:2cqw;padding:3cqw}.thumbnail .screen-main[data-v-c08cb084]{overflow:hidden}.thumbnail.hero .screen-main[data-v-c08cb084]{gap:4cqw}.thumbnail .hero-art[data-v-c08cb084]{gap:2cqw;height:45cqw;padding:5cqw}.thumbnail .hero-title[data-v-c08cb084]{font-size:6cqw}.thumbnail.holygrail .project-grid article[data-v-c08cb084],.thumbnail.navbar .project-grid article[data-v-c08cb084],.thumbnail.sidebar .project-grid article[data-v-c08cb084],.thumbnail.stack .project-grid article[data-v-c08cb084]{grid-template-columns:16cqw minmax(0,1fr)}.thumbnail .chart[data-v-c08cb084]{gap:2cqw;height:14cqw}.thumbnail .media-row[data-v-c08cb084]{gap:3cqw;margin-top:3cqw}.thumbnail .screen-summary[data-v-c08cb084]{margin-bottom:3cqw}.thumbnail p[data-v-c08cb084]{margin:2cqw 0}.thumbnail footer[data-v-c08cb084]{padding:2cqw}.thumbnail.masonry .project-grid[data-v-c08cb084]{-moz-column-gap:3cqw;column-gap:3cqw}.thumbnail.masonry .project-grid article[data-v-c08cb084]{margin-bottom:3cqw}.thumbnail .ac-title[data-v-c08cb084]{font-size:4.4cqw}.thumbnail .scene-heading[data-v-c08cb084]{font-size:5cqw}.thumbnail .item-title[data-v-c08cb084]{font-size:3.8cqw}.thumbnail .ac-sub[data-v-c08cb084]{font-size:3.6cqw}.thumbnail .ac-body[data-v-c08cb084]{font-size:3.4cqw}.thumbnail .ac-meta[data-v-c08cb084]{font-size:3.2cqw}.thumbnail .ac-chip[data-v-c08cb084],.thumbnail .ac-nav[data-v-c08cb084]{font-size:3.4cqw}.thumbnail .ac-action[data-v-c08cb084]{font-size:3.6cqw}.thumbnail .scene-copy[data-v-c08cb084]{align-content:start;gap:1.5cqw;min-width:0;display:grid}.thumbnail .screen-sidebar .ac-nav[data-v-c08cb084]{padding:1.5cqw 0}.thumbnail .screen-sidebar .ac-sub[data-v-c08cb084]{margin-bottom:1cqw}.thumbnail .mobile-aux[data-v-c08cb084]{gap:1.5cqw;display:grid}@container (width>=620px) and (width<=760px){.holygrail:not(.thumbnail):not(.mobile) .screen-body[data-v-c08cb084]{grid-template-columns:120px minmax(0,1fr)}.holygrail:not(.thumbnail):not(.mobile) .screen-aux[data-v-c08cb084]{border-top:1px solid oklch(85% .01 260);border-left:0;grid-column:1/-1;max-height:88px}}@container (width<=480px){.screen-header[data-v-c08cb084]{padding:12px}.screen-header nav[data-v-c08cb084]{gap:3px}.screen-header button[data-v-c08cb084]{padding:6px}.screen-main[data-v-c08cb084]{padding:14px}.screen-aux[data-v-c08cb084],.screen-sidebar[data-v-c08cb084]{padding:8px}.project-grid[data-v-c08cb084]{gap:8px}.project-grid article[data-v-c08cb084]{padding:8px}.hero .screen-main[data-v-c08cb084]{gap:12px}.hero-art[data-v-c08cb084]{gap:4px;height:150px;padding:12px}.has-panel:not(.thumbnail) .screen-body[data-v-c08cb084]{grid-template-columns:80px minmax(0,1fr)}.holygrail:not(.thumbnail) .screen-body[data-v-c08cb084]{grid-template-columns:60px minmax(0,1fr) 60px}.mobile:not(.thumbnail) .screen-body[data-v-c08cb084]{grid-template-columns:minmax(0,1fr)}.splitpane:not(.mobile):not(.thumbnail) .screen-body[data-v-c08cb084]{grid-template-columns:var(--pane-ratio) minmax(0,1fr)}}.sidebar.mobile:not(.thumbnail) .screen[data-v-c08cb084]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.sidebar.mobile:not(.thumbnail) .screen-header[data-v-c08cb084]{grid-area:1/1}.sidebar.mobile:not(.thumbnail) .screen-body[data-v-c08cb084]{grid-area:2/1}.sidebar.mobile:not(.thumbnail) .bottom-nav[data-v-c08cb084]{grid-area:3/1}.sidebar.mobile:not(.thumbnail) .screen-menu[data-v-c08cb084]{z-index:2;border-inline-end:1px solid var(--foundation-subject-line);flex-flow:column;grid-area:2/1;place-content:start;width:min(220px,80%);min-height:0;display:flex;overflow-y:auto;box-shadow:8px 0 18px oklch(30% .025 255/.08)}.section-components[data-v-c08cb084]{gap:16px;min-width:0;display:grid}.article-figures[data-v-9f92415d]{gap:20px;display:grid}.demo-controls[data-v-9f92415d]{margin-bottom:20px}.demo-comparison[data-v-9f92415d],.demo-controls[data-v-9f92415d]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-9f92415d]{align-items:start}.demo-comparison[data-v-9f92415d]>*{min-width:0}.demo-sample[data-v-9f92415d]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-9f92415d]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-9f92415d],.demo-value[data-v-9f92415d]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-9f92415d]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-9f92415d],.demo-buttons button[data-v-9f92415d]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-9f92415d]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-9f92415d]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-9f92415d]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-9f92415d]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-9f92415d]:not([type=checkbox]),.demo-field select[data-v-9f92415d]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-9f92415d]:focus-visible,input[data-v-9f92415d]:focus-visible,select[data-v-9f92415d]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-9f92415d]{gap:12px}.demo-sample[data-v-9f92415d]{padding:16px}.demo-button[data-v-9f92415d],.demo-buttons button[data-v-9f92415d]{min-height:44px}}.pattern-figure[data-v-9f92415d] .screen{background:#fff}.article-figures[data-v-6d258ddf]{gap:20px;display:grid}.demo-controls[data-v-6d258ddf]{margin-bottom:20px}.demo-comparison[data-v-6d258ddf],.demo-controls[data-v-6d258ddf]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-6d258ddf]{align-items:start}.demo-comparison[data-v-6d258ddf]>*{min-width:0}.demo-sample[data-v-6d258ddf]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-6d258ddf]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-6d258ddf],.demo-value[data-v-6d258ddf]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-6d258ddf]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-6d258ddf],.demo-buttons button[data-v-6d258ddf]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-6d258ddf]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-6d258ddf]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-6d258ddf]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-6d258ddf]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-6d258ddf]:not([type=checkbox]),.demo-field select[data-v-6d258ddf]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-6d258ddf]:focus-visible,input[data-v-6d258ddf]:focus-visible,select[data-v-6d258ddf]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-6d258ddf]{gap:12px}.demo-sample[data-v-6d258ddf]{padding:16px}.demo-button[data-v-6d258ddf],.demo-buttons button[data-v-6d258ddf]{min-height:44px}}.demo-controls fieldset[data-v-6d258ddf]{border:0;min-width:0;margin:0;padding:0}.demo-controls fieldset[data-v-6d258ddf]:disabled{opacity:.5}.pattern-preview[data-v-4b04234b] .article-variant-browser{margin:4px}.pattern-preview-stage[data-v-4b04234b]{padding:24px}@media (width<=640px){.pattern-preview-stage[data-v-4b04234b]{padding:16px}}