.app[data-v-15d35f07]{flex-direction:column;min-height:100vh;display:flex}.container[data-v-15d35f07]{width:100%;max-width:960px;margin:0 auto;padding:0 2rem}@media (max-width:960px){.container[data-v-15d35f07]{max-width:100%;padding:0 1rem}}.app-header[data-v-15d35f07]{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-8)0}.header-content[data-v-15d35f07]{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-6)}.header-info[data-v-15d35f07]{max-width:640px}h1[data-v-15d35f07]{margin:0 0 var(--spacing-4);color:var(--color-text-primary);font-size:2rem;font-weight:600}.header-description[data-v-15d35f07]{color:var(--color-text-secondary);margin:0 0 var(--spacing-4);font-size:1.125rem;line-height:1.6}.version-tags[data-v-15d35f07]{gap:var(--spacing-2);display:flex}.version-tag[data-v-15d35f07]{border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.app-main[data-v-15d35f07]{padding:var(--spacing-8)0;flex:1}.showcase-grid[data-v-15d35f07]{gap:var(--spacing-6);display:grid}.feature-list[data-v-15d35f07]{margin:var(--spacing-4)0 0;gap:var(--spacing-2);flex-direction:column;padding:0;list-style:none;display:flex}.feature-list li[data-v-15d35f07]{align-items:flex-start;gap:var(--spacing-2);color:var(--color-text-secondary);display:flex}.bullet[data-v-15d35f07]{color:var(--color-primary);font-weight:700}.intro-text[data-v-15d35f07]{color:var(--color-text-secondary);margin:0}.demo-item[data-v-15d35f07]{margin-bottom:var(--spacing-6)}.demo-item[data-v-15d35f07]:last-child{margin-bottom:0}.demo-item h3[data-v-15d35f07]{color:var(--color-text-primary);margin:0 0 var(--spacing-3);font-size:1rem;font-weight:600}.code-block[data-v-15d35f07]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin:0;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-block .comment[data-v-15d35f07]{color:var(--color-text-tertiary)}.code-block .keyword[data-v-15d35f07]{color:var(--color-primary)}.code-block .string[data-v-15d35f07]{color:var(--color-success)}.code-block .property[data-v-15d35f07]{color:var(--color-warning)}.export-types[data-v-15d35f07]{gap:var(--spacing-4);flex-direction:column;display:flex}.export-type[data-v-15d35f07]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4)}.export-type .highlight[data-v-15d35f07]{margin-bottom:var(--spacing-2)}.export-type p[data-v-15d35f07]{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.tips[data-v-15d35f07]{gap:var(--spacing-4);margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex}.tip-item[data-v-15d35f07]{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:.75rem;display:flex}@media (min-width:768px){.export-types[data-v-15d35f07]{flex-direction:row}.export-type[data-v-15d35f07]{flex:1}}.highlight[data-v-15d35f07]{padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-primary);font-family:ui-monospace,monospace;font-size:.875rem;display:inline-block}