Polypane 22.0.0

What's new in this version:

New:
- New Meta panel: Screenshot social media previews
- New Elements panel: New element-specific force pseudo state options
- New Elements panel: Show the computed values of CSS Custom properties on hover
- New iPhone and Pixel devices
- New Column and Row overlays now have an additional offset option to make it easier to align them with your design
- New Debug tools: Placeholdifier that excludes untranslatable text
- New Debug tools: Turn all Focus styles on
- New Chromium 130

Improved:
- Improved App no longer slows down for sites with excessive DOM sizes (10K+ nodes)
- Improved Initial app startup time performance
- Improved Pane resizing performance improvements
- Improved List of breakpoints context menu now can't overflow the Polypane window
- Improved Context menu now works even on pages with JS disabled
- Improved Outline panel: Links without texts are now an error instead of a notice
- Improved Outline panel: URL is now clamped to two lines to preserve space
- Improved Outline panel: Hovering over an element now no longer removed overlays in the panes
- Improved Outline panel: Headers and landmarks are now updated live on page changes
- Improved Outline panel: Support for slotted elements in the Focus Order outline
- Improved Outline panel: The heading level is now shown in the role instead of as a separate option
- Improved Elements panel: Support for CSSNestedDeclarations
- Improved Elements panel: The a11y tab now lists all accessibility properties for the element
- Improved Elements panel: reinstate forced hover state after actual hover
- Improved Elements panel: CSS custom properties that are set directly on the element are now also available as suggestions in the CSS editor
- Improved Elements panel: Now remembers the selected element after reloading the page
- Improved Meta panel: Give warning about the file type used for images
- Improved Meta panel: Updated Google Search Page preview
- Improved Meta panel: Updated Bluesky preview
- Improved Meta panel: Updated logic for the titles of X/Twitter, LinkedIn and Threads
- Improved Meta panel: Collapsed social media previews are now remembered across app launches
- Improved Reference image: You can now use shift and cmd when positnioning the reference image to move it by 10 or 100 pixels
- Improved Right-click and inspect element now also pierces shadow roots
- Improved Show the horizontal overflow warning if scrollWidth changes and that causes a horizontal scrollbar
- Improved Screenshot editor: You can now double-click the zoom percentage to zoom to 100% or zoom to fit.
- Improved Extensions: Add 'Atomic CSS Devtools' to list of known extensions
- Improved Panel now remembers the last selected subtab across tabs, tab switches and app launches
- Improved Re-instate the favicon glows on tabs
- Improved Debug tools: Update A11y.css
- Improved Polypane now responds to changes to the html element's color-scheme CSS value
- Improved Accessibility panel: updated ruleset
- Improved updated Google fonts

Fixed:
- Fix window.__polypane.emulation.platform would not be set correctly
- Fix Polypane would keep a keyboard shortcut occupied while not focused
- Fix Elements panel: inspecting shadow roots works again
- Fix Elements panel: Toggling classes now no longer immediately hides them
- Fix Elements panel: Bug where specificity for :host couldn't be calculated
- Fix Elements panel: Pseudo dot state wasn't visible on elements without children
- Fix Elements panel: Accept suggestions while adding CSS values and pressing arrow keys
- Fix Elements panel: Better handling of CSS declarations with multiple CSS custom properties
- Fix Outline panel: The outline panel no longer clears out for pages where an element is missing an accessible name
- Fix Console panel: make sure all console messages can be shown
- Fix Rulers: color picker now works again