.token-page[data-v-bd2d2bad]{flex-direction:column;height:100%;min-height:0;display:flex}.page-heading[data-v-bd2d2bad]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-heading h4[data-v-bd2d2bad]{font:500 22px var(--font-sans);margin:0}.page-heading span[data-v-bd2d2bad]{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.canvas[data-v-bd2d2bad]{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;min-height:0;display:grid;position:relative}.column[data-v-bd2d2bad]{grid-template-rows:24px repeat(2,minmax(0,1fr));gap:14px;min-width:0;min-height:0;display:grid}h5[data-v-bd2d2bad]{font:500 14px var(--font-sans);justify-content:space-between;align-items:baseline;gap:8px;margin:0;display:flex}h5 small[data-v-bd2d2bad]{color:var(--color-text-muted);font:10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.node[data-v-bd2d2bad]{border:1px solid var(--color-border-strong);background:var(--color-bg-subtle);flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:12px 10px;display:flex;position:relative}.node strong[data-v-bd2d2bad]{font:500 13px var(--font-sans)}.node code[data-v-bd2d2bad]{color:var(--color-text-muted);font:11px/1.5 var(--font-mono);overflow-wrap:anywhere}.colour[data-v-bd2d2bad]{background:var(--color-brand-default);width:100%;height:28px}.number[data-v-bd2d2bad]{font:28px var(--font-mono)}.number small[data-v-bd2d2bad]{margin-left:4px;font-size:13px}.button-preview[data-v-bd2d2bad]{background:var(--color-brand-default);color:var(--color-text-on-brand);font:500 12px var(--font-sans);justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex}.card-preview[data-v-bd2d2bad]{border:1px solid var(--color-border-strong);gap:6px;padding:16px;display:grid}.card-preview i[data-v-bd2d2bad]{background:var(--color-text-muted);height:3px}.card-preview i[data-v-bd2d2bad]:last-child{width:60%}.connections[data-v-bd2d2bad]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.connections path[data-v-bd2d2bad]{fill:none;stroke:var(--color-text-muted);stroke-width:1.3px}.connection-pulse[data-v-bd2d2bad]{fill:color-mix(in oklch, var(--color-text-default) 78%, transparent);stroke:var(--color-bg-surface);stroke-width:1.5px;offset-anchor:0 0;offset-rotate:0deg;animation:1.8s linear infinite connection-travel-bd2d2bad}.connection-pulse.paused[data-v-bd2d2bad]{animation-play-state:paused}@keyframes connection-travel-bd2d2bad{0%{offset-distance:0%;opacity:0}12%,88%{opacity:1}to{offset-distance:100%;opacity:0}}@media (width<=600px){.page-heading[data-v-bd2d2bad]{flex-wrap:wrap;margin-bottom:18px}}@media (width<=600px) and (prefers-reduced-motion:reduce){.connection-pulse[data-v-bd2d2bad]{display:none}}@media (width<=600px){.canvas[data-v-bd2d2bad]{grid-template-columns:1fr;gap:24px}.column[data-v-bd2d2bad]{display:contents}.column h5[data-v-bd2d2bad]{display:none}.node[data-v-bd2d2bad]{min-height:126px}[data-port=brand][data-v-bd2d2bad]{grid-row:1}[data-port=action][data-v-bd2d2bad]{grid-row:2}[data-port=button][data-v-bd2d2bad]{grid-row:3}[data-port=spacing][data-v-bd2d2bad]{grid-row:4}[data-port=section][data-v-bd2d2bad]{grid-row:5}[data-port=card][data-v-bd2d2bad]{grid-row:6}}.asset-page[data-v-161453b1]{flex-direction:column;height:100%;display:flex}header[data-v-161453b1]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}header span[data-v-161453b1]{color:var(--color-text-muted);font-size:12px}h4[data-v-161453b1]{font:500 22px var(--font-sans);margin:0}h5[data-v-161453b1]{font:500 14px var(--font-sans);margin:0 0 16px}.description[data-v-161453b1]{color:var(--color-text-muted);margin:0 0 18px;font-size:13px;line-height:1.5}.type-columns[data-v-161453b1],.component-columns[data-v-161453b1]{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;min-height:0;display:grid}.styles article[data-v-161453b1]{border:1px solid var(--color-border-strong);background:var(--color-bg-subtle);gap:4px;margin-bottom:8px;padding:10px;display:grid}.styles article strong[data-v-161453b1]{font-size:13px;font-weight:500}.styles article span[data-v-161453b1],.styles article code[data-v-161453b1]{color:var(--color-text-muted);font-size:12px}.type-preview>div[data-v-161453b1]{border-bottom:1px solid var(--color-border-default);padding:12px 0}.type-preview>div small[data-v-161453b1]{color:var(--color-text-muted);font-size:11px}.type-preview>div p[data-v-161453b1]{font-family:var(--font-sans);margin:8px 0 0}.icon-grid[data-v-161453b1]{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.icon-grid>div[data-v-161453b1]{border:1px solid var(--color-border-strong);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:14px 4px;display:flex}.icon-grid code[data-v-161453b1]{font:11px var(--font-mono)}.component-list>div[data-v-161453b1]{border-bottom:1px solid var(--color-border-default);align-items:center;gap:10px;padding:18px 14px;font-size:14px;display:flex}.component-list>div.selected[data-v-161453b1]{background:var(--color-bg-subtle)}.button-set[data-v-161453b1]{background:var(--color-bg-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:108px;padding:16px;display:flex}.button[data-v-161453b1]{font:500 14px var(--font-sans);align-items:center;gap:8px;padding:12px 16px;display:flex}.primary[data-v-161453b1]{background:var(--color-brand-default);color:var(--color-text-on-brand)}.secondary[data-v-161453b1]{border:1px solid var(--color-border-strong)}dl[data-v-161453b1]{margin:12px 0}dl>div[data-v-161453b1]{border-bottom:1px solid var(--color-border-default);justify-content:space-between;gap:12px;padding:10px 0;display:flex}dl dt[data-v-161453b1]{color:var(--color-text-muted);font-size:12px}dl dd[data-v-161453b1]{font:11px var(--font-mono);margin:0}@media (width<=600px){header[data-v-161453b1]{flex-wrap:wrap}.type-columns[data-v-161453b1],.component-columns[data-v-161453b1]{grid-template-columns:1fr}.icon-grid[data-v-161453b1]{grid-template-columns:repeat(2,minmax(0,1fr))}.component-list[data-v-161453b1]{display:none}}.editor[data-v-87bd34ea]{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);height:580px;color:var(--color-text-default);font-family:var(--font-sans);grid-template-rows:auto 1fr auto;line-height:1.4;display:grid}.toolbar[data-v-87bd34ea]{border-bottom:1px solid var(--color-border-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:14px 18px;display:flex}.project[data-v-87bd34ea]{align-items:center;gap:12px;font-size:14px;display:flex}.project svg[data-v-87bd34ea]{width:66px;height:auto}.workspace[data-v-87bd34ea]{grid-template-columns:44px minmax(0,1fr);min-height:0;display:grid}.rail[data-v-87bd34ea]{border-right:1px solid var(--color-border-default);color:var(--color-text-muted);opacity:.45;flex-direction:column;align-items:center;gap:28px;padding-top:20px;display:flex}.main[data-v-87bd34ea]{flex-direction:column;min-width:0;min-height:0;display:flex}.tabs[data-v-87bd34ea]{border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;gap:4px;padding:8px 14px;display:flex}.tabs button[data-v-87bd34ea]{color:var(--color-text-muted);font:13px var(--font-sans);cursor:pointer;background:0 0;border:0;padding:10px 12px}.tabs button[aria-pressed=true][data-v-87bd34ea]{background:var(--color-bg-subtle);color:var(--color-text-default)}.tabs button[data-v-87bd34ea]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}.page-context[data-v-87bd34ea]{border-bottom:1px solid var(--color-border-default);min-height:34px;color:var(--color-text-muted);font:11px/1.4 var(--font-mono);justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex}.pages[data-v-87bd34ea]{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.page[data-v-87bd34ea]{box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0;min-height:0;padding:20px;transition:opacity .4s,transform .4s,visibility 0s .4s;overflow:hidden;transform:translateY(8px)}.page.selected[data-v-87bd34ea]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.captions[data-v-87bd34ea]{border-top:1px solid var(--color-border-strong);min-height:46px;display:grid}.captions p[data-v-87bd34ea]{opacity:0;color:var(--color-text-secondary);grid-area:1/1;margin:0;padding:14px 18px;font-size:13px;line-height:1.4;transition:opacity .4s,transform .4s;transform:translateY(4px)}.captions p.selected[data-v-87bd34ea]{opacity:1;transform:translate(0)}.still .page[data-v-87bd34ea],.still .captions p[data-v-87bd34ea]{transition:none}@media (width<=600px){.editor[data-v-87bd34ea]{height:auto}.toolbar[data-v-87bd34ea]{padding:16px}.workspace[data-v-87bd34ea]{grid-template-columns:1fr}.rail[data-v-87bd34ea]{display:none}.tabs[data-v-87bd34ea]{padding:8px}.tabs button[data-v-87bd34ea]{padding:10px 8px}.tabs .page-context[data-v-87bd34ea]{padding-left:16px;padding-right:16px}.page[data-v-87bd34ea]{padding:16px;display:none}.page.selected[data-v-87bd34ea]{display:block}}@media (prefers-reduced-motion:reduce){.page[data-v-87bd34ea],.captions p[data-v-87bd34ea]{transition:none}}