.landing[data-v-1e9ba75b]{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}.landing-header[data-v-1e9ba75b]{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:var(--z-sticky);align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.icon-btn[data-v-1e9ba75b]{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-text);flex:none;place-items:center;display:grid}.icon-btn[data-v-1e9ba75b]:hover,.icon-btn[data-v-1e9ba75b]:focus-visible{background:var(--color-elevated)}.icon-btn[data-v-1e9ba75b]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.landing-title[data-v-1e9ba75b]{font-size:var(--text-base);text-align:center;flex:auto;font-weight:600}.logo-img[data-v-1e9ba75b]{border-radius:var(--radius-sm)}.landing-body[data-v-1e9ba75b]{flex-direction:column;gap:2rem;max-width:34rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}.landing-hero[data-v-1e9ba75b]{flex-direction:column;gap:.6rem;display:flex}.landing-hero-title[data-v-1e9ba75b]{font-size:var(--text-xl);font-weight:700;line-height:1.3}.landing-intro[data-v-1e9ba75b]{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6}.landing-section[data-v-1e9ba75b]{flex-direction:column;gap:.9rem;display:flex}.section-heading[data-v-1e9ba75b]{font-size:var(--text-lg);font-weight:600}.steps[data-v-1e9ba75b]{flex-direction:column;gap:1rem;list-style:none;display:flex}.step[data-v-1e9ba75b]{align-items:flex-start;gap:.85rem;display:flex}.step-icon[data-v-1e9ba75b]{border-radius:var(--radius-full);background:var(--color-elevated);width:2.5rem;height:2.5rem;color:var(--color-accent);flex:none;place-items:center;display:grid}.step-text[data-v-1e9ba75b]{flex-direction:column;gap:.2rem;padding-top:.3rem;display:flex}.step-title[data-v-1e9ba75b]{font-weight:600;font-size:var(--text-base)}.step-body[data-v-1e9ba75b]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.demo-hint[data-v-1e9ba75b]{font-size:var(--text-sm);color:var(--color-text-muted)}.demo-colors[data-v-1e9ba75b]{align-self:flex-start}.demo-words[data-v-1e9ba75b]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);flex-wrap:wrap;gap:.5rem;padding:1rem;font-size:1.6rem;line-height:1.9;display:flex}.demo-word[data-v-1e9ba75b]{border-radius:var(--radius-sm);color:var(--color-text);padding:.1em .2em}.demo-word-marked[data-v-1e9ba75b]{text-underline-offset:.35em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.demo-word[data-v-1e9ba75b]:hover{background:var(--color-bg)}.demo-word[data-v-1e9ba75b]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.example-link[data-v-1e9ba75b]{font-size:var(--text-sm);color:var(--color-accent);align-self:flex-start;font-weight:600}.example-link[data-v-1e9ba75b]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-body[data-v-1e9ba75b]{font-size:var(--text-sm);color:var(--color-text-muted)}.create-form[data-v-1e9ba75b]{flex-direction:column;gap:1rem;display:flex}.field-row[data-v-1e9ba75b]{gap:.75rem;display:flex}.field[data-v-1e9ba75b]{flex-direction:column;flex:1 1 0;gap:.35rem;min-width:0;display:flex}.field-label[data-v-1e9ba75b]{font-size:var(--text-xs);color:var(--color-text-muted)}.field-select[data-v-1e9ba75b]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);height:2.75rem;color:var(--color-text);font-size:var(--text-sm);width:100%;padding:0 .6rem}.field-select[data-v-1e9ba75b]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-submit[data-v-1e9ba75b]{border-radius:var(--radius-md);background:var(--color-accent);height:2.75rem;color:var(--color-accent-contrast);font-size:var(--text-sm);font-weight:600}.create-submit[data-v-1e9ba75b]:hover{background:var(--color-accent-hover)}.create-submit[data-v-1e9ba75b]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-hint[data-v-1e9ba75b]{font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);border-inline-start:3px solid var(--color-accent);background:var(--color-elevated);padding:.75rem .9rem;line-height:1.5}