.docs-article{max-width:720px}.docs-article h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;font-weight:700}.intro{color:var(--text-secondary);margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.docs-article section{margin-bottom:2.5rem}.docs-article h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.docs-article h2.bordered{border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.docs-article h3{color:var(--text-primary);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:700}.docs-article p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.7}.docs-article ul,.docs-article ol{color:var(--text-secondary);margin:0 0 1rem;padding-inline-start:1.25rem;line-height:1.8}.docs-article li{margin-bottom:.25rem}.docs-article li strong{color:var(--text-primary)}.docs-article a{color:var(--accent-color);text-decoration:none}.docs-article a:hover{text-decoration:underline}.docs-article kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:.125rem .375rem;font-family:inherit;font-size:.8125rem;display:inline-block}.docs-article code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875rem}.docs-article table,.shortcut-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9375rem}.docs-article th,.docs-article td,.shortcut-table th,.shortcut-table td{text-align:start;border-bottom:1px solid var(--border-subtle);padding:.625rem 1rem}.docs-article th,.shortcut-table th{color:var(--text-primary);background:var(--bg-secondary);font-weight:600}.docs-article td,.shortcut-table td{color:var(--text-secondary)}.docs-article tbody tr:hover{background:var(--bg-secondary)}.info-box{background:var(--bg-secondary);border-inline-start:3px solid var(--accent-color);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1rem 0;padding:1rem 1.25rem;font-size:.9375rem}.warning-box{border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);background:#ffc1071a;border-inline-start:3px solid #ffc107;margin:1rem 0;padding:1rem 1.25rem;font-size:.9375rem}.tip-box{background:var(--active-bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);margin:1rem 0;padding:1rem;font-size:.9375rem}.tip-box strong,.info-box strong,.warning-box strong{color:var(--text-primary)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.feature-card,.doc-card{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:10px;padding:1.25rem;text-decoration:none;transition:all .2s;display:block;box-shadow:3px 3px #0000000f}.feature-card:hover,.doc-card:hover{border-color:var(--accent-color);background:var(--bg-tertiary);box-shadow:5px 5px 0 rgba(var(--accent-rgb), .15);transform:translate(-2px,-2px)}.feature-card h3,.doc-card h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:700}.feature-card p,.doc-card p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.feature-links{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.feature-link{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;flex-direction:column;padding:1rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:3px 3px #0000000f}.feature-link:hover{border-color:var(--accent-color);background:var(--bg-tertiary);box-shadow:5px 5px 0 rgba(var(--accent-rgb), .15);transform:translate(-2px,-2px)}.feature-link strong{color:var(--text-primary);font-size:.9375rem;font-weight:700}.feature-link span{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.tool-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tool-icon{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent-color);justify-content:center;align-items:center;display:flex}.tool-header .shortcut{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.tool-list{flex-direction:column;gap:1rem;display:flex}.tool-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:1rem;padding:1rem;display:flex}.tool-item .tool-icon{background:var(--bg-primary);border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px}.tool-info{flex:1;min-width:0}.tool-info .tool-header-inline{align-items:center;gap:.75rem;margin-bottom:.375rem;display:flex}.steps{padding-inline-start:1.5rem}.steps li{margin-bottom:.75rem}.screenshot-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0;display:grid}.pattern{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.75rem 1rem}.pattern strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;display:block}.pattern span{color:var(--text-tertiary);font-size:.75rem}@media print{.docs-article{max-width:none}kbd{background:#f5f5f5;border:1px solid #999}}.breadcrumbs.svelte-1k3zufs{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.breadcrumbs.svelte-1k3zufs a:where(.svelte-1k3zufs){color:var(--text-secondary);text-decoration:none;transition:color .15s}.breadcrumbs.svelte-1k3zufs a:where(.svelte-1k3zufs):hover{color:var(--accent-color)}.separator.svelte-1k3zufs{color:var(--text-tertiary)}.current.svelte-1k3zufs{color:var(--text-primary);font-weight:500}.doc-navigation.svelte-1dyq5ci{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.nav-item.svelte-1dyq5ci{flex:1;max-width:50%}.nav-item.prev.svelte-1dyq5ci{text-align:start}.nav-item.next.svelte-1dyq5ci{text-align:end}.nav-link.svelte-1dyq5ci{border-radius:var(--radius-md);flex-direction:column;max-width:100%;padding:1rem;text-decoration:none;transition:background .15s;display:inline-flex}.nav-link.svelte-1dyq5ci:hover{background:var(--hover-bg)}.nav-direction.svelte-1dyq5ci{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.25rem;font-size:.75rem;font-weight:500}.nav-label.svelte-1dyq5ci{color:var(--accent-color);font-size:1rem;font-weight:500}.nav-arrow.svelte-1dyq5ci{color:var(--text-tertiary);display:inline-flex}.prev.svelte-1dyq5ci .nav-arrow:where(.svelte-1dyq5ci){align-self:flex-start}.next.svelte-1dyq5ci .nav-arrow:where(.svelte-1dyq5ci){align-self:flex-end}.nav-arrow.svelte-1dyq5ci svg{width:14px;height:14px;display:block}@media (width<=480px){.doc-navigation.svelte-1dyq5ci{flex-direction:column}.nav-item.svelte-1dyq5ci{max-width:100%}.nav-item.next.svelte-1dyq5ci{text-align:start}}.search-container.svelte-s8tj79{width:100%;max-width:280px;position:relative}.search-input-wrapper.svelte-s8tj79{align-items:center;display:flex;position:relative}.search-icon.svelte-s8tj79{color:var(--text-tertiary);pointer-events:none;display:inline-flex;position:absolute;inset-inline-start:.75rem}.search-icon.svelte-s8tj79 svg{width:16px;height:16px}.search-input.svelte-s8tj79{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:.5rem 2.5rem .5rem 2.25rem;font-size:.875rem;transition:all .15s}.search-input.svelte-s8tj79:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.search-input.svelte-s8tj79::placeholder{color:var(--text-tertiary)}.search-input.svelte-s8tj79:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--active-bg-subtle)}.search-shortcut.svelte-s8tj79{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);pointer-events:none;padding:.125rem .375rem;font-family:inherit;font-size:.6875rem;position:absolute;inset-inline-end:.5rem}.search-results.svelte-s8tj79{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px var(--shadow), 0 2px 4px -1px #0000000f;z-index:100;max-height:320px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result.svelte-s8tj79{border:none;border-bottom:1px solid var(--border-subtle);text-align:start;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:.125rem;width:100%;padding:.75rem 1rem;transition:background .1s;display:flex}.search-result.svelte-s8tj79:last-child{border-bottom:none}.search-result.svelte-s8tj79:hover,.search-result.selected.svelte-s8tj79{background:var(--hover-bg)}.result-category.svelte-s8tj79{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color);font-size:.6875rem;font-weight:500}.result-title.svelte-s8tj79{color:var(--text-primary);font-size:.9375rem;font-weight:500}.result-description.svelte-s8tj79{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}@media (width<=768px){.search-container.svelte-s8tj79{max-width:none}.search-shortcut.svelte-s8tj79{display:none}}.docs-content h2.has-anchor,.docs-content h3.has-anchor{position:relative}.heading-anchor{color:var(--text-tertiary);opacity:0;vertical-align:middle;align-items:center;margin-inline-start:.5rem;transition:opacity .15s;display:inline-flex}.docs-content h2:hover .heading-anchor,.docs-content h3:hover .heading-anchor,.heading-anchor:focus{opacity:1}.heading-anchor:hover{color:var(--accent-color)}.heading-anchor svg{width:16px;height:16px}.docs-layout.svelte-1bpnej{background:var(--bg-primary);min-height:100dvh;color:var(--text-primary);flex-direction:column;font-family:Atkinson Hyperlegible,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.menu-toggle.svelte-1bpnej{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;transition:transform .2s;display:none}.menu-toggle.svelte-1bpnej:hover{transform:scale(1.1)}.menu-toggle.svelte-1bpnej svg{width:24px;height:24px}.docs-container.svelte-1bpnej{max-width:1448px;padding:0 var(--spacing-3xl);box-sizing:border-box;flex:1;width:100%;margin:0 auto;display:flex}.docs-sidebar.svelte-1bpnej{top:var(--page-header-height);width:260px;height:calc(100vh - var(--page-header-height));height:calc(100dvh - var(--page-header-height));border-inline-end:1px solid var(--border-color);flex-direction:column;flex-shrink:0;padding:1.5rem 1.5rem 1.5rem 0;display:flex;position:sticky;overflow-y:auto}.nav-section.svelte-1bpnej{flex:1}.search-wrapper.svelte-1bpnej{margin-bottom:1.5rem}.nav-title.svelte-1bpnej{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.nav-list.svelte-1bpnej{margin:0;padding:0;list-style:none}.sidebar-link.svelte-1bpnej{border-radius:var(--radius-md);color:var(--text-secondary);margin:.125rem 0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar-link.svelte-1bpnej:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(2px)}.sidebar-link.active.svelte-1bpnej{background:var(--active-bg-subtle);color:var(--accent-color);font-weight:700}.nav-badge.svelte-1bpnej{border:1px solid var(--border-color);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);vertical-align:middle;margin-inline-start:.375rem;padding:.05rem .35rem;font-size:.625rem;font-weight:600}.nav-group.svelte-1bpnej{margin:.125rem 0}.nav-group-header.svelte-1bpnej{border-radius:var(--radius-md);justify-content:space-between;align-items:center;width:100%;transition:background .2s;display:flex}.nav-group-header.svelte-1bpnej:hover{background:var(--hover-bg)}.nav-group-header.active.svelte-1bpnej{background:0 0}.parent-link.svelte-1bpnej{text-align:start;flex:1}.chevron-button.svelte-1bpnej{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex}.chevron-button.svelte-1bpnej:hover{background:var(--active-bg-subtle)}.chevron.svelte-1bpnej{color:var(--text-tertiary);transition:transform .2s;display:inline-flex}.chevron.svelte-1bpnej svg{width:16px;height:16px}.chevron.expanded.svelte-1bpnej{transform:rotate(90deg)}.nav-children.svelte-1bpnej{padding:0;border-inline-start:2px solid var(--border-subtle);margin:0;margin-inline-start:.75rem;margin-top:.25rem;margin-bottom:.25rem;padding-inline-start:.75rem;list-style:none}.child-link.svelte-1bpnej{padding:.375rem .75rem;font-size:.8125rem}.nav-footer.svelte-1bpnej{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.back-to-app.svelte-1bpnej{border-radius:var(--radius-md);color:var(--accent-color);padding:.5rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.back-to-app.svelte-1bpnej:hover{background:var(--active-bg-subtle);transform:translate(-2px)}.sidebar-backdrop.svelte-1bpnej{display:none}.docs-content.svelte-1bpnej{flex:1;min-width:0;padding:2rem 3rem;line-height:1.7}@media (width<=768px){.menu-toggle.svelte-1bpnej{display:block}.docs-container.svelte-1bpnej{padding:0 var(--spacing-xl)}.docs-sidebar.svelte-1bpnej{top:var(--page-header-height);z-index:50;width:300px;height:calc(100vh - var(--page-header-height));height:calc(100dvh - var(--page-header-height));background:var(--bg-primary);padding:1.5rem;transition:transform .25s;position:fixed;left:0;transform:translate(-100%)}.docs-sidebar.open.svelte-1bpnej{transform:translate(0)}.sidebar-backdrop.svelte-1bpnej{inset:0;top:var(--page-header-height);z-index:40;background:var(--overlay-bg);cursor:pointer;border:none;display:block;position:fixed}.docs-content.svelte-1bpnej{padding:1.5rem}}