Svelte Guideline: Patterns — Adaptive modal for desktop/mobile. Description: Dialog on desktop Drawer on mobile via viewport detection. Do: {#if modal.isDesktop}<Dialog>{:else}<Drawer>. Don't: Same modal component on all viewports. Good Example: useModal().isDesktop ? Dialog : Drawer. Bad Example: <Dialog> on all screen sizes. Severity: Medium. Docs: .