@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Roboto+Mono:wght@400;500;700&family=Source+Sans+Pro:wght@400;600;700&family=Merriweather:wght@400;600;700&family=Inconsolata:wght@400;700&family=Open+Sans:wght@400;600;700&family=Lato:wght@400;700&family=Raleway:wght@400;600;700&family=Space+Mono:wght@400;700&family=Courier+Prime:wght@400;700&family=Caveat:wght@400;700&family=Pacifico&family=Fredoka:wght@400;600;700&family=Outfit:wght@400;600;700&family=Space+Grotesk:wght@400;600;700&family=Orbitron:wght@400;900&family=Press+Start+2P&family=Righteous&family=Bebas+Neue&family=Oswald:wght@400;600;700&family=Archivo+Black&family=Fugaz+One&family=Abril+Fatface&family=Parisienne&family=Tangerine:wght@400;700&family=Quicksand:wght@400;600;700&family=Barlow:wght@400;600;700&family=Darker+Grotesque:wght@400;700&family=IBM+Plex+Mono:wght@400;600;700&family=JetBrains+Mono:wght@400;600;700&family=DM+Sans:wght@400;600;700&family=DM+Serif+Display&family=Crimson+Text:ital@0;1&family=Lora:wght@400;600;700&family=Rubik:wght@400;600;700&family=Nunito:wght@400;600;700&family=Nunito+Sans:wght@400;600;700&family=Montserrat:wght@400;600;700&family=Urbanist:wght@400;600;700&family=Syne:wght@400;600;700&family=Lexend:wght@400;600;700&family=Epilogue:wght@400;600;700&family=Bricolage+Grotesque:wght@400;600;700&family=Grotesk:wght@400;600;700&family=Work+Sans:wght@400;600;700&family=Manrope:wght@400;600;700&family=Overpass:wght@400;600;700&family=Aleo:wght@400;600;700&family=Archivo:wght@400;600;700&family=Krub:wght@400;600;700&family=Kanit:wght@400;600;700&family=Anton&family=Bangers&family=Fredoka+One&family=Josefin+Sans:wght@400;600;700&family=Josefin+Slab:wght@400;600;700&family=Righteous&family=Satisfy&family=Shadows+Into+Light&family=Indie+Flower&family=Comfortaa:wght@400;700&family=Varela+Round&family=Oxygen:wght@400;700&family=Pontano+Sans&family=Poiret+One&family=Philosopher:wght@400;700&family=Karma:wght@400;600;700&family=Antic+Slab&family=Zilla+Slab:wght@400;600;700&family=Slab+Serif:wght@400;600;700&family=Roboto+Slab:wght@400;600;700&family=Space+Grotesk:wght@400;600;700&family=Mulish:wght@400;600;700&family=Dosis:wght@400;600;700&family=Asap:wght@400;600;700&family=Cabin:wght@400;600;700&family=Inconsolata:wght@400;700&family=Ubuntu+Mono:wght@400;700&family=Victor+Mono:ital@0;1&family=Hack:wght@400;700&family=Overpass+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;600;700&family=IBM+Plex+Serif:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Roboto+Mono:wght@400;500;700&family=Source+Sans+Pro:wght@400;600;700&family=Merriweather:wght@400;600;700&family=Inconsolata:wght@400;700&family=Open+Sans:wght@400;600;700&family=Lato:wght@400;700&family=Raleway:wght@400;600;700&family=Space+Mono:wght@400;700&family=Courier+Prime:wght@400;700&family=Caveat:wght@400;700&family=Pacifico&family=Fredoka:wght@400;600;700&family=Outfit:wght@400;600;700&family=Space+Grotesk:wght@400;600;700&family=Orbitron:wght@400;900&family=Press+Start+2P&family=Righteous&family=Bebas+Neue&family=Oswald:wght@400;600;700&family=Archivo+Black&family=Fugaz+One&family=Abril+Fatface&family=Parisienne&family=Tangerine:wght@400;700&family=Quicksand:wght@400;600;700&family=Barlow:wght@400;600;700&family=Darker+Grotesque:wght@400;700&family=IBM+Plex+Mono:wght@400;600;700&family=JetBrains+Mono:wght@400;600;700&family=DM+Sans:wght@400;600;700&family=DM+Serif+Display&family=Crimson+Text:ital@0;1&family=Lora:wght@400;600;700&family=Rubik:wght@400;600;700&family=Nunito:wght@400;600;700&family=Nunito+Sans:wght@400;600;700&family=Montserrat:wght@400;600;700&family=Urbanist:wght@400;600;700&family=Syne:wght@400;600;700&family=Lexend:wght@400;600;700&family=Epilogue:wght@400;600;700&family=Bricolage+Grotesque:wght@400;600;700&family=Grotesk:wght@400;600;700&family=Work+Sans:wght@400;600;700&family=Manrope:wght@400;600;700&family=Overpass:wght@400;600;700&family=Aleo:wght@400;600;700&family=Archivo:wght@400;600;700&family=Krub:wght@400;600;700&family=Kanit:wght@400;600;700&family=Anton&family=Bangers&family=Fredoka+One&family=Josefin+Sans:wght@400;600;700&family=Josefin+Slab:wght@400;600;700&family=Righteous&family=Satisfy&family=Shadows+Into+Light&family=Indie+Flower&family=Comfortaa:wght@400;700&family=Varela+Round&family=Oxygen:wght@400;700&family=Pontano+Sans&family=Poiret+One&family=Philosopher:wght@400;700&family=Karma:wght@400;600;700&family=Antic+Slab&family=Zilla+Slab:wght@400;600;700&family=Slab+Serif:wght@400;600;700&family=Roboto+Slab:wght@400;600;700&family=Mulish:wght@400;600;700&family=Dosis:wght@400;600;700&family=Asap:wght@400;600;700&family=Cabin:wght@400;600;700&family=Ubuntu+Mono:wght@400;700&family=Victor+Mono:ital@0;1&family=Hack:wght@400;700&family=Overpass+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;600;700&family=IBM+Plex+Serif:wght@400;600;700&display=swap";.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.widget-renderer{background:transparent;border-radius:16px;overflow:hidden;margin:0;transition:all .2s ease}.widget-renderer-expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:800px;max-height:90vh;z-index:10000;box-shadow:0 20px 60px #0000004d}.widget-renderer-header{padding:12px 16px;border-bottom:1px solid var(--gray2);background:var(--gray1)}.widget-renderer-title{margin:0 0 4px;font-family:ARLRDBD,system-ui,sans-serif;font-size:14px;color:var(--text)}.widget-renderer-description{margin:0;font-size:12px;color:var(--sub-text)}.widget-renderer-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--gray1);border-bottom:1px solid var(--gray2)}.widget-renderer-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--gray2);background:var(--background);color:var(--text);font-size:12px;cursor:pointer;transition:all .15s ease}.widget-renderer-btn:hover{background:var(--gray2);border-color:var(--gray3)}.widget-renderer-btn.active{background:var(--blue-blue);color:var(--primary-btn-text);border-color:transparent}.widget-renderer-btn svg{font-size:12px}.widget-renderer-preview{padding:0;min-height:40px;background:transparent;position:relative}.testing-ui-talk-mode .widget-renderer-preview{min-width:300px}.widget-renderer-error{background:var(--red-red);color:#fff;padding:12px 16px;font-size:12px;font-family:monospace;margin:8px 0 0;white-space:pre-wrap;word-break:break-word;border-radius:8px}.widget-renderer-error-capture{display:none}.widget-renderer-repairing{background:var(--best-gray);color:var(--sub-text);padding:12px 16px;font-size:13px;border:1px solid var(--gray2);border-radius:8px;margin-top:8px}.widget-renderer-code{border-top:1px solid var(--gray2);background:var(--gray1);max-height:300px;overflow:auto}.widget-renderer-code-block{margin:0;padding:16px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text);background:transparent;white-space:pre-wrap;word-break:break-word}.widget-renderer-expanded:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:-1}.widget-renderer-code::-webkit-scrollbar{width:6px;height:6px}.widget-renderer-code::-webkit-scrollbar-track{background:var(--gray1)}.widget-renderer-code::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}.widget-renderer-code::-webkit-scrollbar-thumb:hover{background:var(--gray4)}@font-face{font-family:ARLRDBD;src:url(/fonts/ARLRDBD.TTF) format("truetype")}.desktop-intro-tutorial{position:fixed;inset:0;z-index:15000;pointer-events:auto}.desktop-intro-tutorial__scrim{position:fixed;background:rgba(5,10,22,.68);backdrop-filter:blur(4px);transition:all .22s ease;pointer-events:auto}.desktop-intro-tutorial__spotlight{position:fixed;border-radius:24px;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0b122229,0 28px 80px #00000047;transition:all .22s ease;pointer-events:none}.desktop-intro-tutorial__caption{position:fixed;max-width:300px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.95);color:#0f172a;font-size:14px;line-height:1.45;font-weight:600;box-shadow:0 20px 40px #0000002e;transition:all .22s ease;pointer-events:none}.desktop-intro-tutorial__cursor{position:fixed;left:0;top:0;width:28px;height:28px;margin-left:-6px;margin-top:-6px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:opacity .16s ease,transform 90ms linear;pointer-events:none;z-index:15002}.desktop-intro-tutorial__cursor:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 24px #0f172a47}.desktop-intro-tutorial__cursor-inner{position:relative;width:9px;height:9px;border-radius:999px;background:#ffffff}.desktop-intro-tutorial__cursor.clicking:before{transform:scale(.86);background:rgba(255,255,255,.32)}@media (max-width: 760px){.desktop-intro-tutorial__caption{max-width:min(280px,calc(100vw - 36px));font-size:13px}}.support-widget-trigger{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--blue-blue, #0f83e9);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--hoverShadow, 0px 24px 64px 10px rgba(0, 0, 0, .14));transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease,visibility 0s linear 0s;z-index:9998;visibility:visible}.support-widget-trigger:hover{transform:scale(1.1)}.support-widget-trigger--hidden{opacity:0;pointer-events:none;transform:scale(.6);visibility:hidden;transition:transform .18s ease,opacity .18s ease,visibility 0s linear .18s}.support-widget-trigger-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--red-red, #d93535);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--background, #fff)}.support-widget-panel{position:fixed;bottom:24px;right:24px;width:380px;max-height:560px;height:560px;background:var(--background, #fff);border:1px solid var(--line-color, #e0e3e7);border-radius:20px;box-shadow:var(--modalShadow, 0 32px 64px -12px rgba(0, 0, 0, .2));display:flex;flex-direction:column;overflow:hidden;isolation:isolate;z-index:9999;opacity:0;visibility:hidden;transform-origin:bottom right;transform:scale(.72) translateY(12px);pointer-events:none;transition:opacity .28s cubic-bezier(.34,1.56,.64,1),transform .28s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .28s}.support-widget-panel--open{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:all;transition:opacity .28s cubic-bezier(.34,1.56,.64,1),transform .28s cubic-bezier(.34,1.56,.64,1),visibility 0s linear 0s}.support-widget-panel:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(180deg,var(--blue-light, rgba(15, 131, 233, .16)) 0%,transparent 100%);pointer-events:none;z-index:0}.support-widget-panel svg{display:block;flex-shrink:0}.support-widget-header{display:flex;align-items:center;gap:8px;padding:14px 16px;background:transparent;flex-shrink:0;position:relative;z-index:1}.support-widget-header-title{flex:1;font-size:15px;font-weight:600;color:var(--text, #000);min-width:0}.support-widget-header-title-content{display:flex;align-items:center;gap:8px;min-width:0}.support-widget-header-logo{width:18px;height:18px;display:block;object-fit:contain;flex-shrink:0;border-radius:4px}.support-widget-header-title-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.support-widget-thread-subject{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-widget-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.support-widget-back-btn,.support-widget-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--gray4, #a7a7a7);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.support-widget-back-btn svg,.support-widget-close-btn svg{width:18px;height:18px;stroke:currentColor}.support-widget-back-btn:hover,.support-widget-close-btn:hover{background:var(--gray1, #f7f7f7);color:var(--contrast1, #242323)}.support-widget-status-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:20px}.support-widget-status-badge--open{background:rgba(15,131,233,.12);color:var(--blue-blue, #0f83e9)}.support-widget-status-badge--closed{background:var(--gray2, #ebebeb);color:var(--gray4, #a7a7a7)}.support-widget-status-badge--snoozed{background:rgba(255,165,0,.12);color:#e07d00}.support-widget-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.support-widget-status-dot--open{background:var(--green-green, #34a853)}.support-widget-status-dot--closed{background:var(--gray3, #c5c5c5)}.support-widget-status-dot--snoozed{background:#e07d00}.support-widget-body{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1}.support-widget-home{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0 0 8px}.support-widget-home-hero{display:flex;flex-direction:column;align-items:center;padding:28px 24px 20px;border-bottom:1px solid var(--line-color, #e0e3e7)}.support-widget-home-icon{width:52px;height:52px;border-radius:50%;background:var(--blue-light, rgba(15, 131, 233, .16));color:var(--blue-blue, #0f83e9);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.support-widget-home-icon svg{width:28px;height:28px;stroke:currentColor}.support-widget-home-title{font-size:17px;font-weight:700;color:var(--text, #000);margin:0 0 4px}.support-widget-home-subtitle{font-size:13px;color:var(--sub-text, rgba(0, 0, 0, .6));margin:0;text-align:center}.support-widget-new-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:auto 16px 4px;padding:12px 20px;border-radius:12px;background:var(--blue-blue, #0f83e9);color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;flex-shrink:0;transition:opacity .15s ease,transform .15s ease}.support-widget-new-btn:hover{opacity:.9;transform:translateY(-1px)}.support-widget-new-btn svg,.support-widget-attach-btn svg,.support-widget-send-btn svg,.support-widget-emoji-toggle-btn svg,.support-widget-msg-file svg{width:16px;height:16px;stroke:currentColor}.support-widget-tickets-section{padding:12px 16px 0}.support-widget-tickets-section--closed{padding-top:10px}.support-widget-tickets-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray4, #a7a7a7);margin:0 0 8px}.support-widget-closed-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line-color, #e0e3e7);border-radius:12px;background:rgba(0,0,0,.02);color:var(--text, #000);cursor:pointer;font:inherit;font-size:12px;font-weight:600;text-align:left;transition:background .15s ease,border-color .15s ease}.support-widget-closed-toggle:hover{background:var(--gray1, #f7f7f7);border-color:var(--gray3, #c5c5c5)}.support-widget-closed-toggle-meta{color:var(--gray4, #a7a7a7);font-size:11px;font-weight:600;flex-shrink:0}.support-widget-closed-state{padding:12px 2px 2px;color:var(--gray4, #a7a7a7);font-size:12px;line-height:1.45}.support-widget-tickets-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.support-widget-ticket-item{width:100%;display:block;box-sizing:border-box;text-align:left;font:inherit;line-height:1.25;-webkit-appearance:none;appearance:none;background:var(--gray1, #f7f7f7);border:1px solid var(--line-color, #e0e3e7);border-radius:12px;padding:12px 12px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative}.support-widget-ticket-item:hover{background:var(--gray2, #ebebeb);border-color:var(--gray3, #c5c5c5)}[data-theme=dark] .support-widget-closed-toggle,[data-theme=dark] .support-widget-ticket-item{background:rgba(255,255,255,.06);border-color:#94a3b829}[data-theme=dark] .support-widget-closed-toggle:hover,[data-theme=dark] .support-widget-ticket-item:hover{background:rgba(255,255,255,.1);border-color:#94a3b847}.support-widget-ticket-item-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:6px}.support-widget-ticket-item-subject{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:13px;font-weight:600;color:var(--text, #000);overflow:hidden;white-space:normal;text-overflow:initial;line-height:1.3;min-width:0}.support-widget-ticket-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;min-width:0}.support-widget-ticket-item-status-line{display:flex;align-items:center;gap:6px}.support-widget-ticket-item-time{font-size:11px;color:var(--gray4, #a7a7a7);flex-shrink:0;white-space:nowrap}.support-widget-ticket-item-row{display:flex;align-items:center;min-width:0}.support-widget-ticket-item-preview{font-size:12px;color:var(--sub-text, rgba(0, 0, 0, .6));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0}.support-widget-ticket-item-unread{min-width:18px;height:18px;border-radius:9px;background:var(--blue-blue, #0f83e9);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.support-widget-guest-note{font-size:12px;color:var(--gray4, #a7a7a7);text-align:center;padding:16px;margin:0}.support-widget-new{display:flex;flex-direction:column;gap:12px;padding:16px;height:100%;overflow-y:auto}.support-widget-form-group{display:flex;flex-direction:column;gap:6px}.support-widget-form-group--grow{flex:1}.support-widget-form-label{font-size:12px;font-weight:600;color:var(--sub-text, rgba(0, 0, 0, .6))}.support-widget-input{width:100%;padding:10px 12px;border:1px solid var(--line-color, #e0e3e7);border-radius:10px;font-family:inherit;background:var(--gray1, #f7f7f7);color:var(--text, #000);font-size:14px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.support-widget-input:focus{border-color:var(--blue-blue, #0f83e9);background:var(--background, #fff)}.support-widget-textarea{width:100%;padding:10px 12px;border:1px solid var(--line-color, #e0e3e7);border-radius:10px;background:var(--gray1, #f7f7f7);color:#1a1a1a!important;font-size:14px;resize:none;outline:none;transition:border-color .15s ease;box-sizing:border-box;font-family:inherit;line-height:1.5;min-height:100px;flex:1}.support-widget-textarea--grow{flex:1;min-height:100px}.support-widget-textarea:focus{border-color:var(--blue-blue, #0f83e9);background:var(--background, #fff);color:#1a1a1a!important}.support-widget-new-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-widget-thread{flex:1;overflow:hidden;display:flex;flex-direction:column}.support-widget-messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:12px}.support-widget-empty-messages{text-align:center;padding:24px;color:var(--gray4, #a7a7a7);font-size:13px}.support-widget-msg-row{display:flex;align-items:flex-end;gap:8px}.support-widget-msg-row--user{flex-direction:row-reverse}.support-widget-msg-avatar{width:28px;height:28px;border-radius:50%;background:var(--blue-blue, #0f83e9);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-widget-msg-content-wrap{display:flex;flex-direction:column;max-width:72%;gap:3px}.support-widget-msg-row--user .support-widget-msg-content-wrap{align-items:flex-end}.support-widget-msg-sender{font-size:10px;font-weight:600;color:var(--gray4, #a7a7a7);padding:0 6px}.support-widget-msg-bubble{padding:9px 12px;border-radius:14px;position:relative;word-break:break-word}.support-widget-msg-bubble--user{background:var(--blue-blue, #0f83e9);color:#fff;border-bottom-right-radius:4px}.support-widget-msg-bubble--admin{background:var(--gray1, #f7f7f7);color:var(--text, #000);border:1px solid var(--line-color, #e0e3e7);border-bottom-left-radius:4px}.support-widget-msg-text{font-size:13.5px;line-height:1.5;display:block}.support-widget-msg-bubble--user .support-md-code{background:rgba(255,255,255,.2);padding:1px 4px;border-radius:4px;font-size:12px}.support-widget-msg-bubble--admin .support-md-code{background:var(--gray2, #ebebeb);padding:1px 4px;border-radius:4px;font-size:12px}.support-md-link{color:var(--blue-blue, #0f83e9);text-decoration:underline}.support-widget-msg-bubble--user .support-md-link{color:#ffffffe6}.support-md-h1{font-size:16px;font-weight:700;margin:4px 0}.support-md-h2{font-size:14px;font-weight:700;margin:4px 0}.support-md-h3{font-size:13px;font-weight:600;margin:2px 0}.support-md-ul{margin:4px 0;padding-left:16px}.support-md-li{font-size:13.5px}.support-widget-msg-image{max-width:100%;max-height:180px;border-radius:8px;object-fit:cover;margin-top:4px;display:block}.support-widget-msg-file{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--blue-blue, #0f83e9);text-decoration:none;background:var(--gray2, #ebebeb);padding:6px 10px;border-radius:8px;margin-top:4px}.support-widget-msg-file:hover{text-decoration:underline}.support-widget-msg-bubble--user .support-widget-msg-file{background:rgba(255,255,255,.2);color:#fff}.support-widget-msg-meta{display:flex;align-items:center;gap:4px;padding:0 4px}.support-widget-msg-time{font-size:10px;color:var(--gray4, #a7a7a7)}.support-widget-read-receipt{font-size:10px;color:var(--gray3, #c5c5c5)}.support-widget-read-receipt--read{color:var(--blue-blue, #0f83e9)}.support-widget-reaction-picker{display:flex;gap:4px;padding:6px 8px;background:var(--background, #fff);border:1px solid var(--line-color, #e0e3e7);border-radius:20px;box-shadow:var(--cardShadow, 0px 3px 56px 13px rgba(0, 0, 0, .05));z-index:99999}.support-widget-reaction-btn,.support-widget-emoji-pick-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px;border-radius:6px;transition:transform .1s ease,background .1s ease;line-height:1}.support-widget-reaction-btn:hover,.support-widget-emoji-pick-btn:hover{transform:scale(1.25);background:var(--gray1, #f7f7f7)}.support-widget-reactions{display:flex;gap:4px;flex-wrap:wrap;padding:0 4px}.support-widget-reaction{font-size:14px;background:var(--gray1, #f7f7f7);border:1px solid var(--line-color, #e0e3e7);border-radius:10px;padding:1px 6px;cursor:default}.support-widget-footer{border-top:1px solid var(--line-color, #e0e3e7);padding:8px 10px;background:var(--main-background, #fff);flex-shrink:0}.support-widget-input-bar{display:flex;flex-direction:column;align-items:stretch;gap:6px}.support-widget-input-actions-top{display:flex;align-items:center;gap:2px;flex-shrink:0}.support-widget-input-row{display:flex;align-items:flex-end;gap:6px}.support-widget-attach-btn,.support-widget-emoji-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--gray4, #a7a7a7);cursor:pointer;transition:background .15s ease,color .15s ease}.support-widget-attach-btn:hover,.support-widget-emoji-toggle-btn:hover{background:var(--gray1, #f7f7f7);color:var(--contrast1, #242323)}.support-widget-attach-btn:disabled,.support-widget-emoji-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.support-widget-emoji-wrap{position:relative}.support-widget-emoji-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px;background:var(--background, #fff);border:1px solid var(--line-color, #e0e3e7);border-radius:12px;box-shadow:var(--cardShadow, 0px 3px 56px 13px rgba(0, 0, 0, .05));z-index:10001}.support-widget-send-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:40px;padding:0 12px;border-radius:10px;border:none;background:var(--blue-blue, #0f83e9);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.support-widget-send-btn:disabled{opacity:.4;cursor:not-allowed}.support-widget-send-btn:not(:disabled):hover{opacity:.88}.support-widget-textarea{flex:1;min-height:30px}.support-widget-pending-files{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px}.support-widget-pending-files--inline{padding:0;margin-left:6px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.support-widget-pending-file{display:flex;align-items:center;gap:6px;padding:4px;background:var(--gray1, #f7f7f7);border:1px solid var(--line-color, #e0e3e7);border-radius:8px;font-size:12px}.support-widget-pending-file-preview{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text, #000)}.support-widget-pending-file-preview--image{padding:0}.support-widget-pending-file-thumbnail{width:40px;object-fit:cover;border-radius:6px;display:block}.support-widget-pending-file-name{color:var(--text, #000);max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-widget-pending-file-remove{background:none;border:none;cursor:pointer;color:var(--gray4, #a7a7a7);font-size:12px;line-height:1;padding:0 6px;display:flex;align-items:center;min-height:28px;border-radius:6px}.support-widget-pending-file-preview:hover{background:var(--gray2, #ebebeb)}.support-widget-pending-file-remove:hover{color:var(--contrast1, #242323)}.support-widget-pending-file-remove:hover{color:var(--red-red, #d93535)}.support-widget-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10002}.support-widget-preview-modal{width:min(560px,100%);max-height:min(80vh,680px);background:var(--background, #fff);border:1px solid var(--line-color, #e0e3e7);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--modalShadow, 0 32px 64px -12px rgba(0, 0, 0, .2))}.support-widget-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-color, #e0e3e7)}.support-widget-preview-title{font-size:13px;font-weight:600;color:var(--text, #000);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-widget-preview-close{border:none;background:transparent;color:var(--gray4, #a7a7a7);font-size:18px;line-height:1;cursor:pointer}.support-widget-preview-body{padding:14px;overflow:auto}.support-widget-preview-image{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block;border-radius:10px}.support-widget-preview-link{color:var(--blue-blue, #0f83e9);font-size:13px;font-weight:600;text-decoration:underline}.support-widget-closed-notice{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--gray4, #a7a7a7);text-align:center;padding:14px 12px}.support-widget-closed-copy{line-height:1.4}.support-widget-new-thread-btn,.support-widget-feedback-submit{appearance:none;border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s ease,opacity .15s ease,background .15s ease}.support-widget-new-thread-btn{background:var(--blue-blue, #0f83e9);color:#fff;padding:10px 14px}.support-widget-new-thread-btn:hover,.support-widget-feedback-submit:hover:not(:disabled){transform:translateY(-1px)}.support-widget-feedback-card{display:flex;flex-direction:column;padding:14px;border-radius:16px;background:var(--blue-light);border:1px solid var(--blue-blue);overflow:hidden}.support-widget-feedback-toggle{appearance:none;border:none;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;text-align:left;width:100%;font:inherit}.support-widget-feedback-toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.support-widget-feedback-toggle-text{color:var(--gray5, #5b6472);font-size:12px;line-height:1.45}.support-widget-feedback-toggle-chevron{flex:0 0 auto;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(15,131,233,.12);color:var(--blue-blue, #0f83e9);font-size:16px;line-height:1;transition:transform .15s ease,background .15s ease}.support-widget-feedback-toggle-chevron--expanded{transform:rotate(180deg)}.support-widget-feedback-body{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.08);max-height:min(38vh,320px);overflow-y:auto}.support-widget-feedback-title{color:var(--text, #111827);font-size:14px;font-weight:700}.support-widget-feedback-subtitle,.support-widget-feedback-summary{line-height:1.45}.support-widget-feedback-summary-comment{margin-top:8px;padding-top:8px;border-top:1px solid rgba(15,23,42,.08);color:var(--text, #111827);font-size:12px;text-align:left;white-space:pre-wrap}.support-widget-feedback-stars{display:flex;justify-content:center;gap:6px}.support-widget-feedback-star{appearance:none;border:none;background:transparent;color:#0f172a38;cursor:pointer;font-size:24px;line-height:1;padding:2px;transition:transform .15s ease,color .15s ease}.support-widget-feedback-star--active{color:#f59e0b}.support-widget-feedback-star:hover{transform:scale(1.08)}.support-widget-feedback-csat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.support-widget-feedback-csat-btn{appearance:none;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78);border-radius:14px;color:var(--text, #111827);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;transition:border-color .15s ease,background .15s ease,transform .15s ease}.support-widget-feedback-csat-btn--active{background:rgba(15,131,233,.14);border-color:#0f83e959}.support-widget-feedback-csat-btn:hover{transform:translateY(-1px)}.support-widget-feedback-comment-wrap{display:flex;flex-direction:column;gap:6px;text-align:left}.support-widget-feedback-comment-label{color:var(--text, #111827);font-size:12px;font-weight:600}.support-widget-feedback-comment-input{width:100%;min-height:78px;resize:vertical;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:rgba(255,255,255,.86);color:var(--text, #111827);font:inherit;line-height:1.45;padding:10px 12px;box-sizing:border-box}.support-widget-feedback-comment-input:focus{outline:none;border-color:#0f83e96b;box-shadow:0 0 0 3px #0f83e91f}.support-widget-feedback-submit{align-self:center;background:rgba(15,131,233,.12);color:var(--blue-blue, #0f83e9);padding:9px 14px}.support-widget-feedback-submit:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .support-widget-feedback-card{background:rgba(15,131,233,.12);border-color:#94a3b829}[data-theme=dark] .support-widget-feedback-toggle-text{color:#f1f5f9b8}[data-theme=dark] .support-widget-feedback-toggle-chevron{background:rgba(15,131,233,.18);color:#93c5fd}[data-theme=dark] .support-widget-feedback-body{border-top-color:#94a3b82e}[data-theme=dark] .support-widget-feedback-title,[data-theme=dark] .support-widget-feedback-csat-btn,[data-theme=dark] .support-widget-feedback-comment-label,[data-theme=dark] .support-widget-feedback-summary-comment{color:#f8fafc}[data-theme=dark] .support-widget-feedback-csat-btn{background:rgba(15,23,42,.48);border-color:#94a3b82e}[data-theme=dark] .support-widget-feedback-comment-input{background:rgba(15,23,42,.48);border-color:#94a3b82e;color:#f8fafc}[data-theme=dark] .support-widget-feedback-csat-btn--active{background:rgba(15,131,233,.2)}.support-widget-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:support-widget-spin .6s linear infinite}@keyframes support-widget-spin{to{transform:rotate(360deg)}}.support-widget-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.support-widget-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:9997;backdrop-filter:blur(2px)}@media (max-width: 640px){.support-widget-panel{width:100%;max-height:90vh;height:90vh;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;border-bottom:none}.support-widget-trigger{bottom:20px;right:16px}.support-widget-overlay{display:block}}[data-theme=dark] .support-widget-msg-bubble--user{box-shadow:none}[data-theme=dark] .support-widget-reaction{border-color:var(--line-color, #22282f)}@keyframes update-widget-slide-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes update-widget-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.96)}}.update-widget-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;max-width:360px;width:calc(100vw - 48px);animation:update-widget-slide-in .35s cubic-bezier(.22,1,.36,1) forwards;font-family:var(--font-arial-rounded-mt)}.update-widget-container.update-widget-closing{animation:update-widget-slide-out .25s cubic-bezier(.22,1,.36,1) forwards}.update-widget-card{background:var(--main-background);border:1px solid var(--line-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow),0 2px 8px var(--shadow);overflow:hidden;transition:box-shadow .2s ease}.update-widget-card:hover{box-shadow:0 12px 40px var(--shadow),0 4px 12px var(--shadow)}.update-widget-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.update-widget-header-left{display:flex;align-items:center;gap:10px}.update-widget-version-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:8px;background:var(--blue-blue);color:var(--primary-btn-text);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.update-widget-title{display:flex;flex-direction:column}.update-widget-title-text{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.update-widget-date{font-size:11px;color:var(--sub-text);opacity:.7;margin-top:1px}.update-widget-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--gray1);color:var(--gray4);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;font-size:16px;line-height:1}.update-widget-close:hover{background:var(--gray2);color:var(--text)}.update-widget-body{padding:0 16px 6px;max-height:120px;overflow:hidden;position:relative;transition:max-height .35s cubic-bezier(.22,1,.36,1)}.update-widget-body.update-widget-expanded{max-height:600px}.update-widget-body-fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--main-background));pointer-events:none;transition:opacity .25s}.update-widget-body.update-widget-expanded .update-widget-body-fade{opacity:0}.update-widget-changelog{font-size:13px;line-height:1.55;color:var(--sub-text);word-break:break-word}.update-widget-changelog p{margin:0 0 4px}.update-widget-changelog strong,.update-widget-changelog h3,.update-widget-changelog h2{color:var(--text);font-size:13px;margin:8px 0 2px;display:block}.update-widget-changelog ul{padding-left:0;margin:2px 0 6px;list-style:none}.update-widget-changelog li{position:relative;padding-left:0;margin-bottom:3px}.update-widget-changelog img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block;box-shadow:0 2px 8px var(--shadow)}.update-widget-expand{display:flex;align-items:center;justify-content:center;padding:8px 16px 12px;border:none;background:none;width:100%;cursor:pointer;font-size:12px;font-weight:600;color:var(--blue-blue);gap:4px;transition:opacity .15s;font-family:var(--font-arial-rounded-mt)}.update-widget-expand:hover{opacity:.8}.update-widget-expand-arrow{display:inline-block;transition:transform .3s ease;font-size:12px}@media (max-width: 480px){.update-widget-container{bottom:16px;max-width:none;width:calc(100vw - 32px)}}.search-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-container{width:650px;background-color:var(--background);border-radius:25px;border:2px solid var(--best-gray);box-shadow:0 8px 32px #0003;overflow:hidden;transform:translateY(-20px);transition:transform .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.search-modal-search-input-container{box-sizing:border-box;width:100%}.search-popup-bar{width:100%;height:70px;background-color:transparent!important;border:none!important;outline:none!important;border-radius:15px;padding:0 15px;color:var(--text);box-sizing:border-box;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;font-size:18px;transition:all .3s ease}.search-popup-bar:focus{background-color:var(--best-gray);box-shadow:0 0 0 2px var(--blue-blue)}.search-modal-search-input-shell{display:flex;align-items:center;gap:10px}.search-input-shell-ai{background:transparent!important;padding:0!important;box-shadow:none!important}.search-input-ai{background-color:transparent!important;color:#fff!important;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif!important;font-size:16px!important;padding:0 15px 0 0!important}.search-input-ai::placeholder{color:#ffffff80!important}.search-input-ai-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;opacity:.8;margin-left:12px;filter:brightness(0) invert(1)}.search-input:focus{border:none;outline:none}.search-results{max-height:450px;overflow-y:auto;padding:15px;scrollbar-width:none;-ms-overflow-style:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.search-category{font-size:12px;color:var(--sub-text);text-transform:uppercase;letter-spacing:1px;padding:10px 15px;margin-top:10px;animation:fadeIn .4s ease forwards}.search-result-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:12px;cursor:pointer;transition:transform .1s ease,background-color .1s ease;margin-bottom:8px;opacity:0;transform:translateY(12px) scale(.98);animation:searchResultPopIn .2s cubic-bezier(.19,1,.22,1) forwards}@keyframes searchResultPopIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-result-item:hover,.search-result-item.selected{background-color:var(--best-gray);transform:translateY(-2px);transition:transform .1s ease,background-color .1s ease}.search-result-custom-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.search-result-item:hover .search-result-icon,.search-result-item.selected .search-result-icon{background-color:var(--background)}.search-result-preview-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--gray2);border-radius:8px;font-size:14px;color:var(--text-secondary);opacity:.6;transition:all .2s ease}.search-result-item.has-preview:hover .search-result-preview-indicator{background-color:var(--blue-blue);color:#fff;opacity:1;transform:scale(1.1)}.search-result-item.has-preview{position:relative}.search-empty-state{padding:20px 12px 12px;text-align:center}.search-empty-state-title{color:var(--text);font-size:15px;font-weight:600;margin-bottom:6px}.search-empty-state-subtitle{color:var(--sub-text);font-size:13px;margin-bottom:14px}.search-empty-tools{display:flex;justify-content:center;gap:10px}.search-empty-tool-button{border:1px solid var(--gray2);background:var(--secondary-background);color:var(--text);border-radius:10px;padding:8px 12px;font-family:ARLRDBD;font-size:12px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.search-empty-tool-button:hover{transform:translateY(-1px);background:var(--best-gray)}.search-empty-tool-button-primary{background:var(--blue-light);border-color:var(--blue-blue);color:var(--main-bg, #081324)}.search-empty-tool-button-primary:hover{background:var(--blue-blue);color:#fff}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.sticky-container{background:#FFF5C5;border-radius:4px;outline:2px solid rgba(0,0,0,.05);padding:5px;min-width:160px;max-width:280px;cursor:pointer;font-family:Comic Sans MS,Marker Felt,cursive;font-size:14px;line-height:1.4;color:#333;position:relative;transition:all .2s ease;user-select:none}.sticky-container:hover{box-shadow:0 6px 12px #00000040,0 2px 4px #00000026}.sticky-container:active{outline:2px solid rgba(0,0,0,.1)}.sticky-text{word-wrap:break-word;word-break:break-word;white-space:pre-wrap;outline:none;min-height:40px;display:flex;align-items:flex-start;padding:4px;color:#333}.sticky-text:empty:before{content:attr(data-placeholder);color:#33333380;font-style:italic}.sticky-textarea{min-height:100px;max-height:400px;padding:4px;border:none;border-radius:2px;background:rgba(255,255,255,.3);font-family:Comic Sans MS,Marker Felt,cursive;font-size:14px;line-height:1.4;color:#333;resize:none;outline:2px solid rgba(0,0,0,.2);outline-offset:-2px;box-shadow:inset 0 1px 2px #0000000d}.sticky-textarea::placeholder{color:#3336;font-style:italic}.sticky-textarea:focus{outline:2px solid rgba(0,0,0,.3);background:rgba(255,255,255,.5)}.sticky-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);border-radius:4px;pointer-events:none}.sticky-container:after{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 100%);border-radius:0 4px 0 8px;pointer-events:none}@media (max-width: 768px){.sticky-container{min-width:140px;max-width:240px;font-size:13px;padding:10px}.sticky-textarea{min-height:80px;max-height:300px;font-size:13px}}.informative-page-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--main-background);border:2px solid var(--line-color);border-radius:16px;min-width:140px;box-shadow:0 2px 8px var(--shadow)}.informative-page-card{width:100%;padding:16px;background:var(--best-gray);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.informative-page-icon{width:32px;height:32px;color:var(--text)}.informative-page-label{font-size:14px;font-weight:600;color:var(--text);text-align:center;font-family:ARLRDBD,Arial,sans-serif}.informative-page-description{font-size:12px;color:var(--sub-text);text-align:center}.informative-page-service-card{width:100%;padding:16px;background:var(--best-gray);border-radius:12px;border:2px solid var(--blue-blue);display:flex;flex-direction:column;align-items:center;gap:8px}.informative-page-service-icon{width:40px;height:40px;border-radius:8px;object-fit:cover}.informative-page-container-wide{min-width:200px;padding:0;background:transparent;border:none;box-shadow:none}.informative-page-card-wrapper{pointer-events:none}.informative-page-card-wrapper .services-card{min-width:275px!important;max-width:275px!important;min-height:375px!important;background:var(--background, #101010)!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.1)!important;padding:2px!important;box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a!important}.informative-page-card-wrapper .services-card-image{position:absolute!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;top:3px!important;left:3px!important;right:auto!important;border-radius:22px!important}.informative-page-card-wrapper .services-card-body{position:absolute!important;inset:0!important;height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:transparent!important;border:none!important;padding:0!important;border-radius:22px!important;z-index:2!important}.informative-page-card-wrapper .services-card-gradient{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:22px!important}.informative-page-card-wrapper .services-card-main{position:relative!important;z-index:1!important;padding:10px!important}.informative-page-card-wrapper .rental-card{min-width:275px!important;max-width:275px!important;min-height:300px!important;background:var(--background, #101010)!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.1)!important;padding:2px!important;box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a!important;overflow:hidden!important}.informative-page-card-wrapper .rental-card-image{position:absolute!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;top:3px!important;left:3px!important;right:auto!important;border-radius:22px!important}.informative-page-card-wrapper .rental-card-body{position:absolute!important;inset:0!important;height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:transparent!important;border:none!important;padding:0!important;border-radius:22px!important;z-index:2!important}.informative-page-card-wrapper .rental-card-gradient{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:22px!important}.informative-page-card-wrapper .rental-card-main{position:relative!important;z-index:1!important;padding:10px!important}.informative-page-card-wrapper .rental-card-button-row{display:flex!important}.informative-page-card-wrapper .rental-card--transparent .rental-card-image{height:calc(100% - 106px)!important;top:3px!important}.informative-page-card-wrapper .rental-card--transparent .rental-card-image img{object-fit:contain!important;object-position:center center!important}.informative-page-card-wrapper .rental-card--transparent .rental-card-gradient{top:50px!important;height:calc(100% - 50px)!important}.services-card{min-width:275px;max-width:275px;min-height:375px;position:relative;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;border:1px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;cursor:pointer;transition:transform .28s,box-shadow .28s,border-color .28s;padding:2px;font-family:var(--font-arial-rounded-mt),ARLRDBD,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@media (max-width: 1023px){.srvz-page-grid--services,[class*=grid]>.services-card:first-child,[class*=grid]:has(.services-card){gap:0!important;grid-gap:0!important}}@media (max-width: 1023px){.services-card{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:auto!important;max-height:none!important;height:auto!important;padding:0!important;margin-bottom:10px!important;margin-right:0!important;border-width:0!important;border-radius:0!important;display:block!important;position:relative!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}}.services-card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;border-color:#ffffff3d}.services-card-image{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:22px;overflow:hidden;position:absolute;top:3px;left:3px}.services-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.services-card:hover .services-card-image img{transform:scale(1.05)}@media (max-width: 1023px){.services-card-image{position:absolute!important;width:40%!important;height:100%!important;min-height:auto!important;max-height:none!important;inset:0 0 0 auto!important;border-radius:25px!important;z-index:0!important;overflow:hidden!important}.services-card-image img{width:100%!important;height:100%!important;min-height:auto!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important}.services-card:hover .services-card-image img{transform:none}}.services-card-body{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1;justify-content:flex-end;height:100%;overflow:hidden}.services-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(195deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.3) 35%,rgba(255,255,255,.65) 45%,rgba(255,255,255,.9) 55%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 75%);pointer-events:none;z-index:0}[data-theme=dark] .services-card-gradient{background:linear-gradient(195deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,.3) 35%,rgba(0,0,0,.65) 45%,rgba(0,0,0,.9) 55%,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 75%)}.services-card-body-wrap{padding-bottom:0}@media (max-width: 1023px){.services-card-body{position:relative;z-index:2;min-height:auto;max-height:none;height:auto;padding:6px;background:linear-gradient(90deg,var(--main-background) 0%,var(--main-background) 60%,var(--gradient2) 100%);border-radius:20px;border:2px solid var(--best-gray, #000000);box-shadow:0 2px 33px #0000000c;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.services-card-body-wrap{padding:6px}}.services-card-main{padding:5px;display:flex;flex-direction:column;position:relative;z-index:1}.services-card-title{font-size:22px;font-weight:400;letter-spacing:0;margin:0}.services-card-question{font-size:14px;color:#bababa;margin:0;white-space:nowrap;overflow:hidden}.services-card-bullet{margin:2px 0 4px;white-space:pre-wrap;word-break:break-word;line-height:1.4;font-size:clamp(9px,2vw,12px)}@media (max-width: 1023px){.services-card-main{background:transparent}.services-card-title{font-size:22px;margin-bottom:0;letter-spacing:0}.services-card-question{font-size:16px;margin:5px 0 0;letter-spacing:0;color:var(--sub-text, #828282);white-space:nowrap;overflow:hidden}.services-card-bullet{font-size:clamp(8px,2vw,12px);font-weight:400;margin:3px 0 0;letter-spacing:0;color:var(--text, #FFFFFF);white-space:pre-wrap}}.services-card-tags{display:flex;flex-wrap:nowrap;gap:5px;overflow:visible;min-width:0}.services-card-chip{background:var(--gray2);color:var(--sub-text);padding:4px 6px;border-radius:10px;font-weight:500;letter-spacing:.3px;white-space:nowrap;font-size:9px}@media (max-width: 1023px){.services-card-tags{margin-top:5px}.services-card-chip{background:var(--gray2, #EBEBEB);color:var(--text, #000000)}}.services-card-button-row{display:flex;gap:6px;margin-top:10px}.services-card-save-btn,.services-card-select-btn{height:37px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:ArialRoundedMTBold,Arial Rounded MT Bold;cursor:pointer}.services-card-save-btn{width:68px;background:var(--best-gray)!important;color:var(--sub-text)!important;transition:background .2s ease,color .2s ease}.services-card-save-btn--saved{background:var(--sub-text)!important;color:var(--best-gray)!important}.services-card-select-btn{flex:1;color:#fff}@media (max-width: 1023px){.services-card-button-row{display:none}.services-card:hover{transform:none}}.longpress-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;transition:opacity .2s ease-out;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:20px}.longpress-preview-overlay--visible{opacity:1;pointer-events:auto}.longpress-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;transform:scale(.9);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out;width:100%;max-width:300px}.longpress-preview-wrapper--visible{transform:scale(1);opacity:1}.longpress-preview-card-container{pointer-events:none;box-shadow:0 20px 60px #0006;border-radius:20px;overflow:hidden;width:100%}.longpress-preview-card-container>*{margin:0!important;width:100%!important}.longpress-preview-actions{display:flex;flex-direction:row;gap:8px;width:100%;max-width:100%}.longpress-preview-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;border:none;font-size:15px;font-weight:600;font-family:ArialRoundedMTBold,Arial Rounded MT Bold,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--best-gray, #f3f4f6);color:var(--sub-text, #6B7280)}.longpress-preview-action-btn:active{transform:scale(.97);opacity:.8}.longpress-preview-action-btn svg{width:18px;height:18px;flex-shrink:0}.longpress-preview-action-btn--saved{background:var(--sub-text, #6B7280);color:var(--best-gray, #f3f4f6)}.longpress-preview-action-btn--cancel{background:rgba(255,255,255,.15);color:#fff}[data-theme=dark] .longpress-preview-action-btn--cancel{background:rgba(255,255,255,.1);color:#fffc}.cards-event{min-width:300px;max-width:300px;height:350px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);transition:transform .28s,box-shadow .28s,border-color .28s;padding:2px;border-radius:30px!important;overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#fff}.cards-event:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.cards-event--past{opacity:.35;pointer-events:none}.cards-event-badge{position:absolute;top:10px;right:12px;background:var(--main-background);color:var(--text);padding:6px 10px;border-radius:14px;font-size:12px;font-weight:600;z-index:3;white-space:nowrap;display:flex;align-items:center;gap:4px}.cards-event-badge-icon{width:14px;height:14px}.cards-event-image-wrapper{position:relative;flex:1 1 auto;border-radius:23px;overflow:hidden;background:#ffffff;min-height:0}.cards-event-image{width:100%;height:100%;object-fit:cover;display:block}.cards-event-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,15,.85) 0%,rgba(15,15,15,0) 80%);z-index:1}.cards-event-text{position:absolute;left:0;right:0;bottom:0;padding:18px;display:flex;flex-direction:column;gap:8px;z-index:2;color:#fff}.cards-event-content{display:flex;flex-direction:column;gap:6px}.cards-event-title{font-size:22px;font-weight:400;margin:0;color:#fff}.cards-event-date{font-size:14px;color:#ffffffd9;margin:0}.cards-event-desc{font-size:14px;margin:0;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.cards-event-tags{display:flex;flex-wrap:wrap;gap:6px}.cards-event-chip{background:rgba(255,255,255,.12);color:#fff;font-size:10px;padding:5px 7px;border-radius:10px;font-weight:500;backdrop-filter:blur(3px)}.cards-event-footer{display:none}.cards-event-view-text{font-size:16px;color:inherit;font-weight:400}.cards-event-arrow{width:16px;height:16px;color:inherit}@media (max-width: 1023px){.cards-event{width:100%;min-width:100%;max-width:100%;height:auto;min-height:150px;background:var(--background, #ffffff);box-shadow:0 2px 33px #0000001f,0 2px 5px #0000000d;border-radius:23px;padding:5px;display:flex;flex-direction:row;align-items:stretch;border:none;color:var(--text, #111827)}.cards-event:hover{transform:none}.cards-event-badge{top:10px;right:auto;left:10px;font-size:10px;padding:4px 10px;z-index:3;backdrop-filter:blur(2px)}.cards-event-image-wrapper{width:120px;min-width:120px;max-width:120px;height:150px;border-radius:25px;flex-shrink:0;position:relative}.cards-event-image{border-radius:20px;width:100%;height:100%;object-fit:cover}.cards-event-gradient{display:none}.cards-event-text{position:relative;inset:auto;padding:10px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;color:var(--text, #111827)}.cards-event-content{display:flex;flex-direction:column;justify-content:center;gap:3px}.cards-event-title{margin:0 0 3px;font-size:17px;font-weight:400;order:1}.cards-event-date{font-size:13px;color:var(--text, #111827);order:2}.cards-event-desc{font-size:12px;color:#bababa;margin:0 0 3px;order:3}.cards-event-tags{gap:5px;margin-top:3px;order:4}.cards-event-chip{background:var(--gray2, #E5E7EB);color:var(--text, #111827);padding:5px;border-radius:10px}.cards-event-footer{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:0;padding-top:0}.cards-event-view-text{display:none}.cards-event-arrow{width:18px;height:18px}}.cards-stint{min-width:240px;max-width:240px;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;transition:transform .28s,box-shadow .28s,border-color .28s;border:1px solid rgba(255,255,255,.1);padding:2px;border-radius:20px;overflow:hidden;cursor:pointer;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.cards-stint:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.cards-stint-inner{position:relative;width:100%;height:280px;border-radius:20px;overflow:hidden}.cards-stint-image{width:100%;height:100%;object-fit:cover;display:block}.cards-stint-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111 0%,#1b1b1f 100%);color:#7aa2ff}.cards-stint-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,15,.85) 0%,rgba(15,15,15,0) 80%)}.cards-stint-title{position:absolute;bottom:14px;left:14px;right:14px;color:#fff;font-size:13px;font-weight:400;margin:0;line-height:1.3}@media (min-width: 768px){.cards-stint-title{bottom:32px}}.cards-stint-question{position:absolute;bottom:16px;left:14px;right:14px;z-index:2;color:#ffffffb3;font-size:11px;font-weight:400;margin:0;line-height:1.3;font-style:italic;display:none}@media (min-width: 768px){.cards-stint-question{display:block}}.cards-stint-cta{display:none;position:absolute;bottom:12px;right:14px;color:var(--sub-text);font-size:14px;gap:5px;align-items:center}@media (min-width: 1024px){.cards-stint-cta{display:inline-flex}}.cards-stint-cta-arrow{height:14px;width:auto;opacity:.9}.rental-card{min-width:275px;max-width:275px;min-height:300px;position:relative;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;border:1px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;cursor:pointer;transition:transform .28s,box-shadow .28s,border-color .28s;padding:2px;font-family:var(--font-arial-rounded-mt),ARLRDBD,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@media (max-width: 1023px){.rental-card{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:auto!important;max-height:none!important;height:auto!important;padding:0!important;margin-bottom:10px!important;margin-right:0!important;border-width:0!important;border-radius:0!important;display:block!important;position:relative!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}}.rental-card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;border-color:#ffffff3d}.rental-card-image{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:22px;overflow:hidden;position:absolute;top:3px;left:3px}.rental-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rental-card:hover .rental-card-image img{transform:scale(1.05)}.rental-card-indicators{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10;padding:10px 6px;background:var(--background, #101010);backdrop-filter:blur(8px);border-radius:20px}.rental-card-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#888888;cursor:pointer;transition:all .3s ease;padding:0}.rental-card-indicator:hover{background:#999999;transform:scale(1.2)}.rental-card-indicator--active{height:24px;border-radius:10px;background:var(--primary-color, #3B82F6)}@media (max-width: 1023px){.rental-card-image{position:absolute!important;width:auto!important;height:100%!important;min-height:auto!important;max-height:none!important;inset:0 0 0 auto!important;border-radius:25px!important;z-index:1!important;overflow:hidden!important}.rental-card-image img{width:auto!important;height:100%!important;min-height:auto!important;max-height:none!important;object-fit:cover!important;object-position:right center!important;display:block!important}.rental-card:hover .rental-card-image img{transform:none}}.rental-card-body{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1;justify-content:flex-end;height:100%;overflow:hidden}.rental-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(195deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.3) 35%,rgba(255,255,255,.65) 45%,rgba(255,255,255,.9) 55%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 75%);pointer-events:none;z-index:0}[data-theme=dark] .rental-card-gradient{background:linear-gradient(195deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,.3) 35%,rgba(0,0,0,.65) 45%,rgba(0,0,0,.9) 55%,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 75%)}.rental-card-body-wrap{padding-bottom:0}@media (max-width: 1023px){.rental-card-body{position:relative;z-index:2;min-height:auto;max-height:none;height:auto;padding:6px;background:linear-gradient(90deg,var(--main-background) 0%,var(--main-background) 60%,var(--gradient2) 100%);border-radius:20px;border:2px solid var(--best-gray, #000000);box-shadow:0 2px 33px #0000000c;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.rental-card-body-wrap{padding:6px}}.rental-card-main{padding:5px;display:flex;flex-direction:column;position:relative;z-index:1}.rental-card-title{font-size:22px;font-weight:400;letter-spacing:0;margin:0}.rental-card-subheading{font-size:14px;color:#bababa;margin:0;white-space:nowrap;overflow:hidden}.rental-card-description{margin:2px 0 4px;white-space:pre-wrap;word-break:break-word;line-height:1.4;font-size:clamp(9px,2vw,12px)}.rental-card-price{font-size:16px;font-weight:600;margin:4px 0}@media (max-width: 1023px){.rental-card-main{background:transparent}.rental-card-title{font-size:22px;margin-bottom:0;letter-spacing:0}.rental-card-subheading{font-size:16px;margin:5px 0 0;letter-spacing:0;color:var(--sub-text, #828282);white-space:nowrap;overflow:hidden}.rental-card-description{font-size:clamp(8px,2vw,12px);font-weight:400;margin:3px 0 0;letter-spacing:0;color:var(--text, #FFFFFF);white-space:pre-wrap}}.rental-card-tags{display:flex;flex-wrap:nowrap;gap:5px;overflow:visible;min-width:0}.rental-card-chip{background:var(--gray2);color:var(--sub-text);padding:4px 6px;border-radius:10px;font-weight:500;letter-spacing:.3px;white-space:nowrap;font-size:9px}@media (max-width: 1023px){.rental-card-tags{margin-top:5px}.rental-card-chip{background:var(--gray2, #EBEBEB);color:var(--text, #000000)}}.rental-card-button-row{display:flex;gap:6px;margin-top:10px}.rental-card-save-btn,.rental-card-select-btn{height:37px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:ArialRoundedMTBold,Arial Rounded MT Bold;cursor:pointer}.rental-card-save-btn{width:68px;background:var(--best-gray)!important;color:var(--sub-text)!important;transition:background .2s ease,color .2s ease}.rental-card-save-btn--saved{background:var(--sub-text)!important;color:var(--best-gray)!important}.rental-card-select-btn{flex:1;color:#fff}@media (max-width: 1023px){.rental-card-button-row{display:none}.rental-card:hover{transform:none}}.rental-card--transparent .rental-card-image{height:calc(100% - 106px);top:3px}.rental-card--transparent .rental-card-image img{object-fit:contain;object-position:center center}.rental-card--transparent .rental-card-gradient{top:50px;height:calc(100% - 50px)}@media (max-width: 1023px){.rental-card--transparent .rental-card-image{height:100%!important}.rental-card--transparent .rental-card-gradient{top:0;height:100%}}.cards-servicer{min-width:200px;max-width:200px;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;transition:transform .28s,box-shadow .28s,border-color .28s;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:25px;overflow:hidden;cursor:pointer;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.cards-servicer:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.cards-servicer-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.cards-servicer-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:16px;border:3px solid var(--best-gray)}.cards-servicer-avatar img{width:100%;height:100%;object-fit:cover}.cards-servicer-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3B82F6;color:#fff;font-size:32px;font-weight:700}.cards-servicer-body{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.cards-servicer-name{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--text)}.cards-servicer-type{font-size:14px;font-weight:400;margin:0 0 12px;color:var(--sub-text);opacity:.8}.cards-servicer-rating{display:flex;align-items:center;gap:4px;margin-bottom:12px;font-size:16px;font-weight:600;color:var(--text)}.cards-servicer-bio{font-size:14px;color:var(--sub-text);margin:0 0 12px;line-height:1.4}.cards-servicer-stats{font-size:13px;color:var(--sub-text);margin-top:auto}.tier-selected-card{display:flex;align-items:center;gap:14px;background:var(--best-gray);border:1px solid var(--gray2);box-shadow:none!important;border-radius:22px;padding:8px;margin-bottom:14px}.tier-selected-card-image{width:64px;height:48px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--gray1);display:flex;align-items:center;justify-content:center}.tier-selected-card-image img{width:100%;height:100%;object-fit:cover}.tier-selected-card-content{flex:1;min-width:0}.tier-selected-card-name{font-family:var(--font-arial-rounded-mt);font-size:20px;font-weight:700;color:var(--text);line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-selected-card-description{font-family:var(--font-arial-rounded-mt);font-size:13px;color:var(--sub-text);line-height:18px;margin-top:2px;max-height:36px;overflow:hidden}.tier-selected-card-price{font-family:var(--font-arial-rounded-mt);font-size:14px;color:var(--blue-blue);margin-top:4px;font-weight:600}.tier-selected-card--small{padding:2px!important;margin-bottom:10px}.tier-selected-card--small .tier-selected-card-image{width:52px;height:40px}.tier-selected-card--small .tier-selected-card-name{font-size:16px;line-height:20px}.tier-selected-card--small .tier-selected-card-description{font-size:12px;line-height:16px;max-height:32px}.tier-selected-card--small .tier-selected-card-price{font-size:13px;margin-top:2px}.tier-selected-card--text-only{display:flex;align-items:center;gap:12px;background:var(--best-gray);border:1px solid var(--gray2);box-shadow:none!important;padding:8px;margin-bottom:14px}.tier-selected-card--text-only .tier-selected-card-content{display:flex;align-items:space-between!important;justify-content:space-between!important;gap:20px;flex:1;padding:3px}.tier-selected-card--text-only .tier-selected-card-name{font-size:16px;white-space:nowrap;margin:0;font-weight:700}.tier-selected-card--text-only .tier-selected-card-description{font-size:13px;margin-top:0;max-height:none;overflow:visible;white-space:nowrap}.tier-selected-card--text-only .tier-selected-card-price{margin-top:0;white-space:nowrap}.work-order-preview{background:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:15px;height:fit-content;position:sticky;top:20px;box-shadow:0 8px 32px #0000001a;font-family:ARLRDBD,sans-serif;max-width:400px;margin-left:auto;overflow-y:auto;max-height:calc(100vh - 40px)}.work-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.work-order-title{display:flex;align-items:center;gap:12px;flex:1}.work-order-icon{width:60px;height:40px;background:linear-gradient(135deg,#0F83E9,#4B79DE);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.work-order-info h3{font-size:18px;font-weight:600;color:var(--text);margin:0;line-height:1.2}.work-order-id{font-size:12px;color:var(--sub-text)!important;font-weight:500;opacity:.8}.work-order-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.next-button{background:#20D67A;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.next-button:hover{background:#1ab564;transform:translateY(-1px);box-shadow:0 4px 12px #20d67a4d}.work-order-pricing{background:#20D67A;border-radius:12px;padding:20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .2s ease}.work-order-pricing:hover{background:#1ab564;transform:translateY(-1px);box-shadow:0 6px 20px #20d67a4d}.pricing-card{color:#fff}.pricing-amount{font-size:28px;font-weight:700;margin-bottom:4px;line-height:1}.pricing-label{font-size:12px;opacity:.9;font-weight:500}.work-order-preview-image{margin-bottom:20px;border-radius:12px;overflow:hidden;min-height:120px;position:relative}.location-preview{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.location-preview.empty{background:var(--gray1)}.location-map-widget{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden}.mapbox-map{width:100%;height:100%;border-radius:8px}.visual-map{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#e8f5e8,#f0f8ff)}.map-background{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#e8f4f8,#f5f8e8)}.street-grid{position:absolute;inset:0}.street{position:absolute;background:rgba(200,200,200,.4)}.street.horizontal{width:100%;height:1px}.street.vertical{height:100%;width:1px}.location-marker{position:absolute;color:#e74c3c;font-size:20px;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:markerPulse 2s infinite;z-index:10}@keyframes markerPulse{0%,to{transform:translate(-50%,-100%) scale(1)}50%{transform:translate(-50%,-100%) scale(1.1)}}.location-map-widget iframe{width:100%;height:100%;border:none;border-radius:8px}.location-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:12px;pointer-events:none}.location-info{display:flex;align-items:center;gap:6px;color:#fff}.location-info svg{font-size:14px;color:#20d67a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.location-text{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-text-display{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:16px;text-align:left;background:linear-gradient(135deg,#e3f2fd,#bbdefb);gap:12px}.location-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0}.location-header svg{font-size:20px;color:#0f83e9}.location-header span{font-size:12px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px}.location-details{display:flex;flex-direction:column;gap:2px;flex:1}.location-address{font-size:14px;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:2px;max-width:300px;word-wrap:break-word}.location-city-state{font-size:12px;font-weight:500;color:var(--sub-text);line-height:1.2;margin-bottom:2px}.location-coordinates{font-size:10px;color:var(--sub-text);opacity:.8;font-family:ARLRDBD,sans-serif;line-height:1.2}.map-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--sub-text);text-align:center;padding:20px}.map-placeholder svg{font-size:24px;color:#0f83e9}.map-placeholder span{font-size:12px;font-weight:500;max-width:200px;word-wrap:break-word}.work-order-details,.detail-section{margin-bottom:20px}.detail-section h4{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px;line-height:1.3}.detail-section h5{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;line-height:1.3}.detail-group{margin-bottom:12px;display:flex;justify-content:space-between}.detail-label{font-size:12px;font-weight:600;color:var(--sub-text);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:var(--text);line-height:1.4}.detail-value .location-details{display:flex;flex-direction:column;gap:2px;margin:0}.detail-value .location-address{font-size:14px;font-weight:600;color:var(--text);line-height:1.2;margin:0}.detail-value .location-city-state{font-size:12px;font-weight:500;color:var(--sub-text);line-height:1.2;margin:0}.detail-value .location-coordinates{font-size:10px;color:var(--sub-text);opacity:.8;line-height:1.2;margin:0}.project-description{font-size:13px;line-height:1.6;color:var(--sub-text);font-style:italic;max-height:none;overflow:visible}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.image-placeholder{aspect-ratio:1;background:var(--gray1);border:2px dashed var(--best-gray);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--sub-text);opacity:.5;min-height:60px}.material-equipment{background:var(--gray1);border-radius:8px;padding:12px;margin-top:8px}.material-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--best-gray)}.material-row:last-child{border-bottom:none}.material-label{font-size:12px;font-weight:500;color:var(--sub-text)}.material-value{font-size:12px;font-weight:600;color:var(--text)}.equipment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--gray1);border-radius:6px;margin-top:6px}.equipment-icon{width:24px;height:24px;background:#0F83E9;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;flex-shrink:0}.equipment-name{font-size:12px;font-weight:500;color:var(--text);flex:1}.work-order-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;border-top:1px solid var(--best-gray)}.summary-stat{display:flex;flex-direction:column;gap:4px;text-align:center;padding:12px;background:var(--gray1);border-radius:8px}.stat-label{font-size:10px;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:16px;font-weight:700;color:var(--text)}@media (prefers-color-scheme: dark){.work-order-preview{box-shadow:0 8px 32px #ffffff0d}.location-preview{background:linear-gradient(135deg,#1a202c,#2d3748)}}@media (min-width: 900px){.work-order-preview{position:static;top:auto;max-width:none;margin-left:0;overflow-y:visible;max-height:none}}@media (max-width: 768px){.work-order-preview{position:static;margin:20px 0;max-width:none;max-height:none}.images-grid{grid-template-columns:repeat(2,1fr)}.pricing-amount{font-size:24px}.work-order-summary{grid-template-columns:1fr}}.work-order-preview::-webkit-scrollbar{width:6px}.work-order-preview::-webkit-scrollbar-track{background:transparent}.work-order-preview::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.work-order-preview::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.detail-value{transition:all .3s ease}.detail-value.updated{background:rgba(32,214,122,.1);border-radius:4px;padding:2px 4px;margin:-2px -4px}.work-order-file-thumbs{display:flex;gap:6px;flex-wrap:wrap;max-width:260px}.work-order-file-thumb{width:46px;height:46px;border-radius:6px;background:var(--gray1);border:1px solid var(--best-gray);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:11px;font-weight:600;color:var(--sub-text);box-sizing:border-box}.work-order-file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.work-order-file-thumb.more{background:#0F83E9;color:#fff;font-size:12px}.work-order-file-thumb-badge{font-size:10px;background:rgba(0,0,0,.5);color:#fff;padding:2px 4px;border-radius:4px}.work-order-file-thumb.placeholder{background:repeating-linear-gradient(45deg,var(--gray1),var(--gray1) 6px,var(--best-gray) 6px,var(--best-gray) 12px);color:var(--sub-text)}.work-order-signature-preview{display:inline-block;border:1px solid var(--best-gray);background:var(--gray1);border-radius:6px;padding:4px 6px;box-sizing:border-box;object-fit:contain}.work-order-signature-preview-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.work-order-signature-preview--small{max-width:120px;max-height:36px}.work-order-signature-preview--medium{max-width:160px;max-height:44px}.work-order-signature-preview--large{max-width:240px;max-height:80px}.detail-group-textarea .detail-label{display:block;width:100%;margin-bottom:8px}.detail-group-textarea{display:flex;flex-direction:column;align-items:stretch;gap:8px}.textarea-value-block{background:var(--gray1);border:1px solid var(--best-gray);font-size:13px;max-height:none;overflow:visible;background:linear-gradient(180deg,var(--gray1),#fbfbfb);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text);box-sizing:border-box;white-space:pre-wrap}.detail-group-textarea .textarea-value-block{width:100%;box-sizing:border-box;background:linear-gradient(180deg,var(--gray1),#fbfbfb);border-radius:8px;padding:12px 14px;font-size:14px;color:var(--text);border:1px solid rgba(0,0,0,.06)}.work-order-file-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:30px}.work-order-file-modal-content{background:var(--background);border:1px solid var(--best-gray);border-radius:12px;max-width:90vw;max-height:90vh;width:640px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #0000004d}.work-order-file-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--best-gray)}.work-order-file-modal-title{font-size:14px;font-weight:600;color:var(--text)}.work-order-file-modal-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--sub-text);padding:0 4px}.work-order-file-modal-body{padding:16px 18px 24px;overflow:auto;display:flex;align-items:center;justify-content:center}.work-order-file-modal-body img{max-width:100%;max-height:70vh;border-radius:8px;display:block}.work-order-file-generic{font-size:13px;color:var(--sub-text);padding:20px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:8px}.work-order-preview-image.multi{padding-top:0;display:flex;flex-direction:column;gap:6px}.preview-pills{display:flex;gap:4px;z-index:5;flex-wrap:wrap}.preview-pills.below{position:static;border-radius:12px;justify-content:center}.preview-pill{background:var(--best-gray);border:1px solid var(--best-gray);border-radius:10px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s ease;color:var(--text);line-height:1;position:relative;display:flex;align-items:center;gap:6px}.preview-pill-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:12px;color:var(--sub-text);transition:color .18s ease,transform .18s ease}.preview-pill.active .preview-pill-icon{color:var(--main-background);transform:scale(1.05)}.preview-pill.active{background:var(--text);color:var(--main-background);border-color:var(--text);box-shadow:0 2px 8px #00000040}.preview-pill.active:before{color:var(--main-background)}.preview-pill:hover:not(.active){background:var(--gray1)}.preview-stage{position:relative;width:100%;height:180px;background:var(--gray1);border-radius:12px;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.preview-stage:has(.scheduling-mini-preview){overflow:hidden;z-index:10}.mini-map-root,.mini-room-root{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.mini-map-canvas{flex:1;width:100%;height:100%}.mini-map-summary{position:absolute;bottom:6px;left:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;backdrop-filter:blur(4px);max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.mini-map-meta{position:absolute;top:6px;right:6px;display:flex;gap:6px;z-index:6}.mini-map-meta-badge{display:none}.mini-room-root.mini-room-3d-only{background:linear-gradient(135deg,#eef2f7,#d9e3ec);border-radius:12px;padding:0;overflow:hidden}.mini-room-3d-wrapper{position:relative;width:100%;height:100%;min-height:180px;display:flex;align-items:stretch;justify-content:stretch;background:linear-gradient(135deg,#edf2f6,#dbe5ee)}.mini-room-3d-canvas{width:100%;height:100%}.mini-room-3d-loading,.mini-room-3d-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--sub-text);background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.3));backdrop-filter:blur(4px);letter-spacing:.05em}.status-badge{transition:all .3s ease}.work-order-preview.updating .status-badge{transform:scale(1.05)}.wo-header-root{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:17px;background:var(--main-background);border:1px solid var(--gray2);margin-bottom:14px;gap:16px;box-shadow:0 3px 33px var(--shadow);font-family:var(--font-arial-rounded-mt),"ARLRDBD",sans-serif;min-height:68px}.wo-header-left{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.wo-header-image{width:109px;height:68px;border-radius:14px;object-fit:cover;background:var(--gray3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text);text-align:center}.wo-header-image.placeholder{font-size:18px}.wo-header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.wo-header-title{font-size:18px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.01em}.wo-header-sub{font-size:10px;font-weight:600;color:var(--sub-text);opacity:.9;letter-spacing:.3px}.wo-header-status{display:flex;align-items:center;justify-content:flex-end}.wo-header-status-pill{font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;border:2px solid #D6A74A;background:#F3E3C0;color:#b06a12;letter-spacing:.4px;white-space:nowrap;line-height:1}.wo-header-status-pill.status-draft{background:var(--gray1);border-color:var(--gray2);color:var(--sub-text)}.wo-header-status-pill.status-in-progress{background:#FFF5E6;border-color:#f59e0b;color:#b45309}.wo-header-status-pill.status-almost-complete{background:#E0F2FE;border-color:#3b82f6;color:#1d4ed8}.wo-header-status-pill.status-ready{background:#ECFDF5;border-color:#10b981;color:#047857}@media (max-width: 900px){.wo-header-root{flex-direction:column;align-items:flex-start;gap:12px}.wo-header-status{align-self:flex-end}.wo-header-image{width:100%;height:150px;border-radius:16px}.wo-header-title{font-size:20px}.wo-header-status-pill{font-size:12px;padding:6px 14px}}.work-order-preview--small{background:var(--main-background);border:1px solid var(--gray2);border-radius:25px;padding:8px;box-shadow:0 2px 22px var(--shadow);max-width:100%;position:static;margin:0;overflow:visible;max-height:none}.work-order-preview--small-container{display:flex;flex-direction:column;gap:8px}.work-order-preview--small-header-row{display:flex;align-items:flex-start;gap:10px}.work-order-preview--small-map-compact{width:100px;height:100px;border-radius:20px;background:var(--gray1);overflow:hidden;flex-shrink:0;position:relative}.work-order-preview--small-map-compact .scheduling-mini-preview{min-height:100%;height:100%;padding:6px;gap:4px;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center}.work-order-preview--small-map-compact .scheduling-mini-calendar{transform:none;padding:0;margin:0;background:transparent;box-shadow:none;width:100%}.work-order-preview--small-map-compact .scheduling-mini-date-header,.work-order-preview--small-map-compact .scheduling-mini-days-header{display:none}.work-order-preview--small-map-compact .scheduling-mini-grid{grid-template-columns:repeat(7,1fr);gap:1px}.work-order-preview--small-map-compact .scheduling-mini-day{width:11px;height:11px;font-size:6px;border-radius:50%}.work-order-preview--small-map-compact .scheduling-mini-day.selected{background:var(--text, #222);color:var(--main-background, #fff)}.work-order-preview--small-map-compact .scheduling-mini-time-section{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-top:2px}.work-order-preview--small-map-compact .scheduling-mini-time-slots{gap:0;padding:0}.work-order-preview--small-map-compact .scheduling-mini-time-slot{display:none}.work-order-preview--small-map-compact .scheduling-mini-time-slot.selected{display:flex;padding:6px 10px;font-size:11px;min-width:auto;border-radius:14px!important;height:auto;width:auto;background:var(--text, #222);color:var(--main-background, #fff)}.work-order-preview--small-map-icon{display:none}.work-order-preview--small-map-icon-overlay{position:absolute;top:6px;left:6px;width:36px;height:24px;background-size:cover;background-position:center;border-radius:8px;z-index:5;box-shadow:0 2px 6px #00000040;outline:2px solid white}.work-order-preview--small-header-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.work-order-preview--small-title-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.work-order-preview--small-title-id-section{display:flex;flex-direction:column;gap:3px;min-width:0}.work-order-preview--small-title{font-size:16px;font-weight:700;color:var(--text);line-height:1.2;word-break:break-word}.work-order-preview--small-id{display:none}.work-order-preview--small-status-badge{font-size:11px;font-weight:600;padding:6px 12px;border-radius:14px;white-space:nowrap;line-height:1;text-align:center;letter-spacing:.3px;text-transform:uppercase;align-self:flex-start}.work-order-preview--small-presenters{display:flex;flex-direction:column;gap:4px}.work-order-preview--small-presenter-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.work-order-preview--small-presenter-label{font-size:11px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.3px}.work-order-preview--small-presenter-value{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;text-align:right}.work-order-preview--small-map-pills{display:none}.work-order-preview--small-map-pill{background:var(--best-gray);border:1px solid var(--best-gray);border-radius:10px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--sub-text);transition:all .18s ease}.work-order-preview--small-map-pill.active{background:var(--text);color:var(--main-background);border-color:var(--text);box-shadow:0 2px 8px #00000040}.work-order-preview--small-map-pill:hover:not(.active){background:var(--gray1)}.work-order-preview--small-fields{display:flex;flex-direction:column;gap:6px;padding:0 10px}.work-order-preview--small-field{display:flex;flex-direction:column;gap:2px}.work-order-preview--small-field-label{font-size:11px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.3px;opacity:.85}.work-order-preview--small-field-value{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;word-break:break-word}.work-order-preview--small-more{font-size:11px;color:var(--sub-text);font-weight:600;padding-top:4px;text-align:center;opacity:.75}.work-order-preview--medium{background:var(--main-background);border:1px solid var(--gray2);border-radius:25px;padding:5px;box-shadow:0 2px 33px var(--shadow);max-width:100%;position:static;margin:0;overflow:visible;max-height:none}.work-order-preview--medium-container{display:flex;flex-direction:column;gap:8px}.work-order-preview--medium .tier-selected-card{border-radius:15px;padding:8px;margin:0 5px 4px;box-shadow:0 2px 8px #00000014}.work-order-preview--medium-map-section{position:relative;width:100%;border-radius:20px;overflow:hidden}.work-order-preview--medium-map{width:100%;height:120px;border-radius:20px;overflow:hidden;background:var(--gray1)}.work-order-preview--medium-map .scheduling-mini-preview{min-height:100%;height:100%;padding:10px 12px;gap:12px;border-radius:20px}.work-order-preview--medium-map .scheduling-mini-calendar{transform:scale(.7);transform-origin:center center;padding:8px}.work-order-preview--medium-map .scheduling-mini-date-header{display:none}.work-order-preview--medium-map .scheduling-mini-time-section{flex:0 0 auto}.work-order-preview--medium-map .scheduling-mini-time-slots{gap:3px;padding:0}.work-order-preview--medium-map .scheduling-mini-time-slot:not(.selected),.work-order-preview--medium-map .scheduling-mini-time-slot.empty-slot{width:80px;height:24px;border-radius:14px;background:var(--gray4, #d0d0d0)}.work-order-preview--medium-map .scheduling-mini-time-slot.selected{padding:6px 12px;font-size:12px;min-width:80px;border-radius:14px!important;background:var(--text, #222);color:var(--main-background, #fff)}.work-order-preview--medium-map-icon{position:absolute;top:10px;left:10px;width:50px;height:32px;background-size:cover;background-position:center;border-radius:12px;z-index:5;cursor:pointer;box-shadow:0 2px 8px #0003;outline:2px solid white}.work-order-preview--medium-info-section{display:flex;align-items:flex-start;justify-content:space-between;padding:5px 10px 0;gap:10px}.work-order-preview--medium-title-id{display:flex;flex-direction:column;gap:3px;flex:1}.work-order-preview--medium-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.2;word-break:break-word}.work-order-preview--medium-id{font-size:10px;font-weight:600;color:var(--sub-text);letter-spacing:.3px;opacity:.8}.work-order-preview--medium-status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;color:#fff;white-space:nowrap;line-height:1.2;text-align:center;flex-shrink:0;letter-spacing:.3px;text-transform:uppercase}.work-order-preview--medium-fields{display:flex;flex-direction:column;gap:6px;padding:0 10px}.work-order-preview--medium-field-item{display:flex;flex-direction:column;gap:2px}.work-order-preview--medium-field-label{font-size:10px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.3px;opacity:.8}.work-order-preview--medium-field-value{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;word-break:break-word}.work-order-preview--medium-more{font-size:11px;color:var(--sub-text);font-weight:600;padding-top:4px;text-align:center;opacity:.8}.work-order-preview--medium-footer{display:flex;justify-content:flex-end;padding:10px;color:var(--text);font-size:14px;font-weight:600}.work-order-preview--large{border-radius:16px;padding:15px;height:fit-content;position:sticky;top:20px;max-width:400px;margin-left:auto;overflow-y:auto;max-height:calc(100vh - 40px);background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}@media (min-width: 900px){.work-order-preview--large{position:static;top:auto;max-width:none;margin-left:0;overflow-y:visible;max-height:none}}@media (max-width: 768px){.work-order-preview--large{position:static;margin:20px 0;max-width:none;max-height:none}}@media (max-width: 480px){.work-order-preview--small-header{flex-direction:column;gap:8px}.work-order-preview--small-image{width:100%;height:120px}.work-order-preview--small-status-badge{align-self:flex-start}}@media (max-width: 600px){.work-order-preview--medium-header{flex-direction:column;gap:8px}.work-order-preview--medium-image{width:100%;height:120px}.work-order-preview--medium-status-badge{align-self:flex-start}.work-order-preview--medium-fields{max-height:none}}.work-order-preview--medium-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:5px;color:var(--subText, #6B7280);font-size:13px;font-weight:500}.work-order-preview--medium-footer svg{font-size:12px;opacity:.6}.work-order-preview--small-icon{display:block!important;width:50px!important;height:30px!important;border-radius:10px!important;flex-shrink:0!important;flex:0 0 auto!important;overflow:hidden!important}.work-order-preview--small-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important;display:block!important}.work-order-preview--medium-icon{display:block!important;width:50px!important;height:30px!important;border-radius:10px!important;flex-shrink:0!important;margin-right:8px!important;overflow:hidden!important}.work-order-preview--medium-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important;display:block!important}.work-order-preview--medium-icon-large{display:block!important;width:100px!important;height:100px!important;border-radius:8px!important;overflow:hidden!important}.work-order-preview--medium-icon-large img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important;display:block!important}.scheduling-mini-preview{display:flex;width:100%;height:100%;min-height:200px;background:var(--best-gray, #f5f5f5);border-radius:12px;overflow:visible;box-sizing:border-box;gap:24px;align-items:center;justify-content:center;padding:20px 20px 20px 60px;position:relative;z-index:1}.scheduling-mini-calendar{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;background:var(--main-background, #fff);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;transform:scale(1.2);transform-origin:center center}.scheduling-mini-date-header{text-align:center;padding-bottom:8px;border-bottom:1px solid var(--gray2, #eee);margin-bottom:4px}.scheduling-mini-date-text{font-size:13px;font-weight:600;color:var(--text, #222)}.scheduling-mini-days-header{display:grid;grid-template-columns:repeat(7,32px);gap:4px}.scheduling-mini-day-label{text-align:center;font-size:10px;font-weight:600;color:var(--sub-text, #999);padding:4px 0}.scheduling-mini-grid{display:grid;grid-template-columns:repeat(7,32px);gap:4px}.scheduling-mini-day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text, #333);border-radius:50%;cursor:default;transition:all .15s ease}.scheduling-mini-day.other-month{color:var(--sub-text, #bbb)}.scheduling-mini-day.today{background:var(--gray2, #eee);font-weight:600}.scheduling-mini-day.selected{background:var(--text, #222);color:var(--main-background, #fff);font-weight:600}.scheduling-mini-time-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;max-height:100%;position:relative;z-index:10}.scheduling-mini-time-slots{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 0}.scheduling-mini-time-slot:not(.selected),.scheduling-mini-time-slot.empty-slot{background:var(--gray4, #d0d0d0);color:transparent;padding:0;border-radius:14px;font-size:0;white-space:nowrap;transition:all .2s ease;width:180px;height:48px;position:relative;z-index:1}.scheduling-mini-time-slot.selected{background:var(--text, #222);color:var(--main-background, #fff);padding:18px 40px;font-size:20px;font-weight:600;font-family:ARLRDBD,sans-serif;box-shadow:none;width:auto;min-width:180px;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:20;border-radius:14px!important}@media (max-width: 600px){.scheduling-mini-preview{flex-direction:column;padding:16px;min-height:auto;gap:16px;justify-content:flex-start}.scheduling-mini-calendar{width:100%}.scheduling-mini-days-header,.scheduling-mini-grid{grid-template-columns:repeat(7,1fr)}.scheduling-mini-day{width:auto;height:auto;aspect-ratio:1}.scheduling-mini-time-section{padding:8px 0}.scheduling-mini-time-slot:not(.selected),.scheduling-mini-time-slot.empty-slot{width:140px;height:40px;border-radius:14px;background:var(--gray4, #d0d0d0)}.scheduling-mini-time-slot.selected{padding:14px 28px;font-size:18px;min-width:140px;border-radius:14px!important;background:var(--text, #222);color:var(--main-background, #fff)}.scheduling-mini-calendar{transform:scale(1)}}.layouts-preview-layout-polygon{fill:var(--gray2);stroke:var(--gray3);stroke-width:2;opacity:.7}.layouts-preview-table-surface-round,.layouts-preview-table-surface-rect{fill:#0f83e9;stroke:var(--text);stroke-width:2}.layouts-preview-table-label{fill:#fff;font-size:24px;font-weight:700;pointer-events:none;font-family:ARLRDBD,sans-serif}.layouts-preview-chair-available{fill:var(--gray2);stroke:var(--gray3)}.layouts-preview-chair-booked{fill:#ff3b30;stroke:#c42d25}.layouts-preview-chair-reserved{fill:#ff9500;stroke:#c77400}.layouts-preview-chair-selected{fill:var(--text);stroke:var(--text)}.layouts-preview-chair-overlay{fill:#fff;opacity:.3}.mini-preview-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--sub-text);font-size:13px;font-weight:600;background:var(--gray1)}.canvas-transition-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10050}.canvas-transition-modal{width:440px;max-width:calc(100% - 32px);background:var(--main-background, #ffffff);border:1px solid var(--gray2, #e3e3e3);border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;animation:canvas-transition-modal-in .18s ease-out}@keyframes canvas-transition-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.canvas-transition-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.canvas-transition-modal-header h3{margin:0;font-size:16px;color:var(--text, #1d1d1f)}.canvas-transition-modal-header button{border:none;background:transparent;color:var(--sub-text, #6b6b6b);cursor:pointer;font-size:14px}.canvas-transition-modal-body{padding:8px 18px 16px;display:flex;flex-direction:column;gap:16px}.canvas-transition-section{display:flex;flex-direction:column;gap:6px}.canvas-transition-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--sub-text, #6b6b6b);margin-bottom:8px;font-weight:600}.canvas-transition-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.canvas-transition-option{padding:8px 10px;border-radius:8px;border:1px solid var(--gray2, #e3e3e3);background:var(--main-background, #ffffff);color:var(--text, #1d1d1f);cursor:pointer;font-size:12px;transition:all .15s ease}.canvas-transition-option:hover:not(:disabled){border-color:var(--blue-blue, #0f83e9)}.canvas-transition-option.active{border-color:var(--blue-blue, #0f83e9);background:var(--blue-light);color:var(--blue-blue, #0f83e9);font-weight:600}.canvas-transition-option:disabled{opacity:.4;cursor:not-allowed}.canvas-transition-direction-hint{font-size:11px;color:var(--sub-text, #6b6b6b);margin-top:6px}.canvas-transition-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.canvas-transition-cancel-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--gray2, #e3e3e3);background:transparent;color:var(--text, #1d1d1f);cursor:pointer;font-size:13px}.canvas-transition-apply-btn{padding:8px 14px;border-radius:8px;border:none;background:var(--blue-blue, #0f83e9);color:#fff;cursor:pointer;font-size:13px;font-weight:600}.canvas-icon-search-panel{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:300px;height:min(600px,80vh);background:var(--main-background)!important;border:1px solid var(--gray2);border-radius:16px;box-shadow:0 8px 32px var(--shadow);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.canvas-icon-search-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--gray2)}.canvas-icon-search-header h3{margin:0;font-size:16px;font-family:ARLRDBD,sans-serif;color:var(--text)}.canvas-icon-search-close{background:transparent;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6}.canvas-icon-search-close:hover{opacity:1}.canvas-icon-search-input-wrapper{padding:12px;position:relative;display:flex;align-items:center}.canvas-icon-search-icon{position:absolute;left:20px;color:var(--text);opacity:.4;pointer-events:none}.canvas-icon-search-input-wrapper input{width:100%;padding:8px 12px 8px 32px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.canvas-icon-search-input-wrapper input:focus{border-color:var(--blue-blue)}.canvas-icon-search-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}.canvas-icon-search-item{aspect-ratio:1;background:var(--gray1);border:1px solid var(--gray2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text);padding:8px}.canvas-icon-search-item:hover{background:var(--gray2);border-color:var(--blue-blue);transform:scale(1.05)}.canvas-icon-search-loading,.canvas-icon-search-no-results{grid-column:1 / -1;padding:32px;text-align:center;color:var(--text);opacity:.6;font-size:14px}.canvas-icon-search-grid::-webkit-scrollbar{width:6px}.canvas-icon-search-grid::-webkit-scrollbar-track{background:transparent}.canvas-icon-search-grid::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:3px}.canvas-page-inpaint-prompt-ai-icon{width:20px;height:20px;flex-shrink:0;background-color:var(--blue-blue);mask-image:url(/images/ai.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/images/ai.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.asset-selector-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.asset-selector-container.mobile{background:var(--main-background);border-radius:30px;width:100%;max-width:1500px;max-height:800px;height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:5px}.asset-selector-container.desktop{background:var(--main-background);border-radius:30px;border:2px solid var(--best-gray);width:100%;max-width:1500px;max-height:800px;height:90vh;display:flex;flex-direction:column;overflow:hidden;padding-top:10px;padding-left:10px;padding-right:10px}.asset-selector-header{padding:5px}.header-content{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.header-text h2{margin:0;font-size:18px;font-weight:500;color:var(--text)}.header-text p{margin:4px 0 0;font-size:12px;color:var(--sub-text)}.asset-selector-container.desktop .header-text h2{font-size:20px}.asset-selector-container.desktop .header-text p{font-size:14px}.asset-selector-close-btn{display:flex;align-items:center;gap:10px;background:var(--best-gray);color:var(--text);border:2px solid var(--gray2);border-radius:25px;padding:12px 20px;cursor:pointer;font-family:ARLRDBD,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #0f83e94d;letter-spacing:.5px;flex-direction:row-reverse}.asset-selector-close-btn:hover{background:var(--gray1);transform:translateY(-2px);color:var(--text);box-shadow:0 8px 25px var(--shadow);border-color:#0000001a}.asset-selector-close-btn:active{transform:translateY(0);box-shadow:0 2px 10px var(--shadow)}.asset-selector-complete-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue-blue);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:12px 24px;cursor:pointer;font-family:ARLRDBD,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #0f83e966;letter-spacing:.5px;position:relative;overflow:hidden;flex-direction:row-reverse}.asset-selector-complete-btn i,.asset-selector-complete-btn .complete-icon{font-size:20px;transition:transform .3s ease}.asset-selector-complete-btn:hover:not(:disabled){background:var(--blue-blue);transform:translateY(-2px);box-shadow:0 8px 25px #0f83e999;border-color:#ffffff80}.asset-selector-complete-btn:hover:not(:disabled) i{transform:translate(4px)}.asset-selector-complete-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0f83e966}.asset-selector-complete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.close-icon{width:22px;height:22px;min-width:22px;border-radius:999px;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;box-sizing:border-box}.close-icon-glyph{position:relative;font-size:0}.close-icon-glyph:before,.close-icon-glyph:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:1.5px;background:currentColor;border-radius:999px;transform-origin:center}.close-icon-glyph:before{transform:translate(-50%,-50%) rotate(45deg)}.close-icon-glyph:after{transform:translate(-50%,-50%) rotate(-45deg)}.cache-icon,.delete-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;color:currentColor}.cache-info .cache-icon{width:16px;height:16px;margin-right:6px}.cache-clear-btn .delete-icon{width:18px;height:18px}.delete-btn .delete-icon{width:18px;height:18px;margin-right:6px}.upload-icon.mobile svg,.upload-icon.desktop svg{width:100%;height:100%;color:currentColor}.asset-selector-content.mobile{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.asset-selector-mobile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-selector-mobile-action-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 12px;border:2px solid var(--gray2);border-radius:16px;background:var(--best-gray);color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;appearance:none}.asset-selector-mobile-action-card:hover{border-color:#0000001a;background:var(--gray1);transform:translateY(-2px);box-shadow:0 8px 38px var(--shadow)}.asset-selector-mobile-action-card.active{border-color:var(--blue-blue);background:var(--gray1);box-shadow:0 0 0 3px #0f83e924}.asset-selector-mobile-action-card.asset-selector-mobile-action-card-ai{background:var(--best-gray);border-color:var(--gray2)}.asset-selector-mobile-action-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--gray1);color:var(--text);flex-shrink:0;border:2px solid var(--gray2)}.asset-selector-mobile-action-card-ai .asset-selector-mobile-action-icon{background:var(--blue-blue);border-color:transparent}.asset-selector-mobile-action-icon svg,.asset-selector-mobile-action-icon img{width:22px;height:22px}.asset-selector-mobile-action-title{font-size:12px;font-weight:700;line-height:1.2;color:var(--text);display:block}.asset-selector-mobile-action-subtitle{font-size:11px;line-height:1.2;color:var(--sub-text);display:block}.asset-selector-mobile-action-card .asset-selector-mobile-action-title,.asset-selector-mobile-action-card .asset-selector-mobile-action-subtitle{text-align:left}.asset-selector-mobile-action-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;flex:1}.asset-selector-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:2px solid var(--gray2);border-radius:16px;background:var(--gray1);color:var(--text);cursor:pointer;font-size:14px;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}.asset-selector-section-toggle:hover{background:var(--best-gray);border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 38px var(--shadow)}.asset-selector-public-section.desktop{margin-top:22px}.asset-selector-public-section.desktop .public-images-container{margin-top:12px}.asset-selector-content.desktop{flex:1;padding:5px;overflow-y:auto}.desktop-layout{display:flex;height:100%;gap:20px;position:relative}.upload-section{display:flex;flex-direction:column;gap:10px}.upload-area.mobile{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background:rgba(15,131,233,.17);border:2px solid #0f83e9;border-radius:20px;cursor:pointer;transition:all .2s}.upload-area.desktop{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(15,131,233,.17);border:2px solid #0f83e9;border-radius:20px;cursor:pointer;transition:all .2s}.upload-area:hover,.upload-area.drag-over{background:rgba(15,131,233,.5);border-color:#0a6bb8}.upload-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:#0f83e9}.upload-icon.mobile{display:flex;align-items:center;justify-content:center;width:50px;height:50px;opacity:.5;color:#fff}.upload-icon.desktop{display:flex;align-items:center;justify-content:center;width:100px;height:100px;opacity:.5;color:#fff}.upload-content p{margin:0;font-weight:500;text-align:center}.upload-status{text-align:center;color:#0f83e9;font-weight:500}.ai-generate-button{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ADED 0%,#0081CC 50%,#80DFFF 100%);border:none;border-radius:20px;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .3s cubic-bezier(.25,.46,.45,.94),filter .3s ease-out;position:relative;overflow:hidden;font-family:ARLRDBD,sans-serif;box-shadow:0 4px 15px #0f83e94d;will-change:transform,box-shadow,background,filter}.ai-generate-button.mobile{height:60px;margin-top:10px}.ai-generate-button.desktop{height:80px}.ai-generate-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0f83e980,0 0 30px #fff3,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#1AB5FF 0%,#0091DD 50%,#0066AA 100%);filter:brightness(1.1) saturate(1.2)}.ai-generate-button:active{transform:translateY(0);box-shadow:0 2px 10px #0f83e94d}.ai-button-content{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;z-index:2;position:relative}.ai-icon-container{position:relative;display:flex;align-items:center;justify-content:center;color:var(--blue-blue)!important}.ai-icon{width:24px;height:24px;filter:brightness(0) invert(1);z-index:3;position:relative}.ai-generate-button.desktop .ai-icon{width:28px;height:28px}.ai-button-content span{font-size:14px;letter-spacing:.5px}.ai-generate-button.desktop .ai-button-content span{font-size:16px}.pixie-dust{position:absolute;inset:0;pointer-events:none;overflow:visible}.pixie-dust:before,.pixie-dust:after{content:"";position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 6px #fffc}.pixie-dust:before{top:80%;left:15%;animation:magicalFloat1 3s infinite ease-in-out;animation-delay:0s}.pixie-dust:after{top:75%;right:20%;animation:magicalFloat2 2.5s infinite ease-in-out;animation-delay:1s}.ai-generate-button:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 25% 70%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 75% 60%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 45% 80%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 65% 75%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 85% 65%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 35% 55%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(3px 3px at 55% 85%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 15% 60%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(3px 3px at 90% 50%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 70% 40%,rgba(255,255,255,.4) 0%,transparent 50%);animation:sparkleField 4s infinite ease-in-out;z-index:1}.ai-generate-button:hover .ai-button-content:before,.ai-generate-button:hover .ai-button-content:after{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.6) 60%,transparent 100%);border-radius:50%;box-shadow:0 0 4px #fff9;pointer-events:none}.ai-generate-button:hover .ai-button-content:before{top:-10px;left:-30px;animation:floatAcross1 2.5s infinite ease-in-out}.ai-generate-button:hover .ai-button-content:after{bottom:-10px;right:-30px;animation:floatAcross2 2.8s infinite ease-in-out;animation-delay:.5s}@keyframes magicalFloat1{0%{opacity:0;transform:translateY(0) translate(0) scale(0) rotate(0)}20%{opacity:1;transform:translateY(-10px) translate(5px) scale(1) rotate(90deg)}50%{opacity:.8;transform:translateY(-25px) translate(-3px) scale(1.2) rotate(180deg)}80%{opacity:.4;transform:translateY(-35px) translate(8px) scale(.8) rotate(270deg)}to{opacity:0;transform:translateY(-45px) translate(-5px) scale(0) rotate(360deg)}}@keyframes magicalFloat2{0%{opacity:0;transform:translateY(0) translate(0) scale(0) rotate(0)}15%{opacity:.9;transform:translateY(-8px) translate(-4px) scale(1) rotate(-60deg)}40%{opacity:1;transform:translateY(-20px) translate(6px) scale(1.1) rotate(-120deg)}70%{opacity:.6;transform:translateY(-32px) translate(-2px) scale(.9) rotate(-240deg)}to{opacity:0;transform:translateY(-50px) translate(4px) scale(0) rotate(-360deg)}}@keyframes sparkleOrbit1{0%{transform:rotate(0) translate(20px) rotate(0) scale(.8);opacity:.6}50%{transform:rotate(180deg) translate(20px) rotate(-180deg) scale(1.2);opacity:1}to{transform:rotate(360deg) translate(20px) rotate(-360deg) scale(.8);opacity:.6}}@keyframes sparkleOrbit2{0%{transform:rotate(0) translate(15px) rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) translate(15px) rotate(-180deg) scale(.6);opacity:.4}to{transform:rotate(360deg) translate(15px) rotate(-360deg) scale(1);opacity:.8}}.ai-generate-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(15,131,233,.2) 25%,rgba(255,255,255,.1) 50%,rgba(15,131,233,.2) 75%,rgba(255,255,255,.1) 100%);border-radius:22px;opacity:0;animation:magicalGlow 4s infinite ease-in-out;pointer-events:none;z-index:1}@keyframes magicalGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}@keyframes sparkleField{0%,to{opacity:.3;transform:scale(1)}25%{opacity:.6;transform:scale(1.1)}50%{opacity:.8;transform:scale(.9)}75%{opacity:.4;transform:scale(1.05)}}@keyframes floatAcross1{0%{opacity:0;transform:translate(0) translateY(0) scale(0) rotate(0)}20%{opacity:1;transform:translate(15px) translateY(-5px) scale(1) rotate(120deg)}50%{opacity:.8;transform:translate(35px) translateY(-12px) scale(1.2) rotate(240deg)}80%{opacity:.4;transform:translate(50px) translateY(-8px) scale(.8) rotate(300deg)}to{opacity:0;transform:translate(70px) translateY(-15px) scale(0) rotate(360deg)}}@keyframes floatAcross2{0%{opacity:0;transform:translate(0) translateY(0) scale(0) rotate(0)}15%{opacity:.9;transform:translate(-12px) translateY(8px) scale(1) rotate(-90deg)}40%{opacity:1;transform:translate(-28px) translateY(15px) scale(1.1) rotate(-180deg)}70%{opacity:.6;transform:translate(-45px) translateY(10px) scale(.9) rotate(-270deg)}to{opacity:0;transform:translate(-65px) translateY(18px) scale(0) rotate(-360deg)}}.ai-generate-button:hover:before{animation-duration:2s}.ai-generate-button:hover .pixie-dust:before{animation-duration:2s}.ai-generate-button:hover .pixie-dust:after{animation-duration:1.8s}.ai-generate-button:hover:after{animation-duration:2.5s}.generated-image-item.preview-mode{position:relative;opacity:.85;filter:brightness(.95) saturate(.9);transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:scale(.98)}.generated-image-item.final-mode{opacity:1;filter:brightness(1) saturate(1);transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:scale(1)}.preview-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,252,255,.95) 50%,rgba(240,248,255,.92) 100%);color:#0081cc;padding:12px 18px;border-radius:25px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;backdrop-filter:blur(15px);border:2px solid rgba(0,129,204,.2);box-shadow:0 8px 25px #0081cc26,0 4px 12px #ffffff4d,inset 0 1px #fffc;z-index:10;animation:previewFloat 3s ease-in-out infinite;letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.preview-spinner{width:16px;height:16px;border:2.5px solid rgba(0,129,204,.2);border-top:2.5px solid #0081CC;border-right:2.5px solid rgba(0,129,204,.6);border-radius:50%;animation:advancedSpin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.preview-spinner:before{content:"";position:absolute;inset:-3px;border:1px solid rgba(0,129,204,.1);border-radius:50%;animation:outerGlow 2s ease-in-out infinite}@keyframes previewFloat{0%,to{transform:translateY(0) scale(1);opacity:.95;box-shadow:0 8px 25px #0081cc26,0 4px 12px #ffffff4d,inset 0 1px #fffc}50%{transform:translateY(-3px) scale(1.02);opacity:1;box-shadow:0 12px 35px #0081cc40,0 6px 18px #fff6,inset 0 1px #ffffffe6}}@keyframes advancedSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}@keyframes outerGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.generated-image-item.preview-mode:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,129,204,.08) 0%,rgba(255,255,255,.05) 25%,transparent 50%,rgba(0,129,204,.05) 75%,rgba(0,129,204,.12) 100%);animation:enhancedShimmer 2.5s ease-in-out infinite;pointer-events:none;z-index:5;border-radius:20px}.generated-image-item.preview-mode:after{content:"";position:absolute;inset:5px;border:2px solid rgba(0,129,204,.3);border-radius:15px;animation:borderPulse 2s ease-in-out infinite;pointer-events:none;z-index:6}@keyframes enhancedShimmer{0%{transform:translate(-100%) rotate(-5deg);opacity:0}50%{opacity:1}to{transform:translate(100%) rotate(5deg);opacity:0}}@keyframes borderPulse{0%,to{border-color:#0081cc33;transform:scale(1)}50%{border-color:#0081cc80;transform:scale(1.01)}}.generated-image-item.preview-mode .preview-badge:after{content:"";position:absolute;top:-10px;right:-10px;width:6px;height:6px;background:radial-gradient(circle,rgba(0,129,204,.8) 0%,transparent 70%);border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}.saving-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.75) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;font-weight:600;font-size:14px;border-radius:20px;backdrop-filter:blur(10px);z-index:20;animation:saveOverlayFadeIn .3s ease-out}.saving-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-right:3px solid rgba(255,255,255,.6);border-radius:50%;animation:savingSpin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.saving-spinner:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:savingGlow 1.5s ease-in-out infinite}@keyframes saveOverlayFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes savingSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}@keyframes savingGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.generated-image-item:has(.saving-overlay){pointer-events:none}.generated-image-item.generating{pointer-events:none;cursor:not-allowed;opacity:.7}.generated-image-item.generating .generated-image-overlay{background:rgba(0,0,0,.6)}.generated-image-item.generating .generated-image-overlay span{color:#ffffffb3}.asset-selector-theme-toolbar{display:flex;flex-direction:column;gap:12px}.asset-selector-theme-pills{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.asset-selector-theme-pill{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:25px;padding:8px 20px;color:#ffffffe6;font-size:14px;font-weight:600;font-family:ARLRDBD,Arial,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:visible;letter-spacing:.5px}.asset-selector-theme-image{width:56px;height:56px;border-radius:18px;object-fit:contain;flex-shrink:0;background:white;padding:6px;box-sizing:border-box;position:absolute;left:-20px;transform:rotate(-15deg);box-shadow:0 8px 24px #0003}.asset-selector-theme-name{margin-left:20px}.asset-selector-theme-pill.selected{background:white;border-color:#fffc;color:#0081cc;transform:scale(1.05);box-shadow:0 8px 25px #ffffff4d,0 4px 12px #0081cc1a,inset 0 1px #ffffff80}.asset-selector-theme-pill:disabled{opacity:.5;cursor:not-allowed;transform:none}.asset-selector-theme-name{font-weight:700;letter-spacing:.3px}.asset-selector-theme-checkmark{width:20px;height:20px;flex-shrink:0;color:var(--text);animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}.selected-theme-info{text-align:center;padding:8px 16px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border-radius:15px;border:1px solid rgba(255,255,255,.2)}.theme-info-text{color:#ffffffe6;font-size:13px;font-weight:500;letter-spacing:.3px}@keyframes selectedShimmer{0%{left:-100%}to{left:100%}}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.asset-selector-theme-pill.missing-data{background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.3);opacity:.7;position:relative}.asset-selector-theme-pill.missing-data:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:#ffffff80;opacity:1}.asset-selector-upload-indicator{font-size:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.asset-selector-you-mode-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.asset-selector-you-mode-modal{background:var(--main-background);border-radius:20px;border:2px solid var(--best-gray);width:100%;max-width:500px;padding:30px;box-shadow:0 10px 40px #0000004d}.asset-selector-you-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.asset-selector-you-mode-header h3{margin:0;font-size:24px;font-weight:600;color:var(--text);font-family:ARLRDBD,Arial,sans-serif}.asset-selector-you-mode-close{background:none;border:none;font-size:32px;color:var(--sub-text);cursor:pointer;padding:0;line-height:1;transition:color .2s}.asset-selector-you-mode-close:hover{color:var(--text)}.asset-selector-you-mode-content{display:flex;flex-direction:column;gap:20px}.asset-selector-you-mode-description{color:var(--sub-text);font-size:14px;line-height:1.6;margin:0}.asset-selector-you-mode-upload-options{display:flex;flex-direction:column;gap:15px}.asset-selector-you-mode-upload-btn{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease}.asset-selector-you-mode-upload-btn:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:translateY(-2px)}.asset-selector-you-mode-upload-btn.camera{background:rgba(0,129,204,.1);border-color:#0081cc4d}.asset-selector-you-mode-upload-btn.camera:hover{background:rgba(0,129,204,.2);border-color:#0081cc80}.asset-selector-you-mode-btn-content{display:flex;align-items:center;gap:10px;color:var(--text);font-size:16px;font-weight:600;font-family:ARLRDBD,Arial,sans-serif}.asset-selector-you-mode-icon{font-size:24px}.asset-selector-you-mode-uploading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:rgba(0,129,204,.1);border-radius:10px;color:var(--text)}.asset-selector-you-mode-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}.asset-selector-you-mode-preview{display:flex;flex-direction:column;gap:10px;align-items:center}.asset-selector-you-mode-preview-label{color:var(--sub-text);font-size:14px;margin:0}.asset-selector-you-mode-preview-img{width:150px;height:150px;object-fit:cover;border-radius:10px;border:2px solid var(--best-gray)}.asset-selector-you-mode-use-btn{background:linear-gradient(135deg,#0081CC 0%,#0066A3 100%);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:600;font-family:ARLRDBD,Arial,sans-serif;cursor:pointer;transition:all .3s ease}.asset-selector-you-mode-use-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0081cc66}.asset-selector-camera-preview-container{width:100%;margin:20px 0}.asset-selector-camera-frame{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000080}.asset-selector-camera-video{width:100%;height:100%;object-fit:cover}.asset-selector-camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.asset-selector-face-guide{position:relative;width:280px;height:320px;border:3px solid rgba(255,255,255,.5);border-radius:20px;background:rgba(0,129,204,.1);backdrop-filter:blur(2px)}.asset-selector-corner{position:absolute;width:30px;height:30px;border:4px solid #0081CC}.asset-selector-corner.asset-selector-top-left{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:20px 0 0}.asset-selector-corner.asset-selector-top-right{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 20px 0 0}.asset-selector-corner.asset-selector-bottom-left{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 20px}.asset-selector-corner.asset-selector-bottom-right{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 20px}.asset-selector-camera-instruction{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8);background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:10px 20px;border-radius:20px;white-space:nowrap}.asset-selector-camera-controls{display:flex;gap:15px;margin-top:20px;justify-content:center}.asset-selector-camera-cancel-btn,.asset-selector-camera-capture-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:ARLRDBD,Arial,sans-serif;cursor:pointer;transition:all .3s ease}.asset-selector-camera-cancel-btn{background:rgba(255,255,255,.1);color:var(--text);border:2px solid rgba(255,255,255,.2)}.asset-selector-camera-cancel-btn:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#fff6}.asset-selector-camera-capture-btn{background:linear-gradient(135deg,#0081CC 0%,#0066A3 100%);color:#fff;flex:1;max-width:250px}.asset-selector-camera-capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0081cc80}.asset-selector-camera-capture-btn:disabled,.asset-selector-camera-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.asset-selector-camera-icon{font-size:20px}@media (max-width: 767px){.asset-selector-face-guide{width:220px;height:260px}.asset-selector-corner{width:25px;height:25px}.asset-selector-camera-instruction{font-size:12px;padding:8px 16px}.asset-selector-camera-controls{flex-direction:column}.asset-selector-camera-capture-btn{max-width:100%}.asset-selector-you-mode-modal{max-width:95%}}@media (max-width: 767px){.asset-selector-theme-pills{gap:8px}.asset-selector-theme-pill{padding:8px 14px;font-size:13px}.asset-selector-theme-checkmark{font-size:14px}.asset-selector-you-mode-modal{max-width:90%;padding:20px}.asset-selector-you-mode-header h3{font-size:20px}.prompt-input-row{display:flex;flex-direction:column}.provider-dropdown-left{width:100%;justify-content:flex-start}.prompt-textarea-with-button .generate-button.inline{position:absolute;left:12px;right:12px;bottom:12px;width:auto;height:52px;border-radius:14px;padding:12px 18px}.provider-inside-wrapper{position:absolute;left:12px;right:12px;bottom:88px;width:auto;padding:0;display:grid;grid-template-columns:minmax(0,118px) minmax(0,1fr);gap:8px;align-items:center;margin-bottom:0}.provider-select.inside{width:100%;min-width:0;flex:initial;padding:8px 28px 8px 10px;font-size:13px}.asset-selector-transparent-toggle-switch{width:100%;min-width:0;justify-content:flex-end;gap:6px}.asset-selector-transparent-toggle-switch .asset-selector-toggle-slider{width:38px;height:22px}.asset-selector-transparent-toggle-switch .asset-selector-toggle-slider:after{width:18px;height:18px}.asset-selector-transparent-toggle-switch.active .asset-selector-toggle-slider:after{left:18px}.asset-selector-transparent-toggle-switch .toggle-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-inside-wrapper .emulator-ui-link.compact.inside{display:none}.prompt-textarea-with-button .ai-prompt-input{padding-left:16px;padding-right:16px;padding-bottom:130px;min-height:196px}}.images-section h3{margin:0 0 15px;font-size:18px;font-weight:500;color:var(--sub-text)}.images-section.desktop{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blue-light) rgba(255,255,255,.05)}.images-section.desktop::-webkit-scrollbar{width:12px;background:transparent}.images-section.desktop::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.05) 100%);border-radius:8px;margin:4px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000001a}.images-section.desktop::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f83e9 0%,#0a6bb8 50%,#085a9e 100%);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0f83e94d,inset 0 1px #fff3,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.images-section.desktop::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cef 0%,#0f7bc7 50%,#0a6bb8 100%);border-color:#fff3;box-shadow:0 4px 12px #0f83e980,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100px;color:#161818}.loading-spinner:before{content:"";width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #161818;border-radius:50%;animation:spin 1s linear infinite}.images-grid.mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.images-grid.desktop{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.image-item{position:relative;aspect-ratio:1;border:2px solid var(--gray1);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .2s;background:var(--best-gray)}.image-item.selected{border:3px solid var(--blue-blue);box-shadow:0 0 0 3px #0f83e933,inset 0 0 10px #0f83e91a;transform:scale(.98)}.image-item:hover{border-color:#0f83e9;transform:scale(1.02)}.image-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.asset-thumbnail-video{background:#000}.video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:12px;padding:12px;z-index:2}.video-icon .play-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:8px;opacity:0;transition:opacity .2s}.image-item:hover .image-overlay{opacity:1}.image-name{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-badge{font-size:10px;background:#28a745;color:#fff;padding:2px 6px;border-radius:10px;margin-top:4px;display:inline-block}.no-images{text-align:center;color:#666;font-style:italic;grid-column:1 / -1;padding:40px}@media (max-width: 767px){.asset-selector-theme-image{width:40px;height:40px;left:-10px!important}.asset-selector-overlay{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.asset-selector-container.mobile{border-radius:20px;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)}.asset-selector-content.mobile{padding:12px 12px calc(12px + env(safe-area-inset-bottom)) 12px;gap:16px}.asset-selector-mobile-actions-grid{gap:8px}.asset-selector-mobile-action-card{padding:12px 10px;border-radius:16px;gap:10px}.asset-selector-mobile-action-icon{width:38px;height:38px;border-radius:12px}.asset-selector-mobile-action-icon svg,.asset-selector-mobile-action-icon img{width:20px;height:20px}.asset-selector-mobile-action-title{font-size:11px}.asset-selector-mobile-action-subtitle{font-size:10px}.asset-selector-section-toggle{padding:13px 14px;border-radius:14px;font-size:13px}.images-grid.mobile{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.header-text h2{font-size:16px}.header-text p{font-size:11px}}.preview-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.preview-modal{background:var(--main-background);border-radius:20px;max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0000004d}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--best-gray)}.preview-header h3{margin:0 15px 0 0;font-size:18px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preview-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--sub-text);padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s}.preview-close:hover{background:var(--best-gray);color:var(--text)}.preview-image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:300px;overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 4px 12px #0000001a}.preview-video{background:#000}.preview-actions{display:flex;gap:12px;padding:20px;border-top:1px solid var(--best-gray);justify-content:center;flex-wrap:wrap}.preview-actions button{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.toggle-public-btn.public{background:#218838;color:#fff}.toggle-public-btn.public:hover{background:#218838}.toggle-public-btn.private{background:var(--gray3);color:#fff}.toggle-public-btn.private:hover{background:#5a6268}.select-btn{background:var(--blue-blue);color:#fff}.select-btn:hover{background:var(--blue-blue)}.delete-btn{background:var(--red-red);color:#fff}.delete-btn:hover{background:var(--red-red)}@media (max-width: 767px){.preview-modal{width:95vw;max-height:85vh}.preview-header{padding:15px}.preview-header h3{font-size:16px}.preview-image-container{padding:15px;min-height:200px;max-height:400px}.preview-actions{padding:15px;gap:8px}.preview-actions button{padding:8px 12px;font-size:13px;flex:1;min-width:0}}.preview-icon{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10;backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.2)}.preview-icon:hover{background:rgba(0,0,0,.9);transform:scale(1.1);border-color:#fff6}.image-item:hover .preview-icon{opacity:1}@media (max-width: 767px){.preview-icon{width:28px;height:28px;font-size:14px;top:6px;right:6px}}.public-images-container{border:1px solid var(--best-gray);border-radius:15px;padding:10px;background:var(--main-background);margin-top:12px}.user-uploads-container{border:1px solid var(--best-gray);border-radius:15px;padding:10px;background:var(--main-background)}.user-uploads-container::-webkit-scrollbar{width:12px;background:transparent}.user-uploads-container::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.05) 100%);border-radius:8px;margin:4px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000001a}.user-uploads-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f83e9 0%,#0a6bb8 50%,#085a9e 100%);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0f83e94d,inset 0 1px #fff3,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.user-uploads-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cef 0%,#0f7bc7 50%,#0a6bb8 100%);border-color:#fff3;box-shadow:0 4px 12px #0f83e980,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.user-uploads-container{scrollbar-width:thin;scrollbar-color:#0f83e9 rgba(255,255,255,.05)}@media (max-width: 767px){.user-uploads-container::-webkit-scrollbar{width:10px}.user-uploads-container::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid rgba(255,255,255,.1)}}.public-images-container::-webkit-scrollbar{width:12px;background:transparent}.public-images-container::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.05) 100%);border-radius:8px;margin:4px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000001a}.public-images-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f83e9 0%,#0a6bb8 50%,#085a9e 100%);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0f83e94d,inset 0 1px #fff3,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.public-images-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cef 0%,#0f7bc7 50%,#0a6bb8 100%);border-color:#fff3;box-shadow:0 4px 12px #0f83e980,inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 0 20px #0f83e933;transform:scaleY(1.05)}.public-images-container::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#0a6bb8 0%,#085a9e 50%,#064d87 100%);box-shadow:0 1px 4px #0f83e966,inset 0 1px #ffffff1a,inset 0 -1px #0003;transform:scaleY(.95)}.public-images-container::-webkit-scrollbar-corner{background:transparent}.public-images-container:hover::-webkit-scrollbar-thumb{box-shadow:0 3px 10px #0f83e966,inset 0 1px #ffffff40,inset 0 -1px #0000001a,0 0 15px #0f83e926}.public-images-container{scrollbar-width:thin;scrollbar-color:#0f83e9 rgba(255,255,255,.05)}@media (max-width: 767px){.public-images-container::-webkit-scrollbar{width:10px}.public-images-container::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid rgba(255,255,255,.1)}}.public-images-container .loading-spinner{margin:20px 0;text-align:center;color:var(--sub-text);font-size:14px}.image-item.long-pressing{transform:scale(.95);opacity:.8}.image-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.ai-generator-container{background:linear-gradient(135deg,#00ADED 0%,#0081CC 50%,#80DFFF 100%);border-radius:30px;width:100%;max-width:1500px;max-height:800px;height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 40px #00aded4d}.ai-generator-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.back-button{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:50px;padding:12px 20px;cursor:pointer;font-family:ARLRDBD,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.back-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.back-icon{font-size:18px;font-weight:700}.ai-generator-title h2{color:#fff;margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);font-family:ARLRDBD,Arial,sans-serif}.ai-generator-content{flex:1;display:flex;flex-direction:column;padding:40px;gap:10px;overflow:hidden}.ai-prompt-section{display:flex;justify-content:center}.prompt-container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:8px;margin:0 auto}.prompt-input-wrapper{position:relative;width:100%}.prompt-input-row{display:flex;align-items:stretch}.provider-dropdown-left{display:flex;flex-direction:column;width:140px;flex-shrink:0;justify-content:flex-end}.provider-select.compact{padding:8px 10px;font-size:13px;border-radius:10px;width:100%;background-image:none}.emulator-ui-link.compact{margin-top:6px;text-align:left}.prompt-textarea-with-button{position:relative;flex:1 1 auto}.provider-inside-wrapper{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;z-index:25;align-items:center;background:transparent;backdrop-filter:none;padding:0;margin-bottom:0}.provider-select.inside{padding:8px 35px 8px 12px;border-radius:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.asset-selector-transparent-toggle-switch{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;flex-shrink:0}.asset-selector-transparent-toggle-switch .asset-selector-toggle-slider{width:44px;height:24px;background:rgba(255,255,255,.3);border-radius:12px;position:relative;transition:background .2s ease;flex-shrink:0}.asset-selector-transparent-toggle-switch .asset-selector-toggle-slider:before{display:none!important;content:none!important}.asset-selector-transparent-toggle-switch .asset-selector-toggle-slider:after{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:10px;top:2px;left:2px;transition:left .2s ease;box-shadow:0 1px 3px #0003}.asset-selector-transparent-toggle-switch.active .asset-selector-toggle-slider{background:#0f83e9}.asset-selector-transparent-toggle-switch.active .asset-selector-toggle-slider:after{left:22px}.asset-selector-transparent-toggle-switch .toggle-label{font-size:13px;font-weight:500;color:var(--text)!important;white-space:nowrap}.prompt-textarea-with-button .ai-prompt-input{padding:20px 20px 72px}.generate-button.inline{position:absolute;right:12px;bottom:12px;padding:8px 12px;height:38px;min-width:auto;border-radius:12px;background:linear-gradient(135deg,#ffffff23 0%,#f8fcff43 50%,#f0f8ff21 100%);color:#0081cc;box-shadow:0 6px 18px #ffffff26;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:12px;white-space:nowrap;z-index:20}.generate-button.inline.loading{pointer-events:none;opacity:.85}.generate-content.small{display:flex;align-items:center;justify-content:center}.ai-icon.small{width:22px;height:22px;filter:brightness(0) invert(1)}.generating-content.small .spinner.small{width:18px;height:18px;border-width:2px}.ai-prompt-input{width:100%;padding:20px;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:var(--blue-light);color:#fff;font-size:16px;font-family:ARLRDBD,Arial,sans-serif;resize:vertical;min-height:170px;transition:all .3s ease;box-sizing:border-box}.provider-dropdown{position:absolute;bottom:10px;right:15px;z-index:10}@media (max-width: 767px){.prompt-textarea-with-button .generate-button.inline{position:absolute;left:12px;right:12px;bottom:12px!important;width:auto;height:52px;border-radius:14px;padding:12px 18px}.prompt-textarea-with-button .provider-inside-wrapper{position:absolute;left:12px;right:12px;bottom:88px!important;width:auto;padding:0;display:grid;grid-template-columns:minmax(0,118px) minmax(0,1fr);gap:8px;align-items:center;margin-bottom:0;background:transparent;backdrop-filter:none;z-index:25}}.provider-select{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 35px 8px 12px;color:#fff;font-size:13px;font-family:ARLRDBD,Arial,sans-serif;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.provider-select:hover:not(:disabled){background:rgba(255,255,255,.25);border-color:#ffffff80}.provider-select:focus{outline:none;border-color:#fff9;box-shadow:0 0 10px #fff3}.provider-select:disabled{opacity:.5;cursor:not-allowed}.provider-select option{background:var(--best-gray);color:var(--text);padding:10px}.emulator-ui-link{margin-top:8px;text-align:right}.emulator-ui-link a{color:#9fe3ff;font-size:12px;text-decoration:none;background:rgba(255,255,255,.04);padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.emulator-ui-link a:hover{text-decoration:underline;background:rgba(255,255,255,.06)}.ai-prompt-input:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.15);box-shadow:0 0 20px #fff3}.ai-prompt-input::placeholder{color:#ffffffb3}.ai-prompt-input:disabled{opacity:.6;cursor:not-allowed}.generate-button{align-self:center;background:linear-gradient(135deg,#ffffff23 0%,#f8fcff43 50%,#f0f8ff21 100%);color:#0081cc;border:none;border-radius:25px;padding:18px 40px;font-size:18px;font-weight:700;font-family:ARLRDBD,Arial,sans-serif;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #ffffff4d;position:relative;overflow:hidden;min-width:200px}.generate-button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #fff6;outline:white;border:2px solid rgba(255,255,255,.254)!important}.generate-button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generating-content,.generate-content{display:flex;align-items:center;gap:12px;color:#fff;justify-content:center}.spinner{width:20px;height:20px;border:2px solid rgba(0,129,204,.3);border-top:2px solid #0081CC;border-radius:50%;animation:spin 1s linear infinite}.ai-results-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.generated-images-grid{display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px}.generated-image-item{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.2);width:400px;height:400px;max-width:80vw;max-height:60vh}.generated-image-item:before{content:"";position:absolute;inset:-30px;background-image:radial-gradient(3px 3px at 20% 20%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 80% 25%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(4px 4px at 15% 75%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 85% 80%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 50% 10%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 10% 50%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(4px 4px at 90% 50%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 50% 90%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 30% 15%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(3px 3px at 70% 20%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 25% 85%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(4px 4px at 75% 85%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 5% 30%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 95% 35%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 5% 70%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(4px 4px at 95% 65%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(1px 1px at 35% 5%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 65% 8%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 32% 95%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 68% 92%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 2% 40%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(1px 1px at 98% 45%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(3px 3px at 3% 60%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 97% 55%,rgba(255,255,255,.8) 0%,transparent 50%);animation:imageSparkles1 3s ease-in-out infinite;pointer-events:none;z-index:1}.generated-image-item:after{content:"";position:absolute;inset:-30px;background-image:radial-gradient(2px 2px at 40% 30%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 60% 35%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(4px 4px at 65% 65%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 20% 45%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 80% 55%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(1px 1px at 45% 25%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 55% 75%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(3px 3px at 25% 60%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(4px 4px at 75% 40%,rgba(255,255,255,.7) 0%,transparent 50%);animation:imageSparkles2 4s ease-in-out infinite reverse;pointer-events:none;z-index:1}.generated-image-item:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff4d;border-color:#ffffff80}.generated-image{width:100%;height:100%;object-fit:contain;display:block}.generated-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:15px;opacity:.6;transition:opacity .3s ease;text-align:center;font-weight:600;font-family:ARLRDBD,Arial,sans-serif}.generated-image-item:hover .generated-image-overlay{opacity:1}.ai-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.ai-placeholder-content{text-align:center;color:#fff;max-width:500px}.ai-placeholder-icon{font-size:80px;margin-bottom:20px;opacity:.8}.ai-placeholder-content h3{font-size:32px;font-weight:700;margin:0 0 15px;font-family:ARLRDBD,Arial,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.3)}.ai-placeholder-content p{font-size:18px;margin:0;opacity:.9;line-height:1.6;font-family:ARLRDBD,Arial,sans-serif}@media (max-width: 767px){.ai-generator-container{border-radius:20px;height:95vh}.ai-generator-header{padding:15px 20px}.ai-generator-title h2{font-size:18px}.back-button{padding:10px 16px;font-size:14px}.ai-generator-content{padding:20px;gap:20px}.ai-prompt-input{padding:15px;font-size:14px;min-height:100px}.generate-button{padding:15px 30px;font-size:16px;min-width:180px}.ai-placeholder-icon{font-size:60px}.ai-placeholder-content h3{font-size:24px}.ai-placeholder-content p{font-size:16px}}@keyframes aiGlow{0%,to{box-shadow:0 0 20px #fff3}50%{box-shadow:0 0 30px #fff6}}.ai-generator-container{animation:aiGlow 3s ease-in-out infinite}.ai-generator-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 15% 25%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 85% 15%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 35% 65%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(3px 3px at 95% 75%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 5% 85%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 75% 5%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 25% 45%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(3px 3px at 65% 35%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 45% 85%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(3px 3px at 55% 25%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 85% 55%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(3px 3px at 15% 75%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(2px 2px at 30% 15%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(3px 3px at 70% 85%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 90% 35%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(3px 3px at 10% 55%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(2px 2px at 50% 5%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 40% 95%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(1px 1px at 60% 40%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(1px 1px at 20% 60%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(1px 1px at 35% 30%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(1px 1px at 75% 20%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(1px 1px at 25% 80%,rgba(255,255,255,.4) 0%,transparent 50%);animation:floatingParticles 15s linear infinite;pointer-events:none;z-index:1}.ai-generator-container:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 45% 20%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(3px 3px at 55% 80%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(2px 2px at 25% 50%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 75% 40%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 65% 10%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 15% 90%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(1px 1px at 85% 30%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 95% 60%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(3px 3px at 5% 40%,rgba(255,255,255,.7) 0%,transparent 50%);animation:floatingParticles2 18s linear infinite reverse;pointer-events:none;z-index:1}@keyframes floatingParticles{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}to{transform:translateY(0) rotate(360deg);opacity:1}}@keyframes floatingParticles2{0%{transform:translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-10px) rotate(90deg) scale(1.1);opacity:1}50%{transform:translateY(-15px) rotate(180deg) scale(.9);opacity:.6}75%{transform:translateY(-5px) rotate(270deg) scale(1.2);opacity:.9}to{transform:translateY(0) rotate(360deg) scale(1);opacity:.8}}@keyframes imageSparkles1{0%{opacity:.8;transform:rotate(0) scale(1)}25%{opacity:1;transform:rotate(90deg) scale(1.1)}50%{opacity:.6;transform:rotate(180deg) scale(.9)}75%{opacity:.9;transform:rotate(270deg) scale(1.2)}to{opacity:.8;transform:rotate(360deg) scale(1)}}@keyframes imageSparkles2{0%{opacity:.6;transform:rotate(0) scale(1) translate(0) translateY(0)}20%{opacity:.9;transform:rotate(72deg) scale(1.1) translate(2px) translateY(-2px)}40%{opacity:1;transform:rotate(144deg) scale(.8) translate(-1px) translateY(3px)}60%{opacity:.7;transform:rotate(216deg) scale(1.3) translate(3px) translateY(-1px)}80%{opacity:.8;transform:rotate(288deg) scale(.9) translate(-2px) translateY(2px)}to{opacity:.6;transform:rotate(360deg) scale(1) translate(0) translateY(0)}}.ai-generator-header,.ai-generator-content{position:relative;z-index:2}.blank-image-spot{display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px;position:relative}.blank-image-placeholder{width:300px;height:300px;max-width:80vw;max-height:60vh;border:2px solid var(--blue-light);border-radius:20px;background:var(--blue-light);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:16px;font-weight:500;font-family:ARLRDBD,Arial,sans-serif;border-style:dashed;position:relative;z-index:2;margin-bottom:50px}.blank-image-spot:before{content:"";position:absolute;inset:-30px;background-image:radial-gradient(3px 3px at 20% 20%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 80% 25%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(4px 4px at 15% 75%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 85% 80%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 50% 10%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 10% 50%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(4px 4px at 90% 50%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 50% 90%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 30% 15%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(3px 3px at 70% 20%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 25% 85%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(4px 4px at 75% 85%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 5% 30%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 95% 35%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 5% 70%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(4px 4px at 95% 65%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(1px 1px at 35% 5%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(2px 2px at 65% 8%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 32% 95%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 68% 92%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(2px 2px at 2% 40%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(1px 1px at 98% 45%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(3px 3px at 3% 60%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 97% 55%,rgba(255,255,255,.8) 0%,transparent 50%);animation:imageSparkles1 3s ease-in-out infinite;pointer-events:none;z-index:1}.blank-image-spot:after{content:"";position:absolute;inset:-30px;background-image:radial-gradient(2px 2px at 40% 30%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(3px 3px at 60% 35%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(4px 4px at 65% 65%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(2px 2px at 20% 45%,rgba(255,255,255,.7) 0%,transparent 50%),radial-gradient(3px 3px at 80% 55%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(1px 1px at 45% 25%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(2px 2px at 55% 75%,rgba(255,255,255,.9) 0%,transparent 50%),radial-gradient(3px 3px at 25% 60%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(4px 4px at 75% 40%,rgba(255,255,255,.7) 0%,transparent 50%);animation:imageSparkles2 4s ease-in-out infinite reverse;pointer-events:none;z-index:1}@media (max-width: 767px){.blank-image-placeholder{width:300px;height:300px;font-size:14px}}.cache-status{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--text-secondary, #666)}.cache-info{background:var(--background-secondary, #f5f5f5);padding:2px 8px;border-radius:12px;font-family:monospace}.cache-clear-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:12px;opacity:.7;transition:opacity .2s ease}.cache-clear-btn:hover{opacity:1;background:var(--background-secondary, #f5f5f5)}.image-item.loading{opacity:.7}.image-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.asset-selector-skeleton-grid{display:grid;gap:10px;padding:10px 0}.asset-selector-skeleton-grid.mobile{grid-template-columns:repeat(3,1fr);gap:10px}.asset-selector-skeleton-grid.desktop{grid-template-columns:repeat(6,1fr);gap:10px}.asset-selector-skeleton-item{display:flex;flex-direction:column;gap:8px;animation:asset-selector-fadeIn .3s ease-in}.asset-selector-skeleton-image{width:100%;padding-bottom:100%;background:linear-gradient(90deg,var(--best-gray, #f0f0f0) 0%,var(--gray2, #e0e0e0) 50%,var(--best-gray, #f0f0f0) 100%);background-size:200% 100%;border-radius:20px;animation:asset-selector-shimmer 1.5s ease-in-out infinite;position:relative;overflow:hidden}.asset-selector-skeleton-image:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgba(15,131,233,.1);animation:asset-selector-pulse 2s ease-in-out infinite}.asset-selector-skeleton-text{height:16px;width:70%;background:linear-gradient(90deg,var(--best-gray, #f0f0f0) 0%,var(--gray2, #e0e0e0) 50%,var(--best-gray, #f0f0f0) 100%);background-size:200% 100%;border-radius:8px;animation:asset-selector-shimmer 1.5s ease-in-out infinite;animation-delay:.1s}@keyframes asset-selector-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes asset-selector-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}@keyframes asset-selector-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.asset-selector-skeleton-item:nth-child(1){animation-delay:0s}.asset-selector-skeleton-item:nth-child(2){animation-delay:.05s}.asset-selector-skeleton-item:nth-child(3){animation-delay:.1s}.asset-selector-skeleton-item:nth-child(4){animation-delay:.15s}.asset-selector-skeleton-item:nth-child(5){animation-delay:.2s}.asset-selector-skeleton-item:nth-child(6){animation-delay:.25s}@media (max-width: 768px){.asset-selector-skeleton-grid.mobile{grid-template-columns:repeat(3,1fr)}.asset-selector-skeleton-image{border-radius:15px}.asset-selector-skeleton-image:after{width:30px;height:30px}}.assetselector-upload-pills-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px 15px;background:rgba(15,131,233,.05);border-radius:12px;margin-bottom:15px;border:1px solid rgba(15,131,233,.2)}.assetselector-upload-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--best-gray);border-radius:20px;border:2px solid var(--gray1);transition:all .3s ease;animation:assetselector-pillSlideIn .3s cubic-bezier(.25,.46,.45,.94);max-width:200px}.assetselector-upload-pill.completed{border-color:var(--green-green, #28a745);background:rgba(40,167,69,.1)}.assetselector-upload-pill.error{border-color:var(--red-red, #dc3545);background:rgba(220,53,69,.1)}.assetselector-pill-preview{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--main-background);border:1px solid var(--gray1)}.assetselector-pill-preview img{width:100%;height:100%;object-fit:cover;display:block}.assetselector-pill-overlay{position:absolute;inset:0;pointer-events:none}.assetselector-pill-dissolve{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(15,131,233,.2) 40%,rgba(15,131,233,.4) 100%);animation:assetselector-pillDissolve 2s ease-in-out infinite}.assetselector-pill-dissolve:before,.assetselector-pill-dissolve:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(15,131,233,.7) .5px,transparent .5px),radial-gradient(circle,rgba(255,255,255,.8) .8px,transparent .8px);background-size:12px 12px,16px 16px,10px 10px;background-position:5px 5px,10px 8px,8px 12px;opacity:0}.assetselector-pill-dissolve:before{animation:assetselector-pillParticles1 2.5s ease-out infinite}.assetselector-pill-dissolve:after{animation:assetselector-pillParticles2 3s ease-out infinite;animation-delay:.4s}@keyframes assetselector-pillDissolve{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes assetselector-pillParticles1{0%{opacity:0;transform:translateY(0) scale(1)}30%{opacity:1}to{opacity:0;transform:translateY(-20px) scale(.3)}}@keyframes assetselector-pillParticles2{0%{opacity:0;transform:translateY(0) scale(1) rotate(0)}30%{opacity:.8}to{opacity:0;transform:translateY(-25px) scale(.2) rotate(180deg)}}@keyframes assetselector-pillSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.assetselector-pill-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.assetselector-pill-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.assetselector-pill-progress{width:100%;height:3px;background:var(--gray1);border-radius:3px;overflow:hidden}.assetselector-pill-bar{height:100%;background:linear-gradient(90deg,#0f83e9 0%,#1a8cef 50%,#0f83e9 100%);background-size:200% 100%;border-radius:3px;transition:width .2s ease;animation:assetselector-pillBarShine 1.5s ease-in-out infinite}@keyframes assetselector-pillBarShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.assetselector-pill-status{font-size:14px;font-weight:700;line-height:1}.assetselector-pill-status.success{color:var(--green-green, #28a745);animation:assetselector-pillSuccess .4s cubic-bezier(.68,-.55,.265,1.55)}.assetselector-pill-status.error{color:var(--red-red, #dc3545)}@keyframes assetselector-pillSuccess{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@media (max-width: 767px){.assetselector-upload-pills-container{padding:8px 10px;gap:6px}.assetselector-upload-pill{padding:5px 10px 5px 5px;gap:6px;max-width:160px}.assetselector-pill-preview{width:28px;height:28px}.assetselector-pill-name{font-size:11px}.assetselector-pill-progress{height:2px}}.assetselector-upload-manager{display:flex;flex-direction:column;gap:15px;padding:15px;background:var(--main-background);border-radius:15px;border:2px solid var(--best-gray);margin-top:15px;max-height:400px;overflow-y:auto}.assetselector-upload-item{display:flex;gap:12px;padding:12px;background:var(--best-gray);border-radius:12px;border:2px solid var(--gray1);transition:all .3s ease;animation:assetselector-slideIn .4s cubic-bezier(.25,.46,.45,.94)}.assetselector-upload-item.completed{border-color:var(--green-green, #28a745);background:rgba(40,167,69,.1)}.assetselector-upload-item.error{border-color:var(--red-red, #dc3545);background:rgba(220,53,69,.1)}.assetselector-upload-preview{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--main-background);border:2px solid var(--gray1)}.assetselector-preview-image{width:100%;height:100%;object-fit:cover;display:block}.assetselector-upload-overlay{position:absolute;inset:0;pointer-events:none}.assetselector-dissolve-animation{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(15,131,233,.1) 30%,rgba(15,131,233,.3) 60%,rgba(15,131,233,.5) 100%);animation:assetselector-dissolve 2s ease-in-out infinite;overflow:hidden}.assetselector-dissolve-animation:before,.assetselector-dissolve-animation:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 2px),radial-gradient(circle,rgba(15,131,233,.6) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle,rgba(15,131,233,.5) 2.5px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.6) 1.5px,transparent 1.5px);background-size:20px 20px,30px 30px,25px 25px,35px 35px,15px 15px;background-position:10px 10px,25px 20px,15px 30px,5px 15px,20px 5px;opacity:0}.assetselector-dissolve-animation:before{animation:assetselector-particlesFloat1 3s ease-out infinite}.assetselector-dissolve-animation:after{animation:assetselector-particlesFloat2 3.5s ease-out infinite;animation-delay:.5s}.assetselector-dissolve-animation:after{content:"☁️";font-size:24px;display:flex;align-items:center;justify-content:center;background:none;animation:assetselector-cloudFloat 2s ease-in-out infinite;opacity:0}@keyframes assetselector-dissolve{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes assetselector-particlesFloat1{0%{opacity:0;transform:translateY(0) scale(1)}30%{opacity:.8}to{opacity:0;transform:translateY(-80px) scale(.3)}}@keyframes assetselector-particlesFloat2{0%{opacity:0;transform:translateY(0) scale(1) rotate(0)}30%{opacity:.6}to{opacity:0;transform:translateY(-100px) scale(.2) rotate(180deg)}}@keyframes assetselector-cloudFloat{0%{opacity:0;transform:translateY(20px) scale(.5)}50%{opacity:.9;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}@keyframes assetselector-slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.assetselector-upload-info{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}.assetselector-file-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ARLRDBD,Arial,sans-serif}.assetselector-progress-container{width:100%;height:8px;background:var(--gray1);border-radius:10px;overflow:hidden;position:relative}.assetselector-progress-bar{height:100%;background:linear-gradient(90deg,#0f83e9 0%,#1a8cef 50%,#0f83e9 100%);background-size:200% 100%;border-radius:10px;transition:width .3s ease;animation:assetselector-progressShine 2s ease-in-out infinite;box-shadow:0 0 10px #0f83e980}@keyframes assetselector-progressShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.assetselector-upload-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub-text)}.assetselector-bytes{font-weight:500;color:var(--text);font-family:Courier New,monospace}.assetselector-status-success{color:var(--green-green, #28a745);font-weight:600;display:flex;align-items:center;gap:4px;animation:assetselector-successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.assetselector-status-error{color:var(--red-red, #dc3545);font-weight:600;display:flex;align-items:center;gap:4px}@keyframes assetselector-successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 767px){.assetselector-upload-manager{padding:10px;gap:10px;max-height:300px}.assetselector-upload-item{padding:10px;gap:10px}.assetselector-upload-preview{width:60px;height:60px}.assetselector-file-name{font-size:12px}.assetselector-upload-stats{font-size:11px}.assetselector-progress-container{height:6px}}.assetselector-upload-manager::-webkit-scrollbar{width:8px}.assetselector-upload-manager::-webkit-scrollbar-track{background:var(--gray1);border-radius:8px}.assetselector-upload-manager::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f83e9 0%,#0a6bb8 100%);border-radius:8px;transition:background .3s ease}.assetselector-upload-manager::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cef 0%,#0f7bc7 100%)}.blank-image-placeholder.generating{flex-direction:column;gap:20px;background:linear-gradient(135deg,rgba(15,131,233,.15) 0%,rgba(10,107,184,.08) 100%);border-color:#0f83e980;border-width:2px;color:var(--text);position:relative;overflow:hidden}.blank-image-placeholder.generating:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(15,131,233,0) 0%,rgba(15,131,233,.1) 25%,rgba(15,131,233,0) 50%,rgba(15,131,233,.1) 75%,rgba(15,131,233,0) 100%);background-size:400% 400%;animation:shimmer 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.generating-spinner{width:60px;height:60px;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.generating-spinner:before{content:"";position:absolute;width:60px;height:60px;border:3px solid transparent;border-top-color:#0f83e9;border-right-color:#0f83e966;border-radius:50%;animation:spin 2s linear infinite;box-shadow:0 0 20px #0f83e94d}.generating-spinner:after{content:"";position:absolute;width:40px;height:40px;border:3px solid transparent;border-bottom-color:#0a6bb8;border-left-color:#0a6bb866;border-radius:50%;animation:spin-reverse 3s linear infinite}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.blank-image-placeholder.generating>span{position:relative;z-index:1;font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.7}}.generating-note{margin:0;font-size:13px;color:#fff;font-weight:400;letter-spacing:.3px;position:relative;z-index:1;animation:slideUp 2.5s ease-in-out infinite}@keyframes slideUp{0%,to{opacity:1}50%{opacity:1}}.unsplash-search-btn{position:relative;width:100%;background:var(--best-gray);border-radius:12px;padding:10px;cursor:pointer;align-items:center!important;justify-content:center;transition:all .3s ease;overflow:hidden;z-index:1}.unsplash-search-btn span{color:var(--blue-blue);transition:color .3s ease}.unsplash-search-btn.active{background:var(--blue-blue);border-color:#ffffff80;box-shadow:0 0 15px #0f83e966}.unsplash-search-btn.active span,.unsplash-search-btn.active .unsplash-icon-btn{color:#fff}.unsplash-search-btn.mobile{margin-top:10px;margin-bottom:5px}.unsplash-search-btn:hover{background:var(--blue-blue);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.unsplash-search-btn:hover span,.unsplash-search-btn:hover .unsplash-icon-btn{color:#fff}.unsplash-icon-btn{font-size:20px;color:var(--blue-blue);transition:all .3s ease}.unsplash-search-container{display:flex;flex-direction:column;height:100%;gap:15px;overflow:hidden}.unsplash-search-header h3{margin:0;white-space:nowrap}.unsplash-search-form{display:flex;gap:10px;background:var(--best-gray);border:none;border-radius:25px;padding:4px 15px;transition:all .3s ease;flex-shrink:0}.unsplash-search-input{flex:1;background:transparent!important;border:none!important;color:var(--text)!important;font-size:14px;padding:8px 0;outline:none}.unsplash-search-submit{background:transparent;border:none;color:var(--sub-text);cursor:pointer;padding:0 5px;transition:color .3s ease}.unsplash-search-submit:hover{color:var(--blue-blue)}.unsplash-results-grid{position:relative;overflow-y:auto;padding-right:5px;flex:1;min-height:0;width:100%}.mobile .unsplash-results-grid{overflow-x:hidden;padding-right:0}.mobile .unsplash-photo-item{width:100%;height:auto}.unsplash-photo-item{position:absolute;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--best-gray);transition:box-shadow .3s ease}.unsplash-photo-item img{width:100%;height:auto;display:block;transition:transform .5s ease}.unsplash-photo-item:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.unsplash-photo-item:hover img{transform:scale(1.1)}.unsplash-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:10px;opacity:0;transition:opacity .3s ease}.unsplash-photo-item:hover .unsplash-photo-overlay{opacity:1}.unsplash-photo-overlay span{color:#fff;font-size:11px;font-weight:500}.unsplash-loading,.unsplash-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;color:var(--sub-text);gap:10px}.spinner{width:30px;height:30px;border:3px solid var(--best-gray);border-top-color:var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite}.public-images-container.desktop,.public-images-container.mobile{flex:1;overflow-y:auto;padding-right:5px}.upload-section.desktop{display:none}.ai-generate-button:hover:after{opacity:1}.asset-selector-category-tabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid rgba(128,128,128,.15);flex-shrink:0}.asset-selector-category-tab{padding:6px 14px;border:none;border-radius:6px 6px 0 0;background:transparent;color:inherit;font-size:13px;cursor:pointer;opacity:.6;transition:opacity .15s ease,background .15s ease;white-space:nowrap}.asset-selector-category-tab:hover{opacity:.9;background:rgba(128,128,128,.1)}.asset-selector-category-tab.active{opacity:1;color:var(--blue-blue);background:var(--blue-light);font-weight:600;border-bottom:2px solid var(--blue-blue)}.asset-selector-fs-browser{display:flex;flex-direction:column;flex:1;overflow:hidden}.asset-selector-fs-breadcrumb{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(128,128,128,.12);flex-shrink:0;flex-wrap:wrap}.asset-selector-fs-crumb{background:none;border:none;color:var(--sub-text);font-size:13px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .12s,color .12s}.asset-selector-fs-crumb:hover{background:rgba(128,128,128,.1);color:var(--main-text)}.asset-selector-fs-crumb-home{color:var(--sub-text);font-size:14px}.asset-selector-fs-crumb-sep{font-size:10px;opacity:.4;flex-shrink:0}.asset-selector-fs-list{flex:1;overflow-y:auto;padding:6px 0}.asset-selector-fs-row{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-radius:8px;margin:1px 6px;transition:background .12s}.asset-selector-fs-row:hover{background:rgba(128,128,128,.08)}.asset-selector-fs-row--folder{color:var(--main-text)}.asset-selector-fs-row--folder:hover{background:rgba(15,131,233,.06)}.asset-selector-fs-row--file.selected{background:rgba(15,131,233,.1);outline:1px solid rgba(15,131,233,.3)}.asset-selector-fs-row-icon{font-size:16px;width:20px;flex-shrink:0;color:var(--sub-text);text-align:center}.asset-selector-fs-row-icon--folder{color:#0f83e9;font-size:18px}.asset-selector-fs-row-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.asset-selector-fs-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.asset-selector-fs-row-name{font-size:13px;font-weight:500;color:var(--main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-selector-fs-row--folder .asset-selector-fs-row-name{font-size:13px}.asset-selector-fs-row-meta{font-size:11px;color:var(--sub-text);opacity:.7}.asset-selector-fs-row-chevron{font-size:10px;color:var(--sub-text);opacity:.4;flex-shrink:0;margin-left:auto}.asset-selector-fs-empty{text-align:center;color:var(--sub-text);font-size:13px;opacity:.6;padding:32px 16px;margin:0}──────────────────────────── */ .asset-selector-thumbnail-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:inherit;z-index:5}.asset-selector-thumbnail-spinner .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.asset-selector-preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:inherit;z-index:5}.asset-selector-preview-spinner .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.asset-tab-toggle{position:relative;display:flex;flex-shrink:1;background:var(--best-gray);border-radius:12px;padding:4px;flex-shrink:0;min-width:0}.asset-tab-toggle .tab-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;color:var(--sub-text);position:relative;z-index:1;padding:8px 4px;white-space:nowrap;overflow:hidden}.asset-tab-toggle .tab-btn.active{color:var(--text)}.asset-tab-toggle .tab-icon{font-size:13px;opacity:.7;transition:opacity .2s ease}.asset-tab-toggle .tab-btn.active .tab-icon{opacity:1}.asset-tab-toggle .tab-icon-ai{width:14px;height:14px;opacity:.7;color:var(--sub-text)!important;transition:opacity .2s ease}.asset-tab-toggle .tab-btn.active .tab-icon-ai{opacity:1;color:var(--text)}.asset-tab-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc(25% - 3px);height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.asset-tab-toggle[data-active=search]:before{transform:translate(100%)}.asset-tab-toggle[data-active=generate]:before{transform:translate(200%)}.asset-tab-toggle[data-active=canvas]:before{transform:translate(300%)}.asset-tab-toggle .tab-icon-svg{width:14px!important;height:14px!important;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.asset-tab-toggle .tab-btn.active .tab-icon-svg{opacity:1}.asset-selector-canvas-tab{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;position:relative}.asset-selector-canvas-tab-header{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:4px 4px 0}.asset-selector-canvas-projects-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gray2);border-radius:12px;padding:10px 14px;background:var(--main-background);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:13px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.asset-selector-canvas-projects-btn:hover{background:var(--best-gray);border-color:var(--gray3)}.asset-selector-canvas-projects-menu{position:absolute;top:52px;left:4px;width:260px;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--gray2);border-radius:16px;background:var(--main-background);box-shadow:0 12px 36px var(--shadow);z-index:20;max-height:340px;overflow-y:auto}.asset-selector-canvas-project-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;border-radius:12px;padding:10px 12px;background:transparent;color:var(--text);cursor:pointer;transition:background .2s ease}.asset-selector-canvas-project-option:hover:not(:disabled){background:var(--best-gray)}.asset-selector-canvas-project-option:disabled{opacity:.7;cursor:wait}.asset-selector-canvas-project-option-main{display:inline-flex;align-items:center;gap:10px;min-width:0;font-size:13px}.asset-selector-canvas-project-option-emoji{font-size:16px}.asset-selector-canvas-project-option-meta,.asset-selector-canvas-projects-empty{font-size:12px;color:var(--sub-text)}.asset-selector-canvas-project-frames{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--gray2);border-radius:18px;background:var(--main-background)}.asset-selector-canvas-project-frames-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.asset-selector-canvas-project-frames-header h3{margin:0;font-size:16px;color:var(--text)}.asset-selector-canvas-project-frames-header p{margin:4px 0 0;font-size:12px;color:var(--sub-text)}.asset-selector-canvas-project-frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.asset-selector-canvas-project-frame-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--gray2);border-radius:16px;padding:10px;background:var(--gray1);color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.asset-selector-canvas-project-frame-card:hover{transform:translateY(-1px);border-color:var(--gray3)}.asset-selector-canvas-project-frame-card.active{border-color:var(--blue-blue);box-shadow:0 0 0 2px #0f83e924}.asset-selector-canvas-project-frame-thumb{aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--best-gray)}.asset-selector-canvas-project-frame-thumb img,.asset-selector-canvas-project-frame-placeholder{width:100%;height:100%}.asset-selector-canvas-project-frame-thumb img{display:block;object-fit:cover}.asset-selector-canvas-project-frame-placeholder{display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:12px}.asset-selector-canvas-project-frame-meta{display:flex;flex-direction:column;gap:3px}.asset-selector-canvas-project-frame-name{font-size:13px;font-family:ARLRDBD,sans-serif}.asset-selector-canvas-project-frame-size,.asset-selector-canvas-project-frame-action{font-size:12px;color:var(--sub-text)}.asset-selector-canvas-use-btn{border:none;border-radius:12px;padding:10px 16px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:13px;cursor:pointer;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.asset-selector-canvas-use-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0f83e947}.asset-selector-canvas-use-btn:disabled{opacity:.7;cursor:wait}.asset-selector-canvas-tab-stage{flex:1;min-height:560px;border:1px solid var(--gray2);border-radius:18px;background:var(--gray1);overflow:hidden}.images-section.desktop .ai-generator-content{display:flex;flex-direction:column;overflow:hidden}.asset-selector-container.desktop{position:relative}.asset-selector-drop-overlay{position:absolute;inset:0;background:rgba(15,131,233,.12);border:2px dashed #0f83e9;border-radius:28px;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.asset-selector-drop-inner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#0f83e9;font-family:ARLRDBD,sans-serif;font-size:18px;font-weight:600}.asset-selector-drop-inner .drop-icon{font-size:40px;opacity:.8}.asset-selector-upload-btn{display:flex;align-items:center;gap:6px;background:var(--best-gray);border:none;border-radius:10px;cursor:pointer;padding:8px 14px;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;color:var(--sub-text);transition:background .2s ease,color .2s ease;flex-shrink:0}.asset-selector-upload-btn:hover{background:var(--secondary-background);color:var(--text)}.assetselector-upload-pills-container.header-pills{padding:6px 15px 4px;border-bottom:1px solid var(--best-gray)}.asset-upload-corner{position:absolute;bottom:0;right:0;width:200px;height:200px;background:radial-gradient(ellipse at 100% 100%,var(--main-background) 28%,transparent 72%);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:22px 18px;cursor:pointer;z-index:10;border-radius:0;text-decoration:none;transition:opacity .2s ease}.asset-upload-corner:hover{opacity:.85}.asset-upload-corner-icon{width:80px;height:40px;background:var(--blue-blue);border-radius:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;margin-bottom:8px;box-shadow:0 4px 12px var(--blue-light);transition:transform .2s ease,box-shadow .2s ease}.asset-upload-corner:hover .asset-upload-corner-icon{transform:translateY(-2px);box-shadow:0 6px 16px var(--blue-light)}.asset-upload-corner-label{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--sub-text);text-align:right;line-height:1.4;max-width:110px}.asset-selector-container.desktop{transition:background-color .4s ease}.asset-selector-container.desktop.generate-mode{background-color:color-mix(in srgb,var(--blue-blue) 12%,var(--main-background))}.generate-mode .asset-selector-header{border-bottom-color:var(--gray2);background:transparent}.generate-mode .asset-upload-corner{display:none}.generate-mode .blank-image-spot:before,.generate-mode .blank-image-spot:after{display:none}.generate-mode .blank-image-placeholder{background:var(--gray1)!important;border:2px solid var(--gray2)!important;backdrop-filter:none!important;box-shadow:none!important}.generate-mode .blank-image-placeholder span{color:var(--sub-text)!important}.generate-mode .blank-image-placeholder.generating{background:var(--gray1)!important;border:2px solid var(--blue-blue)!important}.generate-mode .generated-image-item{border:2px solid var(--gray2);border-radius:16px;overflow:hidden}.generate-mode .ai-prompt-section{padding:12px 20px 16px}.generate-mode .prompt-container{background:var(--main-background);border-radius:24px;overflow:hidden}.generate-mode .asset-selector-theme-toolbar{background:transparent;padding:10px 5px 8px}.generate-mode .asset-selector-theme-pill{background:var(--gray1)!important;border:2px solid var(--gray2)!important;color:var(--text)!important}.generate-mode .asset-selector-theme-pill:hover{background:var(--best-gray)!important;border-color:var(--gray3)!important}.generate-mode .asset-selector-theme-pill.selected{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:#fff!important}.generate-mode .asset-selector-theme-name{color:inherit!important}.generate-mode .provider-inside-wrapper{background:transparent}.generate-mode .provider-select.compact.inside{background:var(--gray1);border:1px solid var(--gray2);color:var(--text);border-radius:8px;padding:4px 8px}.generate-mode .ai-prompt-input{background:transparent!important;color:var(--text)!important}.generate-mode .ai-prompt-input::placeholder{color:var(--sub-text)!important}.generate-mode .generate-button.inline{background:var(--blue-blue)!important;border:2px solid var(--blue-blue)!important;color:#fff!important}.generate-mode .generate-button.inline:hover:not(:disabled){background:var(--blue-light)!important;border-color:var(--blue-blue)!important;box-shadow:0 6px 16px #0f83e973!important}.generate-mode .generate-button.inline.loading{background:var(--gray1)!important;border-color:var(--gray2)!important;color:var(--sub-text)!important;box-shadow:none!important}.generate-mode .generate-content.small,.generate-mode .generating-content.small{color:inherit}.ai-generator-container.generate-mode{background:color-mix(in srgb,var(--blue-blue) 12%,var(--main-background))!important;animation:none!important;box-shadow:none!important}.ai-generator-container.generate-mode:before,.ai-generator-container.generate-mode:after{display:none!important}.ai-generator-container.generate-mode .ai-generator-header{border-bottom:1px solid var(--gray2);background:transparent}.ai-generator-container.generate-mode .ai-generator-header h2{color:var(--text)}.ai-generator-container.generate-mode .asset-selector-close-btn{color:var(--text);background:var(--gray1);border:1px solid var(--gray2)}.generate-mode .asset-selector-transparent-toggle-switch .asset-selector-toggle-slider{background:var(--gray2)!important}.generate-mode .asset-selector-transparent-toggle-switch.active .asset-selector-toggle-slider{background:var(--blue-blue)!important}.generate-mode .provider-select{background:var(--gray1)!important;border:1px solid var(--gray2)!important;color:var(--text)!important;backdrop-filter:none!important}.generate-mode .provider-select:hover:not(:disabled){background:var(--best-gray)!important;border-color:var(--gray3)!important}.generate-mode .provider-select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-blue) 30%,transparent)!important;border-color:var(--blue-blue)!important}.blank-image-placeholder.aspect-selectable{cursor:pointer;transition:aspect-ratio .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:340px;max-height:70vh;min-height:180px}.blank-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:6px}.blank-placeholder-label{font-size:16px;font-weight:600;color:var(--sub-text)}.blank-placeholder-ratio{font-size:12px;font-weight:500;color:var(--sub-text);opacity:.65;letter-spacing:.02em}.aspect-ratio-picker{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px;width:100%}.aspect-ratio-picker-title{font-size:13px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.06em}.aspect-ratio-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.aspect-ratio-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--gray2);background:var(--gray1);color:var(--sub-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.aspect-ratio-btn:hover{border-color:var(--blue-blue);color:var(--text);background:var(--best-gray)}.aspect-ratio-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}@media (max-width: 767px){.ai-generator-container.generate-mode .asset-selector-theme-pills{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px;scrollbar-width:none}.ai-generator-container.generate-mode .asset-selector-theme-pills::-webkit-scrollbar{display:none}.ai-generator-container.generate-mode .prompt-textarea-with-button .provider-inside-wrapper{position:static!important;bottom:auto!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:8px 14px!important;background:transparent!important}.ai-generator-container.generate-mode .provider-select.inside{flex:1!important;width:auto!important;min-width:0!important;font-size:13px!important;padding:6px 28px 6px 10px!important}.ai-generator-container.generate-mode .asset-selector-transparent-toggle-switch{width:auto!important;flex:none!important;justify-content:flex-start!important;gap:6px!important;flex-shrink:0!important}.ai-generator-container.generate-mode .ai-prompt-input{padding-bottom:14px!important;min-height:80px!important}.ai-generator-container.generate-mode .generate-button.inline{margin:8px 14px 12px!important;width:calc(100% - 28px)!important;border-radius:14px!important;padding:14px!important;font-size:15px!important}.ai-generator-container.generate-mode .prompt-container{border-radius:20px;margin:0 12px}.ai-generator-container.generate-mode .ai-results-section{padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ai-generator-container.generate-mode .blank-image-spot{display:flex;align-items:center;justify-content:center}.ai-generator-container.generate-mode .ai-generator-content{flex-direction:column!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .prompt-textarea-with-button .provider-inside-wrapper .provider-select.inside{max-width:110px!important;flex-shrink:0!important;flex:0 0 auto!important}.ai-generator-container.generate-mode .prompt-textarea-with-button .provider-inside-wrapper .asset-selector-transparent-toggle-switch{flex:1!important;justify-content:flex-end!important;min-width:0!important}.ai-generator-container.generate-mode .prompt-textarea-with-button .provider-inside-wrapper .toggle-label{font-size:13px!important;overflow:visible!important;white-space:nowrap!important}}.blank-image-placeholder.aspect-selectable{height:auto!important;max-height:55vh!important}.blank-image-spot{width:100%;display:flex;align-items:center;justify-content:center}.generate-mode .images-section.desktop{display:flex!important;flex-direction:column!important;overflow:hidden!important}.generate-mode .ai-generator-content{flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:12px 16px 0!important;gap:0!important}.generate-mode .ai-results-section{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important}.generate-mode .ai-prompt-section{flex-shrink:0!important;padding:0 0 12px!important}.generate-mode .blank-image-spot{width:100%!important;height:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.generate-mode .blank-image-placeholder.aspect-selectable{max-height:100%!important;max-width:100%!important}.generate-mode .generated-images-grid{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.generate-mode .generated-image-item{max-height:100%;max-width:100%}@media (max-width: 767px){.ai-generator-container.generate-mode{display:flex!important;flex-direction:column!important;height:100%!important;max-height:95vh!important;border-radius:20px!important}.ai-generator-container.generate-mode .ai-generator-header{flex-shrink:0!important}.ai-generator-container.generate-mode .ai-generator-content{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:8px 12px 0!important;gap:0!important}.ai-generator-container.generate-mode .ai-results-section{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important}.ai-generator-container.generate-mode .ai-prompt-section{flex-shrink:0!important;padding:0 0 12px!important}.ai-generator-container.generate-mode .prompt-container{margin:0!important;border-radius:20px!important}.ai-generator-container.generate-mode .blank-image-spot{width:100%!important;height:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.ai-generator-container.generate-mode .blank-image-placeholder.aspect-selectable{max-height:100%!important;max-width:100%!important;width:100%!important}.ai-generator-container.generate-mode .blank-image-placeholder.aspect-selectable[style*=auto]{width:auto!important;max-width:55%!important}}.generate-mode .blank-image-placeholder.aspect-selectable{height:min(100%,380px)!important;width:auto!important;max-width:100%!important;aspect-ratio:1 / 1;margin:0!important}.generate-mode .blank-image-placeholder.aspect-selectable[style*="9 / 16"],.generate-mode .blank-image-placeholder.aspect-selectable[style*="3 / 4"]{max-width:55%!important}.generate-mode .blank-image-spot{flex:1!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important}.generate-mode .blank-image-placeholder.aspect-selectable{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:120px!important;min-height:120px!important;aspect-ratio:1 / 1;margin:0!important}.generate-mode .blank-image-placeholder.aspect-selectable[style*="9 / 16"],.generate-mode .blank-image-placeholder.aspect-selectable[style*="3 / 4"]{max-width:none!important}.generate-mode .ai-results-section{flex-direction:column!important;align-items:stretch!important}.generate-mode .blank-image-spot{flex:1!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.generate-mode .blank-image-placeholder.aspect-selectable{height:100%!important;width:auto!important;max-width:100%!important;aspect-ratio:1 / 1;margin:0!important}@media (max-width: 767px){.ai-generator-container.generate-mode .blank-image-placeholder.aspect-selectable{height:auto!important;width:min(100%,calc(100vh * .55))!important;max-height:100%!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .generate-button.inline{position:static!important;bottom:auto!important;margin:0 14px 12px!important;width:calc(100% - 28px)!important;border-radius:14px!important;padding:14px!important;font-size:15px!important}.ai-generator-container.generate-mode .ai-prompt-input{padding-bottom:10px!important}.ai-generator-container.generate-mode .asset-selector-theme-image{display:none!important}.ai-generator-container.generate-mode .asset-selector-theme-pill{overflow:visible!important;padding:6px 14px!important;gap:4px!important}.ai-generator-container.generate-mode .asset-selector-theme-checkmark{display:inline-block!important;width:14px!important;height:14px!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .asset-selector-theme-image{display:block!important;width:28px!important;height:28px!important;border-radius:10px!important;padding:3px!important;left:-8px!important;top:-6px!important}.ai-generator-container.generate-mode .asset-selector-theme-pill{padding-left:24px!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .asset-selector-theme-image{position:static!important;transform:none!important;width:22px!important;height:22px!important;border-radius:6px!important;padding:0!important;left:auto!important;top:auto!important;flex-shrink:0}.ai-generator-container.generate-mode .asset-selector-theme-pill{padding-left:10px!important;padding-right:12px!important;gap:6px!important;display:flex!important;align-items:center!important;flex-direction:row!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .asset-selector-theme-pill{overflow:hidden!important}.ai-generator-container.generate-mode .asset-selector-theme-pill{min-height:36px!important;align-items:center!important}}@media (max-width: 767px){.ai-generator-container.generate-mode .asset-selector-theme-name{margin-left:0!important}}.generate-output-toggle{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--best-gray) 80%,transparent);border:1px solid color-mix(in srgb,var(--gray2) 75%,transparent);margin:10px auto 14px;align-self:center}.generate-output-toggle-btn{border:none;background:transparent;color:var(--sub-text);font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.generate-output-toggle-btn.active{background:var(--blue-blue);color:#fff;box-shadow:0 12px 24px #0f83e93d}.generate-output-toggle-btn:hover:not(:disabled){transform:translateY(-1px)}.generate-reference-section,.generate-video-settings{background:var(--best-gray);border:1px solid color-mix(in srgb,var(--gray2) 72%,transparent);border-radius:22px;padding:5px;margin:5px}.generate-video-settings--collapsible{padding:8px}.generate-reference-header,.generate-video-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.generate-reference-header h3,.generate-video-settings-header h3{margin:0 0 4px;font-size:15px;color:var(--text)}.generate-reference-header p,.generate-video-settings-header p{margin:0;font-size:12px;color:var(--sub-text)}.generate-reference-actions{display:flex;flex-wrap:wrap;gap:8px}.generate-reference-actions button,.generate-reference-picker-tabs button,.generate-reference-picker-close{border:1px solid color-mix(in srgb,var(--gray2) 78%,transparent);background:color-mix(in srgb,var(--best-gray) 82%,transparent);color:var(--text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.generate-reference-picker-tabs button.active{background:var(--blue-blue);color:#fff;border-color:transparent}.generate-reference-empty,.generate-reference-picker-empty{border:1px dashed color-mix(in srgb,var(--gray2) 70%,transparent);border-radius:16px;padding:16px;font-size:13px;color:var(--sub-text);text-align:center}.generate-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.generate-reference-card{border:1px solid color-mix(in srgb,var(--gray2) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--main-background) 88%,white 12%);padding:12px}.generate-reference-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.generate-reference-card-header strong{display:block;font-size:13px;color:var(--text);word-break:break-word}.generate-reference-card-header span{display:block;font-size:11px;color:var(--sub-text);text-transform:capitalize}.generate-reference-card-header button{border:none;background:transparent;color:var(--sub-text);cursor:pointer;font-size:12px;padding:0}.generate-reference-preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;background:color-mix(in srgb,var(--best-gray) 85%,transparent)}.generate-reference-frame-controls{margin-top:10px}.generate-reference-frame-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--sub-text);margin-bottom:6px}.generate-reference-frame-controls input[type=range]{width:100%}.generate-reference-frame-preview{display:flex;align-items:center;gap:10px;margin-top:10px;background:color-mix(in srgb,var(--best-gray) 82%,transparent);border-radius:14px;padding:8px}.generate-reference-frame-preview img{width:74px;height:56px;object-fit:cover;border-radius:10px}.generate-reference-frame-preview span{font-size:12px;color:var(--text);font-weight:600}.generate-reference-picker{border:1px solid color-mix(in srgb,var(--gray2) 68%,transparent);border-radius:18px;padding:12px;background:color-mix(in srgb,var(--best-gray) 84%,transparent);margin-bottom:12px}.generate-reference-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.generate-reference-picker-body{display:grid;gap:10px;max-height:260px;overflow:auto}.generate-reference-picker-row{display:flex;align-items:center;gap:12px;width:100%;border:1px solid color-mix(in srgb,var(--gray2) 72%,transparent);background:rgba(255,255,255,.65);border-radius:14px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--text)}.generate-reference-picker-row.folder{justify-content:space-between}.generate-reference-picker-thumb{width:64px;height:48px;object-fit:cover;border-radius:10px;background:color-mix(in srgb,var(--best-gray) 85%,transparent)}.generate-reference-picker-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.generate-reference-picker-meta span{font-size:12px;font-weight:600;color:var(--text);word-break:break-word}.generate-reference-picker-meta small{font-size:11px;color:var(--sub-text)}.generate-video-settings-expander{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--gray2) 72%,transparent);background:rgba(255,255,255,.65);color:var(--text);border-radius:16px;padding:10px 12px;cursor:pointer;text-align:left}.generate-video-settings-expander:hover{background:var(--blue-light)}.generate-video-settings-expander:focus-visible{outline:2px solid var(--blue-blue);outline-offset:2px}.generate-video-settings-expander-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.generate-video-settings-expander-title{font-size:13px;font-weight:700;color:var(--text)}.generate-video-settings-expander-subtitle{font-size:11px;color:var(--sub-text);line-height:1.3}.generate-video-settings-expander svg{flex-shrink:0;color:var(--sub-text)}.generate-video-settings-body{margin-top:12px}.generate-video-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.generate-video-settings-grid--secondary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.generate-setting{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--sub-text)}.generate-setting span{font-weight:600}.generate-setting select,.provider-badge.inside,.reference-select-button{min-height:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gray2) 70%,transparent);background:var(--main-background);color:var(--text);padding:10px 12px;font-size:13px}.reference-select-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;cursor:pointer;text-align:left;border-style:dashed}.reference-select-button-content{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.reference-select-button-preview{width:44px;height:30px;border-radius:8px;object-fit:cover;flex-shrink:0;background:color-mix(in srgb,var(--best-gray) 85%,transparent)}.reference-select-button-label{font-size:11px;color:var(--sub-text);font-weight:600;line-height:1}.reference-select-button-value{font-size:13px;color:var(--text);font-weight:600;line-height:1.2;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-select-button:hover{background:var(--blue-light)}.reference-select-button:focus-visible{outline:2px solid var(--blue-blue);outline-offset:2px}.reference-select-button[aria-disabled=true]{opacity:.65;cursor:not-allowed}.provider-inside-wrapper--video{justify-content:flex-start}.provider-badge.inside{display:inline-flex;align-items:center;font-weight:600}.provider-badge.inside.compact{background:var(--gray1);border:1px solid var(--gray2);color:var(--text);border-radius:8px;min-height:0;padding:4px 8px;font-size:13px;line-height:1.2}.generate-reference-inline-shell{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.reference-inline-add-btn{width:38px;height:38px;border-radius:12px;background:var(--best-gray);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.provider-inside-wrapper{align-items:center;gap:8px}.provider-inside-wrapper>.reference-inline-add-btn{order:-1}.provider-inside-wrapper>.provider-select.compact.inside,.provider-inside-wrapper>.provider-badge.inside{flex:0 1 auto}.reference-inline-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.reference-inline-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 8px 6px 6px;border-radius:14px;background:var(--best-gray);flex-shrink:0;max-width:220px}.reference-inline-thumb{width:80px;height:34px;object-fit:cover;border-radius:10px;flex-shrink:0}.reference-inline-chip button{border:none;background:transparent;color:var(--sub-text);cursor:pointer;font-size:16px;line-height:1;padding:0;flex-shrink:0}.generated-video-item .generated-image-overlay{opacity:1}.generated-video{background:#000}@media (max-width: 767px){.generate-reference-header,.generate-video-settings-header,.generate-reference-picker-header{flex-direction:column;align-items:stretch}.generate-reference-actions{width:100%}.generate-reference-actions button{flex:1 1 calc(50% - 8px)}.generate-reference-grid{grid-template-columns:1fr}.generate-output-toggle{width:100%}.generate-output-toggle-btn{flex:1 1 0}}.video-frame-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2100;padding:20px}.video-frame-picker-modal{background:var(--main-background);border-radius:20px;width:720px;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006}.video-frame-picker-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;overflow:hidden}.video-frame-picker-hint{margin:0;font-size:13px;color:var(--sub-text);text-align:center}.video-frame-picker-video{width:100%;max-height:56vh;border-radius:10px;background:#000;object-fit:contain}@media (max-width: 767px){.video-frame-picker-video{max-height:45vh}}.modal-overlay-flow-builder{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;overflow:hidden;box-sizing:border-box}.tier-modal-close-section{width:100%;background:var(--main-background);border-radius:21px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.tier-modal-close-section:hover{transform:translateY(-1px);box-shadow:0 4px 40px var(--shadow)}.tier-modal-close-content{display:flex;align-items:center;padding:15px;gap:10px}.tier-modal-close-icon{color:var(--text);font-size:24px;pointer-events:none}.tier-modal-close-text{color:var(--text);font-family:ARLRDBD;font-size:16px;font-weight:500;letter-spacing:0;pointer-events:none}.tier-modal-main-container{width:100%;background:var(--main-background);border-radius:25px;overflow:hidden;box-sizing:border-box}.tier-modal-content-wrapper{padding:10px;box-sizing:border-box}.tier-modal-image-section{width:100%;height:150px;background:var(--gray1);border-radius:25px;margin-bottom:10px;position:relative;overflow:hidden;cursor:pointer;transition:all .2s ease}.tier-modal-image-section:hover{transform:scale(1.02)}.tier-modal-image-container{width:100%;height:100%;background-size:cover;background-position:center;border-radius:25px;position:relative;display:flex;align-items:center;justify-content:center}.tier-modal-image-placeholder{width:100%;height:100%;background:var(--gray1);border-radius:25px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tier-modal-image-placeholder:hover{background:var(--gray2)}.tier-modal-image-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tier-modal-image-container:hover .tier-modal-image-overlay{opacity:1}.tier-modal-image-add-icon,.tier-modal-image-edit-icon{color:#fff;font-size:30px}.tier-modal-field-group{margin-bottom:10px}.tier-modal-field-label{display:block;font-family:ARLRDBD;color:var(--text);font-size:16px;font-weight:500;letter-spacing:0;margin-bottom:5px;padding:5px 0}.tier-modal-input{width:100%;padding:15px!important;border:2px solid var(--gray2);border-radius:17px!important;font-size:19px;font-family:ARLRDBD;background:var(--gray1);color:var(--text);transition:border-color .2s ease;line-height:1;box-sizing:border-box}.tier-modal-input:focus{outline:none;border-color:var(--gray3)}.tier-modal-input::placeholder{color:var(--sub-text);font-size:16px}.tier-modal-textarea{width:100%;padding:12px 16px;border:2px solid var(--gray2);border-radius:17px;font-size:12px!important;font-family:ARLRDBD;background:var(--gray1);color:var(--text);transition:border-color .2s ease;line-height:1.2;resize:vertical;min-height:80px;box-sizing:border-box}.tier-modal-textarea:focus{outline:none;font-size:12px!important;border-color:var(--gray3)}.tier-modal-textarea::placeholder{color:var(--sub-text);font-size:12px!important;font-size:16px}.tier-modal-tags-container{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.tier-modal-tag-item{display:flex;align-items:center;background:var(--gray2);border-radius:10px;padding:5px;gap:5px}.tier-modal-tag-text{font-family:ARLRDBD;font-size:16px;color:var(--text);letter-spacing:0}.tier-modal-tag-remove{color:var(--sub-text);font-size:20px;cursor:pointer;transition:color .2s ease}.tier-modal-tag-remove:hover{color:var(--text)}.tier-modal-tag-input-row{display:flex;align-items:center;gap:5px}.tier-modal-tag-input{width:150px;padding:12px!important;border:2px solid var(--gray2);border-radius:10px!important;font-size:16px;font-family:ARLRDBD;background:var(--gray1);color:var(--text);transition:border-color .2s ease;line-height:1;box-sizing:border-box}.tier-modal-tag-input:focus{outline:none;border-color:var(--gray3)}.tier-modal-tag-input::placeholder{color:var(--sub-text);font-size:16px}.tier-modal-tag-add-btn{width:40px;height:40px;background:var(--gray2);border:1px solid var(--gray2);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tier-modal-tag-add-btn:hover{background:var(--gray3);transform:scale(1.05)}.tier-modal-tag-add-btn .material-icons{color:var(--text);font-size:24px}.tier-modal-required-notice{text-align:center;font-family:ARLRDBD;color:var(--sub-text);font-size:10px;letter-spacing:0;margin:15px 0}.tier-modal-add-button{width:100%;padding:15px;background:var(--blue-blue);color:#fff;border:none;border-radius:12px;font-family:ARLRDBD;font-size:18px;font-weight:600;display:flex;justify-content:center;letter-spacing:0;cursor:pointer;transition:all .2s ease}.tier-modal-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1b89ea4d}.tier-modal-add-button:active{transform:translateY(0)}.tier-modal-flutter-container{min-width:500px;box-sizing:border-box}@media (max-width: 768px){.tier-modal-flutter-container{min-width:auto;width:100%;height:100%;max-width:100%;padding:0;box-sizing:border-box}.tier-modal-close-content{padding:12px}.tier-modal-close-text{font-size:14px}.tier-modal-content-wrapper{padding:8px}.tier-modal-image-section{height:120px}.tier-modal-input,.tier-modal-textarea{font-size:12px}.tier-modal-tag-input{width:120px}}.scheduling-modal-container{display:flex;flex-direction:column;width:900px;max-width:90vw;min-width:600px;max-height:90vh;background:var(--main-background);border-radius:16px;overflow:hidden}.scheduling-modal-close-section{padding:16px 20px;border-bottom:1px solid var(--gray2);cursor:pointer;transition:background-color .2s ease}.scheduling-modal-close-section:hover{background-color:var(--gray1)}.scheduling-modal-close-content{display:flex;align-items:center;gap:12px}.scheduling-modal-close-icon{font-size:20px;color:var(--sub-text)}.scheduling-modal-close-text{font-size:14px;font-weight:500;color:var(--text)}.scheduling-modal-main-container{flex:1;overflow-y:auto;padding:20px}.scheduling-modal-content-wrapper{display:flex;flex-direction:column;gap:10px}.scheduling-modal-field-group{display:flex;flex-direction:column;gap:8px}.scheduling-modal-field-label{font-size:13px;font-weight:600;color:var(--text)}.scheduling-modal-button-group{display:flex;gap:8px}.scheduling-modal-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--gray2);border-radius:8px;background:var(--best-gray);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduling-modal-option-btn:hover{border-color:var(--blue-blue);background:var(--gray1)}.scheduling-modal-option-btn.active{border-color:var(--blue-blue);background:var(--text);color:var(--main-background)}.scheduling-modal-option-btn i{font-size:18px}.scheduling-modal-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px;background:var(--best-gray, #f5f5f5);border-radius:8px;border:2px solid var(--gray2, #e0e0e0);outline:1px solid rgba(0,0,0,.05);outline-offset:-1px;box-shadow:0 1px 3px #0000000d}.scheduling-modal-input{width:100%;padding:10px 12px;border:2px solid var(--gray2);border-radius:8px;background:var(--main-background);color:var(--text);font-size:14px;font-family:inherit;font-weight:400;line-height:1.5;box-sizing:border-box;margin:0;appearance:none;-webkit-appearance:none;transition:border-color .2s ease}.scheduling-modal-input:focus{outline:none;border-color:var(--blue-blue)}.scheduling-modal-input[type=date],.scheduling-modal-input[type=time]{font-family:system-ui,-apple-system,sans-serif;cursor:pointer}.scheduling-modal-input[type=date]::-webkit-calendar-picker-indicator,.scheduling-modal-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.scheduling-modal-input[type=date]::-webkit-calendar-picker-indicator:hover,.scheduling-modal-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.scheduling-modal-slots-list{display:flex;flex-direction:column;gap:8px}.scheduling-modal-slot-row{display:flex;gap:8px;align-items:center}.scheduling-modal-slot-row .scheduling-modal-input{flex:1}.scheduling-modal-slot-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--gray2);color:var(--sub-text);cursor:pointer;transition:all .2s ease}.scheduling-modal-slot-remove:hover{background:#dc3545;color:#fff}.scheduling-modal-add-slot-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px dashed var(--gray2);border-radius:8px;background:transparent;color:var(--sub-text);font-size:13px;cursor:pointer;transition:all .2s ease}.scheduling-modal-add-slot-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.scheduling-modal-time-range,.scheduling-modal-date-range{display:flex;gap:12px}.scheduling-modal-time-input-group,.scheduling-modal-date-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.scheduling-modal-time-label,.scheduling-modal-date-label{font-size:11px;color:var(--sub-text);font-weight:500}.scheduling-modal-workdays{display:flex;gap:6px}.scheduling-modal-workday-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray2);border-radius:8px;background:var(--best-gray);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.scheduling-modal-workday-btn:hover{border-color:var(--blue-blue)}.scheduling-modal-workday-btn.active{border-color:var(--blue-blue);background:var(--blue-blue);color:#fff}.scheduling-modal-save-button{width:100%;padding:14px;border:none;border-radius:10px;background:var(--blue-blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:8px;text-align:center;display:flex;justify-content:center;align-items:center}.scheduling-modal-save-button:hover{background:#0a6fc2}.scheduling-modal-preview{border:2px solid var(--gray2);border-radius:8px;padding:8px;background:var(--main-background);min-height:80px;display:flex;align-items:center;justify-content:center}.scheduling-preview-calendar{width:100%;max-width:280px;margin:0 auto}.scheduling-preview-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.scheduling-preview-nav-btn{background:var(--best-gray);border:none;border-radius:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:10px}.scheduling-preview-month{font-weight:600;color:var(--text);font-size:10px}.scheduling-preview-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.scheduling-preview-calendar-day-header{text-align:center;font-size:7px;font-weight:600;color:var(--sub-text);padding:2px 0}.scheduling-preview-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:8px;color:var(--text);background:var(--best-gray);cursor:pointer}.scheduling-preview-calendar-day.selected{background:var(--text);color:#fff}.scheduling-preview-calendar-day:first-child{grid-column:1}.scheduling-preview-input{display:flex;flex-direction:column;gap:6px;width:100%;max-width:200px}.scheduling-preview-input-field{width:100%;padding:6px 8px;border:2px solid var(--gray2);border-radius:6px;background:var(--main-background);color:var(--text);font-size:12px}.scheduling-preview-combined{display:flex;gap:12px;width:100%;max-width:400px;margin:0 auto;align-items:flex-start}.scheduling-preview-calendar-small{flex:1}.scheduling-preview-calendar-grid-small{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.scheduling-preview-calendar-day-header-small{text-align:center;font-size:8px;font-weight:600;color:var(--sub-text);padding:3px 0}.scheduling-preview-calendar-day-small{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:9px;color:var(--text);background:var(--best-gray);cursor:pointer}.scheduling-preview-calendar-day-small.selected{background:var(--text);color:#fff}.scheduling-preview-input-small{flex:1;display:flex;flex-direction:column;gap:6px}.scheduling-preview-input-field-small{width:100%;padding:6px 8px;border:2px solid var(--gray2);border-radius:6px;background:var(--main-background);color:var(--text);font-size:11px}.scheduling-modal-toggle-with-tooltip{position:relative;display:flex;align-items:center}.scheduling-modal-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--text);color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:0 2px 8px #00000026}.scheduling-modal-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--text)}.scheduling-modal-toggle-with-tooltip:hover .scheduling-modal-tooltip{opacity:1}.scheduling-modal-toggle-btn{position:relative;display:inline-block;width:60px;height:24px;padding:0;border:2px solid rgba(0,0,0,.1);border-radius:12px;background-color:#ccc;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000001a;outline:1px solid rgba(0,0,0,.05);outline-offset:-1px}.scheduling-modal-toggle-btn:before{content:"";position:absolute;top:2px;left:2px;width:32px;height:20px;border-radius:10px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.scheduling-modal-toggle-btn.active{background-color:var(--blue-blue, #007aff);border-color:var(--blue-blue, #007aff);box-shadow:inset 0 2px 4px #3b82f64d,0 1px 3px #007aff33;outline-color:#007aff1a}.scheduling-modal-toggle-btn.active:before{transform:translate(24px);box-shadow:0 2px 6px #0003,0 1px 2px #0000001a}.scheduling-modal-interval-control{display:flex;align-items:center;gap:8px}.scheduling-modal-interval-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray2);border-radius:8px;background:var(--best-gray);color:var(--text);cursor:pointer;transition:all .2s ease;outline:1px solid rgba(0,0,0,.05);outline-offset:-1px;box-shadow:0 1px 2px #0000000d;flex-shrink:0;padding:0}.scheduling-modal-interval-btn:hover:not(:disabled){border-color:var(--blue-blue);background:var(--blue-blue);color:#fff;outline-color:#007aff1a;box-shadow:0 2px 4px #007aff26}.scheduling-modal-interval-btn:disabled{opacity:.4;cursor:not-allowed}.scheduling-modal-interval-btn i{font-size:20px}.scheduling-modal-interval-control .scheduling-modal-input{flex:1}.scheduling-modal-generated-slots{display:flex;flex-wrap:wrap;gap:8px}.scheduling-modal-generated-slot{padding:8px 12px;border:2px solid var(--gray2);border-radius:8px;background:var(--best-gray);color:var(--text);font-size:13px;font-weight:500;min-width:80px;text-align:center;outline:1px solid rgba(0,0,0,.05);outline-offset:-1px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.scheduling-modal-generated-slot.clickable:hover{border-color:var(--blue-blue);outline-color:#007aff1a;box-shadow:0 2px 4px #007aff26}.scheduling-modal-generated-slot.blocked{border-color:#dc3545;background:#dc3545;color:#fff;outline-color:#dc354533;box-shadow:0 2px 4px #dc354540,inset 0 1px 2px #ffffff1a}.scheduling-modal-generated-slot.blocked:hover{border-color:#c82333;background:#c82333;box-shadow:0 2px 6px #dc354559,inset 0 1px 2px #ffffff1a}@media (max-width: 768px){.scheduling-modal-container{width:100vw;max-width:100vw;min-width:0;max-height:100vh;border-radius:0;margin:0}.scheduling-modal-main-container{padding:16px}.scheduling-modal-close-section{padding:12px 16px}.scheduling-modal-time-range,.scheduling-modal-date-range{flex-direction:column;gap:8px}.scheduling-modal-workdays{flex-wrap:wrap;gap:4px}.scheduling-modal-generated-slots{gap:6px}.scheduling-modal-generated-slot{min-width:70px;font-size:12px;padding:6px 10px}}@media (max-width: 480px){.scheduling-modal-container{width:100vw;max-width:100vw;min-width:0;max-height:100vh;border-radius:0}.scheduling-modal-main-container{padding:12px}.scheduling-modal-close-section{padding:10px 12px}.scheduling-modal-close-text{font-size:13px}.scheduling-modal-field-group{gap:6px}.scheduling-modal-workday-btn{width:32px;height:32px;font-size:12px}}@font-face{font-family:Rounded;src:url(/fonts/ARLRDBD.ttf) format("truetype");font-weight:400;font-style:normal}.calculator-fixed-rate-container{width:100%;display:flex;flex-direction:column;gap:16px}.calculator-fixed-rate-content{display:flex;flex-direction:column;gap:16px}.calculator-fixed-rate-input-group{display:flex;flex-direction:column;gap:8px}.calculator-fixed-rate-label{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.calculator-fixed-rate-input-wrapper{position:relative;display:flex;align-items:center}.calculator-fixed-rate-currency{position:absolute;left:12px;font-size:14px;font-weight:600;color:var(--sub-text);pointer-events:none}.calculator-fixed-rate-input{width:100%;padding:10px 12px 10px 25px!important;border:1px solid var(--best-gray)!important;border-radius:8px!important;background-color:var(--main-background);font-size:14px;color:var(--text);outline:none;transition:all .2s ease}.calculator-fixed-rate-input:hover{border-color:var(--gray4)}.calculator-fixed-rate-input:focus{border-color:var(--blue-blue);background-color:var(--gray1)}.calculator-fixed-rate-input::placeholder{color:var(--gray4)}.calculator-fixed-rate-display{padding:16px;background-color:var(--best-gray);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.calculator-fixed-rate-display-label{margin:0;font-size:12px;color:var(--sub-text);font-weight:500}.calculator-fixed-rate-display-value{margin:0;font-size:24px;font-weight:700;color:var(--blue-blue)}.calculator-km-distance-container{width:100%;display:flex;flex-direction:column;gap:16px}.calculator-km-distance-content{display:flex;flex-direction:column;gap:16px}.calculator-km-distance-info{padding:12px;background-color:var(--best-gray);border-radius:8px;border-left:3px solid var(--blue-blue)}.calculator-km-distance-info-text{margin:0;font-size:12px;color:var(--sub-text);line-height:1.5}.calculator-km-distance-map-container{width:100%;height:300px;border-radius:8px;overflow:hidden;border:1px solid var(--best-gray)}.calculator-km-distance-map{width:100%;height:100%}.calculator-km-distance-input-group{display:flex;flex-direction:column;gap:8px}.calculator-km-distance-label{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.calculator-km-distance-input-wrapper{position:relative;display:flex;align-items:center}.calculator-km-distance-currency{position:absolute;left:12px;font-size:14px;font-weight:600;color:var(--sub-text);pointer-events:none}.calculator-km-distance-input{width:100%;padding:10px 12px 10px 25px!important;border:1px solid var(--best-gray)!important;border-radius:8px!important;background-color:var(--main-background);font-size:14px;color:var(--text);outline:none;transition:all .2s ease}.calculator-km-distance-input:hover{border-color:var(--gray4)}.calculator-km-distance-input:focus{border-color:var(--blue-blue);background-color:var(--gray1)}.calculator-km-distance-input::placeholder{color:var(--gray4)}.calculator-km-distance-unit{position:absolute;right:12px;font-size:12px;font-weight:600;color:var(--sub-text);pointer-events:none}.mapbox-gl-draw_point{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>')}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>')}.mapbox-gl-draw_line{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>')}.mapbox-gl-draw_uncombine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>')}.mapbox-gl-draw_combine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>')}.calculator-area-rate-container{width:100%;display:flex;flex-direction:column;gap:8px}.calculator-area-rate-info{padding:12px;background-color:var(--best-gray);border-radius:8px;border-left:3px solid var(--blue-blue)}.calculator-area-rate-info-text{margin:0;font-size:12px;color:var(--sub-text);line-height:1.5}.calculator-area-rate-map-wrapper{width:100%;height:350px;border-radius:8px;overflow:hidden;border:1px solid var(--best-gray)}.calculator-area-rate-map{width:100%;height:100%}.calculator-area-rate-zones{display:flex;flex-direction:column;gap:12px}.calculator-area-rate-zones-title{margin:0;font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.calculator-area-rate-zones-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto;padding-right:4px}.calculator-area-rate-empty{margin:0;padding:16px;text-align:center;color:var(--gray4);font-size:12px;background-color:var(--best-gray);border-radius:6px}.calculator-area-rate-zone-item{padding:8px;background-color:var(--calculator-area-rate-zone-background, var(--main-background));border-radius:12px;border:1px solid var(--calculator-area-rate-zone-accent, var(--best-gray));display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,box-shadow .2s ease}.calculator-area-rate-zone-item:hover{box-shadow:0 12px 24px var(--calculator-area-rate-zone-background-strong, rgba(15, 23, 42, .12))}.calculator-area-rate-zone-top-row{display:flex;align-items:center;gap:12px}.calculator-area-rate-zone-color-circle{width:20px;height:20px;border-radius:50%;flex-shrink:0;background-color:var(--calculator-area-rate-zone-accent, var(--blue-blue));box-shadow:0 0 0 4px var(--calculator-area-rate-zone-background, transparent)}.calculator-area-rate-zone-name{font-size:16px;font-weight:600;color:var(--calculator-area-rate-zone-text, var(--text))}.calculator-area-rate-zone-bottom-row{display:flex;align-items:flex-end;gap:12px}.calculator-area-rate-zone-input-group{display:flex;flex-direction:column;gap:6px;flex:1}.calculator-area-rate-zone-label{font-size:8px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px}.calculator-area-rate-zone-input-wrapper{position:relative;display:flex;align-items:center}.calculator-area-rate-zone-currency{position:absolute;left:10px;font-size:13px;font-weight:600;color:var(--calculator-area-rate-zone-text, var(--sub-text));pointer-events:none}.calculator-area-rate-zone-input{padding:10px 12px 10px 26px!important;border:1px solid var(--calculator-area-rate-zone-accent, var(--best-gray))!important;border-radius:8px!important;background-color:var(--calculator-area-rate-zone-background-strong, var(--main-background));font-size:14px;color:var(--text);outline:none;transition:border-color .2s ease,background-color .2s ease}.calculator-area-rate-zone-input:hover{border-color:var(--calculator-area-rate-zone-accent, var(--gray4))}.calculator-area-rate-zone-input:focus{border-color:var(--calculator-area-rate-zone-accent, var(--blue-blue));background-color:var(--calculator-area-rate-zone-background-strong, var(--gray1))}.calculator-area-rate-zone-input::placeholder{color:var(--calculator-area-rate-zone-placeholder, var(--gray4))}.calculator-area-rate-zone-delete-btn{width:48px;height:30px;border-radius:14px;background-color:var(--calculator-area-rate-zone-background, var(--best-gray));border:2px solid var(--calculator-area-rate-zone-accent, var(--gray2));color:var(--calculator-area-rate-zone-accent, var(--sub-text));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease;flex-shrink:0}.calculator-area-rate-zone-delete-btn:hover{border-color:var(--calculator-area-rate-zone-accent, var(--gray4));background-color:var(--calculator-area-rate-zone-background-strong, var(--best-gray));color:var(--calculator-area-rate-zone-accent, #FF6B6B)}.calculator-area-rate-zone-delete-btn i{font-size:22px}:global(.mapbox-gl-draw-ctrl){margin:10px!important}:global(.mapbox-gl-draw-ctrl-group button){background-color:var(--main-background)!important;border:1px solid var(--best-gray)!important;color:var(--text)!important}:global(.mapbox-gl-draw-ctrl-group button:hover){background-color:var(--best-gray)!important}:global(.mapbox-gl-draw-ctrl-group button.active){background-color:var(--blue-blue)!important;color:#fff!important}.calculator-function-container{width:100%;display:flex;flex-direction:column}.calculator-function-header{display:flex;flex-direction:column;gap:4px}.calculator-function-title{margin:0;font-size:13px;font-weight:600;color:var(--text)}.calculator-function-subtitle{margin:0;font-size:12px;color:var(--sub-text)}.calculator-function-editor-wrapper{position:relative;border:1px solid var(--best-gray);border-radius:8px;overflow:hidden;background-color:var(--main-background);height:300px}.calculator-function-editor-wrapper>div{border-radius:8px!important}.calculator-function-info{padding:12px;background-color:var(--best-gray);border-radius:8px}.calculator-function-info-label{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.calculator-function-variable-list{display:flex;flex-wrap:wrap;gap:8px}.calculator-function-variable{padding:4px 8px;background-color:var(--main-background);border-radius:4px;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;color:var(--blue-blue);font-weight:600}.readonly-region{background-color:#8080801a!important;opacity:.7}.readonly-inline{color:var(--sub-text)!important;font-style:italic;opacity:.8}.calculator-tier-based-container{width:100%;display:flex;flex-direction:column;gap:16px}.calculator-tier-based-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.calculator-tier-based-list::-webkit-scrollbar{width:6px}.calculator-tier-based-list::-webkit-scrollbar-track{background:var(--best-gray);border-radius:3px}.calculator-tier-based-list::-webkit-scrollbar-thumb{background:var(--gray4);border-radius:3px}.calculator-tier-based-list::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.calculator-tier-based-empty{padding:40px 24px;background:linear-gradient(135deg,var(--best-gray) 0%,var(--gray1) 100%);border:2px dashed var(--gray4);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--sub-text)}.calculator-tier-based-empty i{font-size:40px;opacity:.4;color:var(--gray4)}.calculator-tier-based-empty p{margin:0;font-size:13px;color:var(--text)}.calculator-tier-based-empty-subtitle{font-size:12px;opacity:.7;color:var(--sub-text)}.calculator-tier-based-card{display:flex;align-items:stretch;padding:10px;background-color:var(--best-gray);border:1px solid var(--gray2);border-radius:12px;transition:all .2s ease}.calculator-tier-based-card:hover{border-color:var(--gray4);background-color:var(--main-background);box-shadow:0 2px 8px #00000014}.calculator-tier-based-image-wrapper{flex-shrink:0;width:100px;height:100px;border-radius:12px;overflow:hidden}@media (max-width: 768px){.calculator-tier-based-image-wrapper{width:80px;height:80px}}.calculator-tier-based-image{width:100%;height:100%;background-color:var(--best-gray);background-size:cover;background-position:center;border-radius:12px;position:relative;display:flex;align-items:flex-start;padding:5px}.calculator-tier-based-badge{width:20px;height:20px;border-radius:50%;background-color:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #0003}.calculator-tier-based-content{flex:1;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-width:0;padding:0 12px;justify-content:center}.calculator-tier-based-header{display:flex;flex-direction:column;gap:2px}.calculator-tier-based-name{width:100%;padding:0!important;border:1px solid transparent;border-radius:4px;background-color:transparent;font-size:14px;font-weight:600;color:var(--text);outline:none;transition:all .2s ease;font-family:inherit;text-align:left!important;justify-content:start!important}.calculator-tier-based-name:hover:not(:disabled){background-color:var(--best-gray);border-color:var(--gray4)}.calculator-tier-based-name:focus{background-color:var(--best-gray);border-color:var(--blue-blue)}.calculator-tier-based-name::placeholder{color:var(--gray4)}.calculator-tier-based-name:disabled{cursor:not-allowed;opacity:.8}.calculator-tier-based-subheader{margin:0;padding:0!important;font-size:10px!important;color:var(--sub-text);font-weight:500;text-align:left!important;justify-self:start!important}.calculator-tier-based-description{padding:0!important;width:100%;border:1px solid transparent;border-radius:4px;background-color:transparent;font-size:9px!important;color:var(--sub-text);outline:none;transition:all .2s ease;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calculator-tier-based-description:hover:not(:disabled){background-color:var(--best-gray);border-color:var(--gray4)}.calculator-tier-based-description:focus{background-color:var(--best-gray);border-color:var(--blue-blue);overflow:visible;white-space:normal}.calculator-tier-based-description::placeholder{color:var(--gray4)}.calculator-tier-based-description:disabled{cursor:not-allowed;opacity:.8}.calculator-tier-based-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.calculator-tier-based-tag{display:inline-flex;align-items:center;padding:3px 8px;background-color:var(--best-gray);border-radius:8px;font-size:9px;color:var(--sub-text);font-weight:500;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.calculator-tier-based-pricing{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:90px}.calculator-tier-based-price-input-wrapper{position:relative;display:flex;align-items:center;width:100px}.calculator-tier-based-currency{position:absolute;left:8px;font-size:12px;font-weight:600;color:var(--text);pointer-events:none}.calculator-tier-based-price-input{width:100%;padding:10px 12px 10px 25px!important;border:1px solid var(--best-gray)!important;border-radius:8px!important;background-color:var(--main-background);font-size:14px;color:var(--text);outline:none;transition:all .2s ease}.calculator-tier-based-price-input:hover{border-color:var(--gray4);background-color:var(--main-background)}.calculator-tier-based-price-input:focus{border-color:var(--blue-blue);background-color:var(--main-background);box-shadow:0 0 0 3px #3b82f61a}.calculator-tier-based-price-input::placeholder{color:var(--gray4)}@media (max-width: 600px){.calculator-tier-based-card{flex-direction:column;min-height:auto;padding:8px}.calculator-tier-based-image-wrapper{width:100%;height:80px}.calculator-tier-based-content{padding:0}.calculator-tier-based-pricing{flex-direction:row;min-width:auto}.calculator-tier-based-price-input-wrapper{max-width:80px}}.manipulative-calculator-container{position:relative;width:500px;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;overflow:visible;box-sizing:border-box;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.manipulative-calculator-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.manipulative-calculator-header p{margin:4px 0 0;font-size:12px;color:var(--sub-text)}.manipulative-selections-wrapper{display:flex;flex-wrap:wrap;gap:8px}.manipulative-selection{width:140px;background-color:var(--best-gray);border-radius:10px;padding:2px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;position:relative;overflow:hidden}.manipulative-selection-selected{background-color:var(--blue-blue)}.manipulative-selection-icon-container{width:32px;height:32px;background-color:var(--best-gray);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.manipulative-selection-icon{font-size:16px;color:var(--gray4)}.manipulative-selection-text{font-size:12px;font-weight:500;color:var(--sub-text);margin:0}.manipulative-selection-selected .manipulative-selection-text{color:#fff}.manipulative-type-selected-section{padding:5px;background-color:var(--main-background);border-radius:10px;display:flex;flex-direction:column;gap:12px}.manipulative-type-selected-section p{margin:0;font-size:12px;color:var(--sub-text);text-align:center;font-weight:500}.manipulative-type-content{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.manipulative-menu-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:3px;position:relative}.manipulative-menu-label{font-size:12px;color:var(--text);font-weight:500}.manipulative-menu-bar{width:60px;height:12px;background-color:var(--orange);border-radius:6px}.policies-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;cursor:pointer}.policies-modal-overlay:hover{cursor:pointer}.policies-modal-content-wrapper{width:100%;max-width:1500px;max-height:800px;height:90vh}.policies-modal-container{position:relative;width:100%;height:100%;background:var(--background);border-radius:30px;border:2px solid var(--best-gray);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px var(--shadow)}.policies-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--gray2);flex-shrink:0;background:var(--background)}.policies-modal-header-content{display:flex;flex-direction:column;gap:4px}.policies-modal-title{margin:0;font-family:ARLRDBD,Arial,sans-serif;font-size:28px;font-weight:600;color:var(--text)}.policies-modal-subtitle{margin:0;font-size:14px;color:var(--sub-text);font-weight:400}.policies-modal-header-close{background:none;border:none;color:var(--text);cursor:pointer;font-size:24px;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.policies-modal-header-close:hover{background:var(--gray1);color:var(--blue-blue)}.policies-modal-content-area{flex:1;overflow:auto;padding:32px;display:flex;align-items:start;justify-content:center}.policies-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.policies-modal-spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:policies-modal-spin .8s linear infinite}@keyframes policies-modal-spin{to{transform:rotate(360deg)}}.policies-modal-loading p{color:var(--sub-text);font-size:14px;margin:0}.policies-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--sub-text)}.policies-modal-empty i{font-size:48px;opacity:.3}.policies-modal-empty p{margin:0;font-size:16px;font-weight:500;color:var(--text)}.policies-modal-empty small{display:block;font-size:13px;color:var(--sub-text)}.policies-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.policies-modal-grid-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--gray1);border:2px solid var(--gray2);border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative}.policies-modal-grid-item:hover{border-color:var(--blue-blue);background:var(--gray2);transform:translateY(-2px);box-shadow:0 8px 24px #0f83e91a}.policies-modal-grid-item.selected{border-color:var(--blue-blue);background:rgba(15,131,233,.08)}.policies-modal-grid-image{width:100%;height:180px;background:var(--background);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.policies-modal-grid-image img{width:100%;height:100%;object-fit:cover}.policies-modal-grid-image-placeholder{width:100%;height:100%;background:var(--gray2);display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:40px}.policies-modal-grid-info{display:flex;flex-direction:column;gap:6px;flex:1;min-height:60px}.policies-modal-grid-name{font-family:ARLRDBD,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--text);line-height:1.3}.policies-modal-grid-checkpoint{font-size:12px;color:var(--sub-text);font-weight:500}.policies-modal-grid-description{font-size:12px;color:var(--sub-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.policies-modal-grid-checkbox{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--gray2);border:2px solid var(--gray3);display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:transparent}.policies-modal-grid-item:hover .policies-modal-grid-checkbox{border-color:var(--blue-blue);background:var(--gray1)}.policies-modal-grid-checkbox.checked{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.policies-modal-grid-checkbox i{font-size:16px}.policies-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid var(--gray2);flex-shrink:0;background:var(--background)}.policies-modal-footer-button{padding:12px 24px;border-radius:10px;font-family:ARLRDBD,Arial,sans-serif;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.policies-modal-footer-cancel{background:var(--gray1);color:var(--text);border:1px solid var(--gray2)}.policies-modal-footer-cancel:hover{background:var(--gray2);border-color:var(--gray3)}.policies-modal-footer-confirm{background:var(--blue-blue);color:#fff}.policies-modal-footer-confirm:hover:not(:disabled){background:#0969cc;box-shadow:0 4px 12px #0f83e94d}.policies-modal-footer-confirm:disabled{background:var(--gray2);color:var(--sub-text);cursor:not-allowed}.policies-modal-section-header{margin-bottom:16px}.policies-modal-section-title{font-family:ARLRDBD,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--text);margin:0}.policies-modal-marketplace-card{cursor:pointer;background:var(--main-background);border:1px solid var(--gray2);border-radius:28px;padding:10px 10px 18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}.policies-modal-marketplace-card:hover{box-shadow:0 8px 28px -4px #00000014,0 2px 6px #0000000f;transform:translateY(-2px);border-color:var(--blue-blue)}.policies-modal-marketplace-card.selected{border-color:var(--blue-blue);background:rgba(15,131,233,.05)}.policies-modal-marketplace-card.saved{position:relative}.policies-modal-saved-tag{position:absolute;top:16px;right:16px;background:var(--blue-blue);color:#fff;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;z-index:10}.policies-modal-card-media{height:140px;border-radius:20px;background:var(--best-gray);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.policies-modal-card-media img{width:100%;height:100%;object-fit:cover}.policies-modal-card-media-placeholder{width:100%;height:100%;background:var(--gray2);display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:40px}.policies-modal-card-body{display:flex;flex-direction:column;gap:10px!important}.policies-modal-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.policies-modal-card-title{margin:0;font-family:ARLRDBD,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.15;color:var(--text)}.policies-modal-badge{background:var(--gray2);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text)}.policies-modal-card-desc{margin:0;font-size:13px;line-height:1.4;opacity:.75;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.policies-modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.policies-modal-tag{font-size:11px;padding:4px 10px;background:var(--gray2);border-radius:999px;letter-spacing:.4px;opacity:.85;color:var(--text)}@media (max-width: 1200px){.policies-modal-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 768px){.policies-modal-header{padding:16px 20px}.policies-modal-title{font-size:24px}.policies-modal-content-area{padding:20px}.policies-modal-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.policies-modal-grid-image{height:140px}.policies-modal-footer{padding:16px 20px;flex-direction:column}.policies-modal-footer-button{width:100%}}.datetime-calendar{width:100%;max-width:100%;background:transparent;border-radius:12px;overflow:hidden;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif);box-sizing:border-box;container-type:inline-size;container-name:datetime-calendar;text-align:left}.datetime-calendar-layout{display:flex;gap:0;width:100%;max-width:100%;box-sizing:border-box;justify-content:flex-start}.datetime-calendar-layout .calendar-container{flex:0 0 auto;border-right:none;width:fit-content;min-width:280px}.datetime-calendar-layout .time-container{flex:1 1 auto;border-top:none;border-left:none;min-width:200px;max-width:100%;box-sizing:border-box}.calendar-container{padding:12px;background:transparent;width:100%;max-width:100%;box-sizing:border-box}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 4px}.calendar-nav{display:flex;gap:4px}.nav-btn{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.nav-btn:hover:not(:disabled){background:var(--gray1)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-title{flex:1;text-align:center}.month-year{font-size:16px;font-weight:600;color:var(--text)}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.day-label{text-align:center;font-size:11px;font-weight:500;color:var(--sub-text);padding:4px 2px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{height:36px;width:36px;border:none;border-radius:50%;background:transparent;color:var(--text);font-size:14px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;margin:0 auto}.calendar-day:hover:not(:disabled){background:var(--gray1);transform:scale(1.05)}.calendar-day.other-month{color:var(--sub-text);opacity:.4}.calendar-day.today{background:var(--gray1);color:var(--text);font-weight:600;border:2px solid #222222}.calendar-day.today:hover{background:#eeeeee;opacity:1}.calendar-day.selected{background:var(--blue-blue);color:#fff;font-weight:600;box-shadow:none}.calendar-day.selected:hover{background:#222222;opacity:.9;transform:scale(1.05)}.calendar-day.disabled{opacity:.3;cursor:not-allowed;pointer-events:none;background:transparent}.calendar-day.today.selected{background:#222222;color:#fff;border:none;box-shadow:none}.calendar-day.non-work-day{background:transparent;color:#999;opacity:.6}.calendar-day.non-work-day:hover{background:transparent;transform:none;cursor:not-allowed}.time-container{border-top:none;padding:12px;background:transparent;width:auto;max-width:100%;box-sizing:border-box}.time-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:var(--text);font-size:16px}.time-header i{font-size:18px;color:var(--sub-text)}.time-format-toggle{display:flex;gap:4px;margin-left:auto;background:var(--best-gray, #f5f5f5);border-radius:8px;padding:2px}.time-format-option{padding:4px 12px;border:none;border-radius:6px;background:transparent;color:var(--sub-text, #666);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif)}.time-format-option:hover:not(:disabled){color:var(--text, #222)}.time-format-option.active{background:var(--gray3);color:var(--text);box-shadow:0 1px 2px #0000001a}.time-format-option:disabled{opacity:.5;cursor:not-allowed}.no-slots-message{font-size:12px;color:var(--sub-text);font-weight:400;margin-left:auto;margin-right:8px}.no-slots-available{text-align:center;padding:20px;color:var(--sub-text)}.no-slots-available p{margin:0 0 8px;font-size:14px}.work-day-hint{font-size:12px;color:var(--sub-text);opacity:.8}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;max-height:200px;overflow-y:auto}.time-slot{padding:12px 16px;border:none;border-radius:12px;background:var(--best-gray);color:var(--text);font-size:13px;font-weight:400;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .2s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.time-slot:hover:not(:disabled){background:var(--blue-light);transform:none}.time-slot.selected{background:var(--blue-blue);color:#fff;box-shadow:none}.time-slot:disabled{opacity:.5;cursor:not-allowed}.time-input-container{display:flex;justify-content:center}.time-input{width:120px;padding:8px 12px;border:1px solid var(--gray3, #e1e5e9);border-radius:6px;background:var(--background, white);color:var(--text);font-size:13px;text-align:center;transition:all .2s ease;font-weight:500}.time-input:focus{outline:none;border-color:var(--buttonBackgroundColor, #007aff);box-shadow:0 0 0 3px #007aff1a}.time-input:disabled{opacity:.6;cursor:not-allowed;background:var(--gray1, #f5f5f5)}@media (max-width: 800px){.datetime-calendar-layout{display:flex!important;flex-direction:column!important;width:100%!important}.datetime-calendar>div{display:flex!important;flex-direction:column!important}.datetime-calendar .calendar-container{border-right:none!important;border-bottom:1px solid var(--gray2)!important;order:1!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important}.datetime-calendar .time-container{flex:none!important;border-left:none!important;border-top:none!important;order:2!important;width:100%!important;max-width:100%!important}.datetime-calendar-layout .calendar-container,.datetime-calendar-layout .time-container{flex:none!important;width:100%!important;max-width:100%!important}.calendar-container{padding:12px 12px 8px;width:100%!important;max-width:100%!important;min-width:0!important}.time-container{padding:8px 12px 12px}.calendar-day{font-size:13px;height:32px;width:32px}.calendar-grid{gap:1px}.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.time-slot{padding:10px 12px;font-size:13px;min-height:40px}.input-row{flex-direction:row;gap:8px;align-items:flex-end;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.date-input-wrapper,.time-input-wrapper{min-width:0;max-width:100%;flex:1 1 0;box-sizing:border-box;overflow:hidden}.input-container .form-input{min-width:0;max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.datetime-calendar,.datetime-calendar-layout{width:100%!important;max-width:100%!important}.calendar-container{padding:8px;width:100%!important;max-width:100%!important;min-width:0!important}.calendar-day{height:28px;width:28px;font-size:12px}.month-year{font-size:14px}.nav-btn{width:28px;height:28px}.day-label{font-size:10px;padding:2px 1px}}@container datetime-calendar (max-width: 500px){.datetime-calendar-layout{display:flex!important;flex-direction:column!important;width:100%!important}.datetime-calendar>div{display:flex!important;flex-direction:column!important}.calendar-container{border-right:none!important;border-bottom:1px solid var(--gray2)!important;order:1!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 12px 8px}.time-container{flex:none!important;border-left:none!important;border-top:none!important;order:2!important;width:100%!important;max-width:100%!important;padding:8px 12px 12px}.datetime-calendar-layout .calendar-container,.datetime-calendar-layout .time-container{flex:none!important;width:100%!important;max-width:100%!important}.calendar-day{font-size:13px;height:32px;width:32px}.calendar-grid{gap:1px}.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.time-slot{padding:10px 12px;font-size:13px;min-height:40px}.input-row{flex-direction:row;gap:8px;align-items:flex-end;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.date-input-wrapper,.time-input-wrapper{min-width:0;max-width:100%;flex:1 1 0;box-sizing:border-box;overflow:hidden}.input-container .form-input{min-width:0;max-width:100%;box-sizing:border-box}}@container datetime-calendar (max-width: 350px){.calendar-container{padding:8px}.calendar-day{height:28px;width:28px;font-size:12px}.month-year{font-size:14px}.nav-btn{width:28px;height:28px}.day-label{font-size:10px;padding:2px 1px}.time-header{font-size:14px;margin-bottom:12px}.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px}.time-slot{padding:8px 10px;font-size:12px;min-height:36px}}.datetime-field .datetime-calendar{margin-top:8px}.datetime-field .datetime-label{font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.input-container{padding:0;background:transparent;border-bottom:1px solid var(--gray3, #e1e5e9);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.input-row{display:flex;flex-direction:row;gap:12px;align-items:flex-end;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;margin-top:5px;margin-bottom:5px}.date-input-wrapper,.time-input-wrapper{flex:1 1 0;min-width:0;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.input-label{display:block;font-size:12px;font-weight:500;color:var(--sub-text);margin-bottom:4px}.input-container .form-input{width:100%;max-width:100%;padding:8px 12px;border:1px solid var(--gray3, #e1e5e9);border-radius:6px;background:var(--background, white);color:var(--text);font-size:13px;transition:all .2s ease;font-weight:500;box-sizing:border-box;min-width:0}.input-container .form-input:focus{outline:none;border-color:var(--buttonBackgroundColor, #007aff);box-shadow:0 0 0 3px #007aff1a}.input-container .form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--gray1, #f5f5f5)}.work-days-selector{display:flex;gap:4px;margin-top:4px}.work-day-btn{width:32px;height:32px;border:1px solid var(--gray3, #e1e5e9);border-radius:6px;background:var(--background, white);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.work-day-btn:hover{border-color:var(--buttonBackgroundColor, #007aff);background:rgba(0,122,255,.05)}.work-day-btn.selected{background:var(--buttonBackgroundColor, #007aff);border-color:var(--buttonBackgroundColor, #007aff);color:#fff}.form-group-row{display:flex;gap:12px}.form-group-row .form-group{flex:1}.sui-date-field{position:relative;width:100%;min-width:0}.sui-date-field-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--gray2);border-radius:14px;background:var(--gray1);color:var(--text);box-sizing:border-box;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.sui-date-field-trigger:hover{border-color:var(--gray3)}.sui-date-field-trigger:focus-visible,.sui-date-field-trigger[aria-expanded=true]{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px var(--shadow)}.sui-date-field-trigger:disabled{opacity:.6;cursor:not-allowed}.sui-date-field-trigger.is-empty{color:var(--sub-text)}.sui-date-field-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-date-field-trigger-icon{flex-shrink:0;font-size:18px;color:var(--sub-text)}.sui-date-field-proxy{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.sui-date-field-scrim{position:fixed;inset:0;background:var(--forOverlay);backdrop-filter:blur(6px);z-index:1199}.sui-date-field-panel{position:fixed;z-index:1200;background:var(--main-background);border:1px solid var(--gray2);border-radius:24px;box-shadow:0 20px 48px var(--shadow);overflow:hidden}.sui-date-field-panel.is-mobile{left:12px;right:12px;bottom:12px;width:auto;max-height:min(80vh,680px);display:flex;flex-direction:column}.sui-date-field-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid var(--gray2)}.sui-date-field-panel-copy{min-width:0}.sui-date-field-panel-eyebrow{display:inline-block;margin-bottom:6px;color:var(--sub-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.sui-date-field-panel-copy h4{margin:0;color:var(--text);font-size:20px;line-height:1.2}.sui-date-field-panel-copy p{margin:8px 0 0;color:var(--sub-text);font-size:14px;line-height:1.45}.sui-date-field-close,.sui-date-field-nav,.sui-date-field-now-btn,.sui-date-field-footer-btn{font:inherit}.sui-date-field-close,.sui-date-field-nav{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.sui-date-field-close:hover,.sui-date-field-nav:hover{border-color:var(--gray3)}.sui-date-field-panel-body{display:grid;grid-template-columns:1fr;gap:18px;padding:18px 20px 20px;overflow:auto}.sui-date-field-panel.is-datetime .sui-date-field-panel-body{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:start}.sui-date-field-calendar,.sui-date-field-time-card{background:var(--best-gray);border:1px solid var(--gray2);border-radius:20px}.sui-date-field-calendar{padding:16px}.sui-date-field-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.sui-date-field-month-label{flex:1 1 auto;color:var(--text);font-size:16px;font-weight:700;text-align:center}.sui-date-field-weekdays,.sui-date-field-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.sui-date-field-weekdays{gap:6px;margin-bottom:8px}.sui-date-field-weekdays span{text-align:center;color:var(--sub-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sui-date-field-grid{gap:6px}.sui-date-field-day{min-height:42px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.sui-date-field-day:hover:not(.is-disabled){background:var(--gray1);border-color:var(--gray2)}.sui-date-field-day.is-today{border-color:var(--blue-blue)}.sui-date-field-day.is-selected{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.sui-date-field-day.is-outside-month{color:var(--sub-text)}.sui-date-field-day.is-disabled{color:var(--gray3);cursor:not-allowed;opacity:.55}.sui-date-field-time-card{padding:18px;display:flex;flex-direction:column;gap:16px}.sui-date-field-time-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sui-date-field-time-header h5{margin:0;color:var(--text);font-size:16px}.sui-date-field-time-header p{margin:6px 0 0;color:var(--sub-text);font-size:13px;line-height:1.4}.sui-date-field-now-btn,.sui-date-field-footer-btn{border:1px solid var(--gray2);border-radius:12px;padding:10px 14px;background:var(--main-background);color:var(--text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.sui-date-field-now-btn:hover,.sui-date-field-footer-btn:hover{border-color:var(--gray3)}.sui-date-field-time-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sui-date-field-time-select{display:flex;flex-direction:column;gap:6px}.sui-date-field-time-select span{color:var(--sub-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sui-date-field-time-select select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--gray2);border-radius:12px;background:var(--main-background);color:var(--text);font:inherit}.sui-date-field-time-select select:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px var(--shadow)}.sui-date-field-time-error{padding:10px 12px;border:1px solid var(--gray2);border-radius:12px;background:var(--main-background);color:var(--sub-text);font-size:13px;line-height:1.4}.sui-date-field-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px;border-top:1px solid var(--gray2)}.sui-date-field-footer-btn.is-primary{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.sui-date-field-footer-btn.is-secondary{background:var(--main-background)}.sui-date-field-now-btn:disabled,.sui-date-field-footer-btn:disabled,.sui-date-field-nav:disabled,.sui-date-field-day:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){.sui-date-field-panel.is-datetime .sui-date-field-panel-body{grid-template-columns:1fr}.sui-date-field-panel-header,.sui-date-field-panel-body,.sui-date-field-panel-footer{padding-left:16px;padding-right:16px}}.location-input,.location-input-responsive-container{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width: 501px){.location-input-responsive-container.has-locations{flex-direction:row;gap:20px;align-items:stretch;min-height:100%}.location-input-responsive-container.has-locations .location-input-left-panel{flex:0 0 300px;min-width:300px;display:flex;flex-direction:column}.location-input-responsive-container.has-locations .location-input-right-panel{flex:1;min-width:0;width:100%}.location-input-responsive-container.has-locations .location-input-right-panel .location-view-container{width:100%;height:100%}.location-input-responsive-container.has-locations .location-input-right-panel .location-view-content{width:100%!important;min-height:400px}.location-input-responsive-container.no-locations{flex-direction:column;gap:16px;width:100%}.location-input-responsive-container.no-locations .location-input-left-panel{width:100%;max-width:none}}.preview-form-container.mobile .location-input-responsive-container{flex-direction:column!important;gap:16px!important;align-items:stretch!important}.preview-form-container.mobile .location-input-responsive-container .location-input-left-panel,.preview-form-container.mobile .location-input-responsive-container .location-input-right-panel{flex:none!important;width:100%!important;min-width:auto!important}.preview-form-container.mobile .location-input-responsive-container .location-input-right-panel .location-view-content{min-height:250px!important}.preview-form-container.tablet .location-input-responsive-container.has-locations{flex-direction:row!important;gap:16px!important}.preview-form-container.tablet .location-input-responsive-container.has-locations .location-input-left-panel{flex:0 0 250px!important;min-width:250px!important}.preview-form-container.tablet .location-input-responsive-container.has-locations .location-input-right-panel .location-view-content{min-height:300px!important}.preview-form-container.tablet .location-input-responsive-container.no-locations{flex-direction:column!important;gap:16px!important}.preview-form-container.tablet .location-input-responsive-container.no-locations .location-input-left-panel{width:100%!important}.location-input-left-panel{display:flex;flex-direction:column;gap:16px;width:100%}.location-input-right-panel{width:100%}.location-search-container{position:relative;width:100%}.location-search-box{position:relative;display:flex;align-items:center;background:var(--best-gray);border:1px solid transparent!important;border-radius:17px;padding:0 12px;transition:all .2s ease;outline:none!important;box-shadow:none!important;height:50px}.location-search-box:focus-within{border-color:transparent!important;box-shadow:none!important;outline:none!important}.search-icon{font-size:18px;color:var(--sub-text);opacity:.6;margin-right:12px;flex-shrink:0}.location-search-input{flex:1;padding:12px 0;border:none!important;background:transparent!important;outline:none!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;color:var(--text)!important;border-radius:17px;line-height:1!important;letter-spacing:0!important;width:100%;box-sizing:border-box!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;height:auto}.location-search-input:focus{outline:none!important;border:none!important;box-shadow:none!important;background:transparent!important}.location-search-input:active{outline:none!important;border:none!important;box-shadow:none!important}.location-search-input::placeholder{color:var(--sub-text);opacity:.6;font-size:16px;line-height:1;letter-spacing:0;font-family:ARLRDBD,sans-serif}.location-search-input:disabled{opacity:.6;cursor:not-allowed}.clear-search-btn{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:all .2s ease;opacity:.7}.clear-search-btn:hover{background:rgba(255,255,255,.2);color:var(--text);opacity:1;transform:scale(1.05)}.clear-search-btn .material-icons{font-size:16px}.location-suggestions{position:absolute;top:56px;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--background);border-radius:17px;box-shadow:0 8px 32px var(--shadow);border:2px solid var(--gray2);backdrop-filter:blur(10px);z-index:1001}.location-suggestion{padding:16px 20px;cursor:pointer;border-bottom:1px solid var(--best-gray);display:flex;align-items:flex-start;gap:12px;transition:all .15s ease}.location-suggestion:last-child{border-bottom:none}.location-suggestion:hover{background-color:var(--best-gray);transform:translate(2px)}.location-suggestion .material-icons{font-size:18px;color:var(--sub-text);margin-top:1px;flex-shrink:0}.suggestion-content{flex:1;min-width:0}.suggestion-name{font-weight:500;margin-bottom:2px;color:var(--text);line-height:1.3;font-family:ARLRDBD,sans-serif}.suggestion-address{font-size:12px;color:var(--sub-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ARLRDBD,sans-serif}.selected-locations{display:flex;flex-direction:column;gap:0;max-height:200px;overflow-y:auto}.location-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--best-gray);border:1px solid transparent;border-radius:17px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.location-item:last-child{margin-bottom:0}.location-item:hover{background:var(--background);border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.location-item.selected{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.location-item.selected .location-marker-mini{background:rgba(255,255,255,.2);color:#fff}.location-item.selected .location-name,.location-item.selected .location-address{color:#fff}.location-marker-mini{width:24px;height:24px;background:var(--blue-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;font-family:ARLRDBD,sans-serif;transition:all .2s ease;position:relative}.location-marker-mini .marker-number{transition:opacity .2s ease}.location-marker-mini .marker-remove{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;font-size:14px;line-height:1}.location-item:hover .location-marker-mini .marker-number{opacity:0}.location-item:hover .location-marker-mini .marker-remove{opacity:1}.location-item:hover .location-marker-mini{background:#ff4757;cursor:pointer}.location-item.selected:hover .location-marker-mini{background:#ff4757}.location-item.long-press-active .location-marker-mini{background:#ff4757!important;transform:scale(1.1)}.location-item.long-press-active .location-marker-mini .marker-number{opacity:0}.location-item.long-press-active .location-marker-mini .marker-remove{opacity:1}.location-info-render{flex:1;min-width:0}.location-name{font-weight:500;margin-bottom:2px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:14px}.location-address{font-size:12px;color:var(--sub-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ARLRDBD,sans-serif}.location-view-container{display:flex;flex-direction:column;gap:0;border:1px solid var(--best-gray);border-radius:17px;overflow:hidden}.view-mode-pill{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:25px;padding:8px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(255,255,255,.2);z-index:1000;gap:4px;transition:all .3s ease}.view-pill-btn{min-width:40px;height:40px;border-radius:20px;border:none;background:transparent;color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;padding:0 12px;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:500}.view-pill-btn .pill-icon{font-size:20px;flex-shrink:0;transition:all .3s ease}.view-pill-btn .pill-label{opacity:0;width:0;margin-left:0;transition:all .3s ease;overflow:hidden;white-space:nowrap}.view-pill-btn:hover{background:rgba(59,130,246,.1);color:var(--blue-blue);min-width:auto;padding:0 16px}.view-pill-btn:hover .pill-label{opacity:1;width:auto;margin-left:8px}.view-pill-btn.active{background:var(--blue-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.view-pill-btn.active:hover{background:var(--blue-blue);color:#fff}.view-pill-btn:disabled{opacity:.4;cursor:not-allowed}.view-pill-btn:disabled:hover{background:transparent;color:var(--sub-text);min-width:40px;padding:0 12px}.view-pill-btn:disabled:hover .pill-label{opacity:0;width:0;margin-left:0}.location-view-content{position:relative;width:100%;background:var(--gray1)}.map-view{width:100%;height:100%;border-radius:0}.map-view.hidden{display:none}.street-view{width:100%;height:100%}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);color:var(--text);font-family:ARLRDBD,sans-serif;z-index:1000}.loading-icon{font-size:48px;margin-bottom:16px;color:var(--sub-text);animation:spin 2s linear infinite}.no-street-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif}.no-street-view .material-icons{font-size:48px;margin-bottom:16px;color:var(--sub-text)}.no-street-view-hint{font-size:12px;color:var(--sub-text);margin-top:4px}.location-info-bar{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--background);border-top:1px solid var(--best-gray)}.location-details{flex:1;min-width:0}.location-name-large{font-weight:600;font-size:16px;color:var(--text);margin-bottom:4px;font-family:ARLRDBD,sans-serif}.location-address-small{font-size:13px;color:var(--sub-text);margin-bottom:2px;font-family:ARLRDBD,sans-serif}.location-coordinates{font-size:11px;color:var(--sub-text);font-family:Courier New,monospace}.location-counter{background:var(--blue-blue);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;font-family:ARLRDBD,sans-serif}.no-locations-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--best-gray);border-radius:17px;border:1px solid transparent;color:var(--text);font-family:ARLRDBD,sans-serif;text-align:center}.no-locations-message .material-icons{font-size:48px;margin-bottom:16px;color:var(--sub-text)}.no-locations-hint{font-size:12px;color:var(--sub-text);margin-top:4px}.location-marker{cursor:pointer}.marker-pin{transition:all .2s ease}.marker-pin:hover{transform:scale(1.1)}@media (max-width: 768px){.view-mode-pill{bottom:15px;padding:6px}.view-pill-btn{min-width:36px;height:36px;padding:0 10px}.view-pill-btn:hover{padding:0 14px}.view-pill-btn .pill-icon{font-size:18px}.view-pill-btn .pill-label{font-size:13px}.location-info-bar{flex-direction:column;align-items:stretch;gap:12px}.location-counter{align-self:flex-end}.selected-locations{max-height:150px}}@media (max-width: 480px){.view-mode-pill{bottom:10px;padding:4px;gap:2px}.view-pill-btn{min-width:32px;height:32px;padding:0 8px}.view-pill-btn:hover{padding:0 12px}.view-pill-btn .pill-icon{font-size:16px}.view-pill-btn .pill-label{font-size:12px}.location-item{padding:10px 12px}.location-name{font-size:13px}.location-address{font-size:11px}}.precise-location-input{display:flex;flex-direction:column;gap:16px;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif)}.precise-location-error{display:flex;align-items:center;gap:12px;padding:20px;background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;color:#856404}.precise-location-empty{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--best-gray, #f5f5f7);border:1px dashed #d1d5db;border-radius:10px;color:#6b7280}.precise-location-empty .material-icons{font-size:18px;color:#9ca3af}.dependent-hint-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:2px}.dependent-hint-message{font-size:12px;color:#6b7280}.precise-location-error .material-icons{font-size:24px;color:#f39c12}.error-title{font-weight:600;font-size:14px;margin-bottom:4px}.error-message{font-size:13px;opacity:.8;line-height:1.4}.precise-location-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#007aff;border:2px solid #007aff;border-radius:12px;color:#fff;margin-bottom:16px}.current-location-info{display:flex;align-items:center;gap:12px;flex:1}.current-location-info .material-icons{color:#fff;font-size:20px}.current-location-text{display:flex;flex-direction:column;gap:2px}.current-location-label{font-size:12px;opacity:.8;font-weight:400}.current-location-name{font-size:14px;font-weight:600}.location-counter{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500}.pins-counter{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500}.pins-counter .material-icons{font-size:16px}.bound-location-info{display:flex;align-items:center;gap:12px;flex:1}.bound-location-info .material-icons{color:#fff;font-size:20px}.bound-location-name{font-weight:600;font-size:14px;color:#fff;margin-bottom:2px}.bound-location-address{font-size:12px;color:#fffc;line-height:1.3}.clear-precise-btn{padding:8px;background:none;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-precise-btn:hover{background:#f3f4f6;color:#ef4444}.clear-precise-btn .material-icons{font-size:18px}.precise-map-container{position:relative;border-radius:16px;overflow:hidden;border:3px solid #e5e7eb;background:#f9fafb}.precise-map{border-radius:inherit}.map-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.coordinates-pill{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 12px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:11px;font-weight:600;color:#374151;z-index:5;transition:all .2s ease}.coordinates-pill:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 6px 25px #00000026}.coordinates-pill .material-icons{font-size:14px;color:#007aff}.accuracy-pill{position:absolute;bottom:16px;right:16px;background:rgba(16,185,129,.95);color:#fff;border-radius:16px;padding:6px 10px;font-size:11px;font-weight:600;box-shadow:0 4px 20px #10b9814d;z-index:5;transition:all .2s ease}.accuracy-pill:hover{background:rgba(16,185,129,1);transform:translateY(-1px);box-shadow:0 6px 25px #10b98166}.crosshair-lines{position:relative;width:40px;height:40px}.crosshair-horizontal,.crosshair-vertical{position:absolute;background:#007aff;box-shadow:0 0 0 2px #fff,0 0 8px #007aff4d}.crosshair-horizontal{width:40px;height:3px;top:50%;left:0;transform:translateY(-50%)}.crosshair-vertical{width:3px;height:40px;left:50%;top:0;transform:translate(-50%)}.crosshair-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#007aff;border:3px solid white;border-radius:50%;box-shadow:0 0 8px #007aff66}.view-controls-pills{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:5}.control-pill{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:8px 16px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:140px}.control-pill:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 6px 25px #00000026}.control-pill .material-icons{font-size:16px;color:#007aff;flex-shrink:0}.control-pill .control-label{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.pill-slider{flex:1;height:3px;background:#e5e7eb;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:0 4px}.pill-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#007aff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #007aff4d;transition:transform .1s ease}.pill-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.pill-slider::-moz-range-thumb{width:12px;height:12px;background:#007aff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #007aff4d;transition:transform .1s ease}.pill-slider::-moz-range-thumb:hover{transform:scale(1.2)}.control-pill .control-value{font-size:11px;font-weight:600;color:#007aff;flex-shrink:0;min-width:24px;text-align:right}.bounds-toggle{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;transition:all .2s ease}.bounds-toggle:hover{background:rgba(255,255,255,1);transform:translateY(-1px)}.bounds-toggle.active{background:#007aff;color:#fff;border-color:#007aff}.bounds-toggle .material-icons{font-size:16px}.placement-indicator{position:absolute;top:16px;right:16px;background:rgba(0,122,255,.95);color:#fff;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #007aff4d;z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.placement-indicator .material-icons{font-size:16px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.precise-location-marker{z-index:100}.precise-marker-pin{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.precise-marker-center{width:12px;height:12px;background:#007aff;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #007aff66;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.precise-marker-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #007aff;border-radius:50%;opacity:.6;z-index:2}.precise-marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid #007aff;border-radius:50%;opacity:.3;animation:marker-pulse 2s infinite;z-index:1}@keyframes marker-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.precise-marker-shadow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:16px;height:4px;background:rgba(0,0,0,.2);border-radius:50%;filter:blur(2px)}.precise-marker-remove-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ff3b30;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:10}.precise-marker-remove-btn .material-icons{font-size:12px;color:#fff;line-height:1}.precise-location-marker:hover .precise-marker-remove-btn{opacity:1;transform:scale(1)}.precise-marker-remove-btn:hover{background:#ff2d20;transform:scale(1.1)!important}.location-details-simple{display:flex;flex-direction:column;gap:16px}.input-field{display:flex;flex-direction:column;gap:6px}.input-field-row{display:flex;gap:12px}.input-field-row .input-field{flex:1}.input-field label{font-size:14px;font-weight:500;color:var(--text);font-family:ARLRDBD,sans-serif;margin-bottom:4px}.precise-location-input .text-input,.precise-location-input input.text-input,.location-details-simple .text-input,.location-details-simple input.text-input,.input-field .text-input,.input-field input.text-input{background:var(--best-gray)!important;border:none!important;border-radius:15px!important;padding:15px 20px!important;font-size:16px!important;color:var(--text)!important;font-family:ARLRDBD,sans-serif!important;transition:all .2s ease!important;outline:none!important;box-shadow:none!important;height:50px!important;box-sizing:border-box!important;line-height:1!important;letter-spacing:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-outline:none!important;-moz-outline:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important}.precise-location-input .text-input:focus,.precise-location-input input.text-input:focus,.location-details-simple .text-input:focus,.location-details-simple input.text-input:focus,.input-field .text-input:focus,.input-field input.text-input:focus{background:var(--best-gray)!important;border:none!important;box-shadow:none!important;outline:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-outline:none!important;-moz-outline:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important;-webkit-focus-ring-color:transparent!important;border-radius:15px!important}.precise-location-input .text-input:active,.precise-location-input input.text-input:active,.location-details-simple .text-input:active,.location-details-simple input.text-input:active,.input-field .text-input:active,.input-field input.text-input:active{background:var(--best-gray)!important;border:none!important;box-shadow:none!important;outline:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-outline:none!important;-moz-outline:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important;border-radius:15px!important}.precise-location-input .text-input:focus-visible,.precise-location-input input.text-input:focus-visible,.location-details-simple .text-input:focus-visible,.location-details-simple input.text-input:focus-visible,.input-field .text-input:focus-visible,.input-field input.text-input:focus-visible{outline:none!important;box-shadow:none!important;border:none!important;border-radius:15px!important}.precise-location-input .text-input[type=number],.precise-location-input input.text-input[type=number],.location-details-simple .text-input[type=number],.location-details-simple input.text-input[type=number],.input-field .text-input[type=number],.input-field input.text-input[type=number]{-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:none!important;border-radius:15px!important}.precise-location-input .text-input[type=number]::-webkit-outer-spin-button,.precise-location-input .text-input[type=number]::-webkit-inner-spin-button,.precise-location-input input.text-input[type=number]::-webkit-outer-spin-button,.precise-location-input input.text-input[type=number]::-webkit-inner-spin-button,.location-details-simple .text-input[type=number]::-webkit-outer-spin-button,.location-details-simple .text-input[type=number]::-webkit-inner-spin-button,.location-details-simple input.text-input[type=number]::-webkit-outer-spin-button,.location-details-simple input.text-input[type=number]::-webkit-inner-spin-button,.input-field .text-input[type=number]::-webkit-outer-spin-button,.input-field .text-input[type=number]::-webkit-inner-spin-button,.input-field input.text-input[type=number]::-webkit-outer-spin-button,.input-field input.text-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.precise-location-input .text-input:disabled,.precise-location-input input.text-input:disabled,.location-details-simple .text-input:disabled,.location-details-simple input.text-input:disabled,.input-field .text-input:disabled,.input-field input.text-input:disabled{opacity:.6!important;cursor:not-allowed!important;border-radius:15px!important}.text-input::placeholder{color:var(--sub-text);opacity:.6;font-size:16px;line-height:1;letter-spacing:0;font-family:ARLRDBD,sans-serif}.precise-instructions{background:#eff6ff;border:2px solid #dbeafe;border-radius:12px;padding:16px}.instruction-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:#1e40af;line-height:1.4}.instruction-item:last-child{margin-bottom:0}.instruction-item .material-icons{font-size:18px;color:#3b82f6;flex-shrink:0}@media (max-width: 768px){.precise-location-header{flex-direction:column;align-items:flex-start;gap:12px}.coordinates-pill{top:12px;left:12px;font-size:10px;padding:6px 10px}.accuracy-pill{bottom:80px;right:12px;font-size:10px;padding:5px 8px}.view-controls-pills{flex-direction:column;bottom:12px;left:12px;right:12px;transform:none;gap:8px}.control-pill{min-width:auto;width:100%;padding:10px 16px;justify-content:space-between}.control-pill .material-icons{order:1}.control-pill .control-label{order:2;flex:1;text-align:left;margin-left:8px}.pill-slider{order:3;flex:2;margin:0 12px}.control-pill .control-value{order:4;min-width:32px}.placement-indicator{position:static;margin:12px;border-radius:8px}}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left{margin-left:0;border-radius:0 4px 4px 0}.mapbox-gl-draw_ctrl-top-right,.mapbox-gl-draw_ctrl-bottom-right{margin-right:0;border-radius:4px 0 0 4px}.mapbox-gl-draw_ctrl-draw-btn{border-color:#000000e6;color:#ffffff80;width:30px;height:30px}.mapbox-gl-draw_ctrl-draw-btn.active,.mapbox-gl-draw_ctrl-draw-btn.active:hover{background-color:#0000000d}.mapbox-gl-draw_ctrl-draw-btn{background-repeat:no-repeat;background-position:center}.mapbox-gl-draw_point{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>')}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>')}.mapbox-gl-draw_line{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>')}.mapbox-gl-draw_uncombine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>')}.mapbox-gl-draw_combine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>')}.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:pointer}.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive{cursor:crosshair}.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:cell}.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.mapbox-gl-draw_boxselect{pointer-events:none;position:absolute;top:0;left:0;width:0;height:0;background:rgba(0,0,0,.1);border:2px dotted #fff;opacity:.5}.map-area-selection{width:100%}.map-area-selection .mapboxgl-canvas{border-radius:12px}.map-area-selection .mapboxgl-ctrl-top-right{position:absolute!important;top:10px!important;right:10px!important}.map-area-selection-error-container,.map-area-selection-loading-container{width:100%;border-radius:12px;border:1px solid var(--best-gray);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text)}.map-area-selection-error-container{background:var(--gray1)}.map-area-selection-loading-container{background:var(--gray1);gap:8px}.map-area-selection-error-icon{font-size:48px;margin-bottom:16px;color:var(--sub-text)}.map-area-selection-error-title{margin-bottom:8px;font-weight:600;font-family:ARLRDBD,sans-serif}.map-area-selection-error-message{font-size:13px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.map-area-selection-loading-title{font-weight:600;font-family:ARLRDBD,sans-serif}.map-area-selection-loading-message{font-size:13px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.map-area-selection-wrapper{position:relative;width:100%}.map-area-selection-map-container{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--best-gray);box-shadow:0 4px 20px var(--shadow)}.map-area-selection-map-container.disabled{opacity:.6;pointer-events:none}.map-area-selection-search-container{position:absolute;top:16px;left:16px;z-index:1000;width:auto;max-width:380px;min-width:300px}.map-area-selection-search-box{position:relative;display:flex;align-items:center;background:var(--main-background);border-radius:12px;padding:5px 8px;box-shadow:0 4px 16px #0000001f;backdrop-filter:blur(10px);transition:all .2s ease}.map-area-selection-search-box:hover{box-shadow:0 6px 20px #00000026}.map-area-selection-search-box:focus-within{background:var(--best-gray);border-color:var(--text);box-shadow:0 6px 20px #00000026}.map-area-selection-search-icon-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0;padding-left:32px}.map-area-selection-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--sub-text);pointer-events:none}.map-area-selection-search-input{padding:8px 12px;border-radius:8px;border:none;background:transparent!important;font-size:14px;font-family:ARLRDBD,sans-serif;outline:none;flex:1;min-width:150px;color:var(--text)!important;transition:all .2s ease}.map-area-selection-search-input::placeholder{color:var(--sub-text);opacity:.6}.map-area-selection-search-input:focus{background:transparent!important}.map-area-selection-search-clear{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px;transition:all .2s ease;font-size:18px;flex-shrink:0}.map-area-selection-search-clear:hover{background:var(--gray1);color:var(--text);transform:scale(1.05)}.map-area-selection-suggestions{position:absolute;top:56px;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--background);border-radius:12px;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--best-gray);backdrop-filter:blur(10px);z-index:1001}.map-area-selection-suggestion-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--best-gray);font-size:14px;font-family:ARLRDBD,sans-serif;transition:all .15s ease;display:flex;align-items:flex-start;gap:12px}.map-area-selection-suggestion-item:last-child{border-bottom:none}.map-area-selection-suggestion-item:hover{background-color:var(--gray1);transform:translate(4px)}.map-area-selection-suggestion-icon{font-size:18px;color:var(--sub-text);margin-top:1px;flex-shrink:0}.map-area-selection-suggestion-content{flex:1;min-width:0}.map-area-selection-suggestion-title{font-weight:500;margin-bottom:2px;color:var(--text);line-height:1.3}.map-area-selection-suggestion-subtitle{font-size:12px;color:var(--sub-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-area-selection-controls{position:absolute;bottom:5px;right:5px;display:flex;flex-direction:column;gap:8px;z-index:1000}.map-area-selection-clear-btn,.map-area-selection-toggle-btn{padding:8px 16px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px var(--shadow);transition:all .2s ease;font-size:14px;font-family:ARLRDBD,sans-serif;font-weight:500;min-width:auto;white-space:nowrap}.map-area-selection-clear-btn{background:#ff4757;color:#fff}.map-area-selection-clear-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d}.map-area-selection-toggle-btn{background:var(--background);color:var(--text);border:1px solid var(--best-gray)}.map-area-selection-toggle-btn.enabled{background:var(--blue-blue);color:#fff;border:none}.map-area-selection-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.map-area-selection-area-display{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--best-gray);padding:12px 20px;border-radius:20px;font-size:14px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;box-shadow:0 2px 8px var(--shadow);border:2px solid var(--background);z-index:1000;text-align:center;line-height:1.2}.map-area-selection-area-value{font-size:16px;font-weight:700}.map-area-selection-area-label{font-size:12px;color:var(--sub-text);margin-top:2px}.map-area-selection-helper-text{margin-top:8px;padding:8px 12px;background:var(--gray1);border-radius:8px;font-size:14px;color:var(--sub-text);font-family:ARLRDBD,sans-serif;font-style:italic;text-align:center}.map-area-selection .mapboxgl-ctrl-top-left{display:none}.map-area-selection .mapboxgl-ctrl-group{border-radius:50%!important;overflow:visible!important;box-shadow:none!important;background:transparent!important;border:none!important;display:flex!important;flex-direction:column!important;gap:8px!important}.map-area-selection .mapboxgl-ctrl button{background:rgba(255,255,255,.95)!important;border:1px solid var(--best-gray)!important;color:var(--text)!important;transition:all .2s ease!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #00000026!important;margin:0!important;font-size:18px!important;font-weight:700!important;padding:0!important}.map-area-selection .mapboxgl-ctrl button:hover{background:var(--gray1)!important;transform:scale(1.05)!important}.map-area-selection .mapboxgl-ctrl button:not(:last-child){margin-bottom:8px!important}.map-area-selection .mapbox-gl-draw_ctrl-draw-btn{background:var(--background);border:none;color:var(--text)}.map-area-selection .mapbox-gl-draw_ctrl-draw-btn:hover{background:var(--gray1)}.map-area-selection .mapbox-gl-draw_ctrl-draw-btn.active{background:var(--blue-blue);color:#fff}.map-area-selection .mapbox-gl-draw_polygon{fill:var(--blue-blue);fill-opacity:.2;stroke:var(--blue-blue);stroke-width:2}.map-area-selection .mapbox-gl-draw_polygon.active{fill-opacity:.3}.map-area-selection button{transition:all .2s ease;font-family:ARLRDBD,sans-serif}.map-area-selection button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026!important}.map-area-selection button:active{transform:translateY(0)}.map-area-selection button[style*="padding: 8px 16px"]{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important}.map-area-selection button[style*="padding: 8px 16px"]:hover{backdrop-filter:blur(15px)}.gl-root{position:relative;display:inline-flex;align-items:center;justify-content:center}.gl-svg{display:block}.gl-track{transform:rotate(-90deg);transform-origin:center}.gl-svg circle{transform:rotate(-90deg);transform-origin:center}@keyframes gl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gl-spin{animation:gl-rotate 1.6s linear infinite}.gl-center-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);font-size:.85rem;color:var(--blue-blue)}.global-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:color-mix(in oklab,var(--background) 80%,transparent);backdrop-filter:blur(2px);overflow:hidden;isolation:isolate}.global-loading-overlay>*{position:relative;z-index:1}.global-loading-overlay.gl-shimmer:before{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,color-mix(in oklab,var(--blue-blue) 35%,transparent) 50%,transparent 65%);animation:gl-shimmer 1.6s ease-in-out infinite;opacity:.6;pointer-events:none}.global-loading-overlay.gl-shimmer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.06),transparent 50%);opacity:.7;pointer-events:none}@keyframes gl-shimmer{0%{transform:translate(-30%)}to{transform:translate(30%)}}.global-loading-overlay.fullscreen{position:fixed;inset:0;z-index:9999}.global-loading-message{color:var(--sub-text);font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);font-size:.9rem}.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}.map-path-selection{width:100%}.map-path-selection-error-container,.map-path-selection-loading-container{width:100%;border-radius:12px;border:1px solid var(--best-gray);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text);background:var(--gray1);gap:8px}.map-path-selection-error-icon,.map-path-selection-loading-icon{font-size:48px;margin-bottom:16px;color:var(--sub-text)}.map-path-selection-error-title,.map-path-selection-loading-title{margin-bottom:8px;font-weight:600;font-family:ARLRDBD,sans-serif}.map-path-selection-loading-title{margin-top:4px}.map-path-selection-error-message,.map-path-selection-loading-message{font-size:13px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.map-path-selection-container{position:relative;width:100%;overflow:hidden}.map-container{border-radius:12px;overflow:hidden;border:1px solid var(--best-gray);box-shadow:0 4px 20px var(--shadow);background-color:#fff}.map-container.disabled{opacity:.6;pointer-events:none}.map-path-selection-search-wrapper{position:absolute;top:16px;left:16px;z-index:1000;width:auto;max-width:380px;min-width:300px}.map-path-selection-search-box{position:relative;display:flex;align-items:center;background:var(--main-background);border-radius:12px;padding:5px 8px;box-shadow:0 4px 16px #0000001f;backdrop-filter:blur(10px);transition:all .2s ease}.map-path-selection-search-box:hover{box-shadow:0 6px 20px #00000026}.map-path-selection-search-box:focus-within{background:var(--best-gray);border-color:var(--text);box-shadow:0 6px 20px #00000026}.map-path-selection-search-icon-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0;padding-left:32px}.map-path-selection-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--sub-text);pointer-events:none}.map-path-selection-search-input{padding:8px 12px;border-radius:8px;border:none;background:transparent;font-size:14px;font-family:ARLRDBD,sans-serif;outline:none;flex:1;min-width:150px;color:var(--text);background-color:transparent!important;transition:color .2s ease}.map-path-selection-search-input::placeholder{color:var(--sub-text);opacity:.6}.map-path-selection-search-input:focus{background:rgba(255,255,255,.5)}.map-path-selection-search-clear{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px;transition:all .2s ease;font-size:18px;flex-shrink:0}.map-path-selection-search-clear:hover{background:var(--gray1);color:var(--text);transform:scale(1.05)}.map-path-selection-suggestions{position:absolute;top:56px;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--background);border-radius:12px;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--best-gray);backdrop-filter:blur(10px);z-index:1001}.map-path-selection-suggestion-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--best-gray);font-size:14px;font-family:ARLRDBD,sans-serif;transition:all .15s ease;display:flex;align-items:flex-start;gap:12px}.map-path-selection-suggestion-item:last-child{border-bottom:none}.map-path-selection-suggestion-item:hover{background-color:var(--gray1);transform:translate(4px)}.map-path-selection-suggestion-icon{font-size:18px;color:var(--sub-text);margin-top:1px;flex-shrink:0}.map-path-selection-suggestion-content{flex:1;min-width:0}.map-path-selection-suggestion-title{font-weight:500;margin-bottom:2px;color:var(--text);line-height:1.3}.map-path-selection-suggestion-subtitle{font-size:12px;color:var(--sub-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-path-selection-controls-panel{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:8px}.map-path-selection-control-group{background:var(--background);border-radius:24px;padding:4px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--best-gray);display:flex;gap:2px}.map-path-selection-mode-btn,.map-path-selection-snap-btn,.map-path-selection-clear-btn{padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:12px;font-family:ARLRDBD,sans-serif;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.map-path-selection-mode-btn.path.active{background:#3B82F6;color:#fff}.map-path-selection-mode-btn.loop.active{background:#10B981;color:#fff}.map-path-selection-mode-btn.inactive{background:transparent;color:var(--text)}.map-path-selection-snap-btn.active{background:#8B5CF6;color:#fff}.map-path-selection-snap-btn.inactive,.map-path-selection-clear-btn{background:transparent;color:var(--text)}.map-path-selection-clear-btn:hover{background:#EF4444;color:#fff}.map-path-selection-location-button{position:absolute!important;bottom:16px!important;right:16px!important;width:40px;height:40px;border-radius:50%;border:1px solid var(--best-gray);background:white;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a;transition:all .2s ease;z-index:1000;padding:0}.map-path-selection-location-button:hover{box-shadow:0 6px 24px #00000026;transform:scale(1.05)}.map-path-selection-location-button:disabled{opacity:.6;cursor:not-allowed}.map-path-selection-location-button.loading{animation:map-path-selection-pulse 2s infinite}@keyframes map-path-selection-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}.map-path-selection .mapboxgl-canvas{border-radius:12px}.map-path-selection .mapboxgl-ctrl-top-right{position:absolute!important;top:10px!important;right:10px!important}.map-path-selection .mapboxgl-ctrl-top-left{display:none}.map-path-selection .mapboxgl-ctrl-group{border-radius:50%!important;overflow:visible!important;box-shadow:none!important;background:transparent!important;border:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;z-index:1001!important}.map-path-selection .mapboxgl-ctrl button{background:rgba(255,255,255,.95)!important;border:1px solid var(--best-gray)!important;color:var(--text)!important;transition:all .2s ease!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #00000026!important;margin:0!important;font-size:18px!important;font-weight:700!important;padding:0!important}.map-path-selection .mapboxgl-ctrl button:hover{background:var(--gray1)!important;transform:scale(1.05)!important}.map-path-selection .mapboxgl-ctrl button:not(:last-child){margin-bottom:8px!important}.map-path-selection button{transition:all .2s ease;font-family:ARLRDBD,sans-serif}.map-path-selection button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026!important}.map-path-selection button:active{transform:translateY(0)}.map-path-selection .search-container{position:absolute;top:16px;left:16px;z-index:1000;max-width:calc(100% - 120px)}.map-path-selection .search-box{position:relative;display:flex;align-items:center;background:var(--background);border-radius:12px;padding:4px;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--best-gray)}.map-path-selection .search-input{padding:10px 12px 10px 40px;border-radius:8px;border:none;background:transparent;font-size:14px;font-family:ARLRDBD,sans-serif;outline:none;width:240px;color:var(--text)!important}.map-path-selection .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--sub-text);pointer-events:none}.map-path-selection .search-clear{width:32px;height:32px;border-radius:6px;border:none;background:var(--gray1);color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:4px;transition:all .2s ease}.map-path-selection .search-clear:hover{background:var(--best-gray);color:var(--text)}.map-path-selection .search-suggestions{position:absolute;top:56px;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--background);border-radius:12px;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--best-gray);backdrop-filter:blur(10px);z-index:1001}.map-path-selection .suggestion-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--best-gray);font-size:14px;font-family:ARLRDBD,sans-serif;transition:all .15s ease;display:flex;align-items:flex-start;gap:12px}.map-path-selection .suggestion-item:last-child{border-bottom:none}.map-path-selection .suggestion-item:hover{background-color:var(--gray1);transform:translate(4px)}.map-path-selection .suggestion-icon{font-size:18px;color:var(--sub-text);margin-top:1px;flex-shrink:0}.map-path-selection .suggestion-content{flex:1;min-width:0}.map-path-selection .suggestion-title{font-weight:500;margin-bottom:2px;color:var(--text);line-height:1.3}.map-path-selection .suggestion-subtitle{font-size:12px;color:var(--sub-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-path-selection .location-marker{background:var(--blue-blue);border:3px solid white;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.path-marker{pointer-events:auto!important}.marker-number{color:#fff;font-size:13px;font-weight:700;font-family:ARLRDBD,sans-serif;line-height:1;pointer-events:none}.marker-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#EF4444;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #ef444466;transition:all .2s ease;z-index:1002;pointer-events:auto}.marker-remove:hover{transform:scale(1.1);background:#DC2626;box-shadow:0 4px 12px #ef444499}.marker-remove i{font-size:14px;line-height:1;pointer-events:none}.map-path-selection .location-button{position:absolute!important;right:70px!important;width:40px;height:40px;border-radius:50%;border:none;background:var(--main-background)!important;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:999}.map-path-selection .location-button:hover{background:var(--gray1);transform:scale(1.05)}.map-path-selection .location-button.loading{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}.map-path-selection .style-selector{position:absolute;top:16px;right:60px;z-index:1000}.map-path-selection .style-button{padding:8px 12px;border-radius:8px;border:1px solid var(--best-gray);background:var(--background);color:var(--text);cursor:pointer;font-size:12px;font-family:ARLRDBD,sans-serif;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow);backdrop-filter:blur(10px)}.map-path-selection .style-button:hover{background:var(--gray1);transform:translateY(-1px)}.measurement-input{width:100%;font-family:inherit}.measurement-input.disabled{opacity:.6;pointer-events:none}.measurements-container{display:flex;flex-direction:column;gap:8px}.measurement-row{display:flex;align-items:center;gap:0px;position:relative}.measurement-input-group{display:flex;flex:1;padding:16px 20px!important;border:1px solid transparent!important;border-radius:17px!important;background:var(--best-gray)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;box-sizing:border-box!important;outline:none!important;overflow:hidden;align-items:center;position:relative}.measurement-input-group:focus-within{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.measurement-value-input{flex:1;border:none!important;outline:none!important;background:transparent!important;color:var(--text)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;padding:0!important;margin:0!important;min-width:80px;max-width:120px}.measurement-value-input::placeholder{color:var(--sub-text)!important;opacity:1!important;font-size:16px!important;line-height:1!important;letter-spacing:0!important;font-family:ARLRDBD,sans-serif!important}.measurement-unit-select{flex:1;border:none!important;outline:none!important;background:transparent!important;color:var(--text)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;cursor:pointer;margin:0!important;padding:0 30px 0 16px!important;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.measurement-unit-select:focus{outline:none!important;background:transparent!important}.measurement-unit-select option{background:var(--best-gray);color:var(--text);font-family:ARLRDBD,sans-serif}.remove-measurement-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--sub-text);cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:.5;z-index:10}.remove-measurement-btn:hover{background:rgba(0,0,0,.1);color:var(--text);opacity:1;transform:translateY(-50%) scale(1.1)}.remove-measurement-btn .material-icons{font-size:14px}.add-measurement-section{margin-top:8px}.add-measurement-btn{display:flex;align-items:center;gap:8px;padding:12px 16px!important;border:2px dashed var(--sub-text)!important;border-radius:17px!important;background:transparent!important;color:var(--sub-text)!important;cursor:pointer;font-size:14px!important;font-family:ARLRDBD,sans-serif!important;transition:all .2s ease!important;width:100%!important;justify-content:center;line-height:1!important;letter-spacing:0!important;box-sizing:border-box!important;outline:none!important;opacity:.6}.add-measurement-btn:hover{background:transparent!important;color:var(--text)!important;border-color:var(--best-gray)!important;opacity:1}.add-measurement-btn .material-icons{font-size:16px}.measurement-placeholder{padding:16px 20px;color:var(--sub-text);font-style:italic;font-size:16px;font-family:ARLRDBD,sans-serif;text-align:center;opacity:.6}.custom-units-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.custom-units-header .form-label{flex:1;margin:0;min-width:0}.custom-units-manager{display:flex;flex-direction:column;gap:0}.custom-units-list{display:flex;flex-wrap:wrap;gap:8px;min-height:50px;padding:16px 20px;border:1px solid transparent;border-radius:17px;background:var(--best-gray);align-items:flex-start;align-content:flex-start}.custom-units-list:empty:after{content:"No custom units added yet";color:var(--sub-text);font-style:italic;font-size:14px;opacity:.6;display:flex;align-items:center;height:18px}.custom-unit-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:15px;font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--text);white-space:nowrap}.unit-name{font-weight:500;line-height:1}.remove-unit-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:var(--sub-text);cursor:pointer;transition:all .2s ease;opacity:.6;margin-left:2px}.remove-unit-btn:hover{background:rgba(255,255,255,.2);color:var(--text);opacity:1;transform:scale(1.1)}.remove-unit-btn .material-icons{font-size:14px}.add-unit-form{display:flex;gap:10px;align-items:flex-start;flex-shrink:0;max-width:300px}.add-unit-input{flex:1;padding:12px 16px!important;border:1px solid transparent!important;border-radius:12px!important;background:var(--best-gray)!important;font-size:14px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;box-sizing:border-box!important;outline:none!important;color:var(--text)!important;min-width:160px}.add-unit-input::placeholder{color:var(--sub-text)!important;opacity:1!important;font-size:14px!important;line-height:1!important;letter-spacing:0!important;font-family:ARLRDBD,sans-serif!important}.add-unit-input:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.add-unit-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:12px;background:var(--best-gray);color:var(--sub-text);cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:.8}.add-unit-btn:hover{background:var(--best-gray);color:var(--text);opacity:1;transform:translateY(-1px)}.add-unit-btn .material-icons{font-size:18px}.add-measurement-actions{display:flex;gap:8px;justify-content:center}.confirm-add-btn,.cancel-add-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;border-radius:12px;font-size:14px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .2s ease;border:1px solid;line-height:1;letter-spacing:0}.confirm-add-btn{background:#10b981;color:#fff;border-color:#10b981}.confirm-add-btn:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.cancel-add-btn{background:var(--best-gray);color:var(--text);border-color:transparent}.cancel-add-btn:hover{background:rgba(0,0,0,.1);transform:translateY(-1px)}.confirm-add-btn .material-icons,.cancel-add-btn .material-icons{font-size:16px}.measurement-placeholder{padding:20px;text-align:center;color:var(--sub-text);font-style:italic;border:2px dashed rgba(255,255,255,.2);border-radius:17px;background:transparent;font-family:ARLRDBD,sans-serif;font-size:16px;line-height:1;letter-spacing:0}.measurement-input.preview-mode .measurement-input-group{border-color:transparent!important;background:var(--best-gray)!important}@media (prefers-color-scheme: dark){.measurement-input-group{border-color:transparent!important;background:var(--best-gray)!important}.measurement-value-input{color:var(--text)!important;background:transparent!important}.measurement-value-input::placeholder{color:var(--sub-text)!important}.measurement-unit-select{background:transparent!important;color:var(--text)!important}.measurement-unit-select option{background:var(--best-gray);color:var(--text)}.remove-measurement-btn{background:var(--best-gray);border-color:#ef4444}.add-measurement-btn{border:2px dashed var(--best-gray)!important;background:transparent!important;color:var(--sub-text)!important}.add-measurement-btn:hover{border-color:var(--best-gray)!important;color:var(--text)!important;background:transparent!important}.cancel-add-btn{background:var(--best-gray);color:var(--text);border-color:transparent}.cancel-add-btn:hover{background:rgba(255,255,255,.1)}.measurement-placeholder{color:var(--sub-text);border-color:#fff3;background:transparent}}@media (max-width: 768px){.measurement-input-group{padding:14px 16px!important}.measurement-value-input{font-size:16px!important;min-width:60px;max-width:100px}.measurement-unit-select{font-size:16px!important;padding:0 0 0 12px!important}.add-measurement-btn{padding:14px 16px!important;font-size:16px!important}.remove-measurement-btn{width:28px;height:28px}.remove-measurement-btn .material-icons{font-size:14px}.add-measurement-actions{flex-direction:column}.confirm-add-btn,.cancel-add-btn{justify-content:center}}.file-upload-container{width:100%;font-family:ARLRDBD,sans-serif}.file-upload-container.disabled{opacity:.6;pointer-events:none}.file-upload-area{border:2px dashed var(--best-gray);border-radius:12px;background:var(--background);transition:all .3s ease;min-height:120px;position:relative}.file-upload-area.dragging{border-color:var(--accent);background:var(--accent-light);transform:scale(1.02)}.file-upload-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;cursor:pointer;color:var(--sub-text);transition:all .3s ease}.file-upload-empty:hover{color:var(--accent);transform:translateY(-2px)}.file-upload-empty svg{color:var(--accent);margin-bottom:12px}.file-upload-empty p{font-size:16px;font-weight:600;margin:8px 0 4px;color:var(--text)}.file-upload-empty span{font-size:14px;color:var(--sub-text)}.file-upload-grid{padding:20px;display:grid;gap:16px}.file-upload-grid.grid-view{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.file-upload-grid.list-view{grid-template-columns:1fr}.file-upload-add-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed var(--best-gray);border-radius:8px;background:var(--gray1);cursor:pointer;transition:all .3s ease;min-height:120px;color:var(--sub-text)}.file-upload-add-button:hover{border-color:var(--gray1);background:var(--blue-blue);color:#fff;transform:translateY(-2px)}.file-upload-add-button svg{font-size:24px;margin-bottom:8px}.file-upload-add-button span{font-size:14px;font-weight:500}.file-item{border:1px solid var(--best-gray);border-radius:10px;background:var(--main-background);overflow:hidden;transition:all .3s ease;position:relative;cursor:pointer;aspect-ratio:1;display:flex;flex-direction:column}.file-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--box-shadow);border-color:var(--blue-blue);border-width:2px}.file-item-preview{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:var(--gray1);overflow:hidden}.file-item-preview img{width:100%;height:100%;object-fit:cover}.file-item-preview svg{color:var(--sub-text)}.file-preview-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;pointer-events:none;opacity:.9;transition:all .2s ease}.file-item:hover .video-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:rgba(0,0,0,.8)}.file-item-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:1}.file-action-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.file-action-btn.delete{background:var(--background);color:#000;box-shadow:0 2px 8px #00000026}.file-action-btn.delete:hover{background:#f5f5f5;transform:scale(1.1)}.file-item-list{display:flex;align-items:center;padding:16px;gap:16px}.file-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray1);border-radius:8px;color:var(--sub-text)}.file-item-details{flex:1;display:flex;flex-direction:column;gap:4px}.list-view .file-item-actions{position:static;opacity:1}.file-upload-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 12px;background:var(--gray1);border-radius:6px;font-size:12px;color:var(--sub-text)}.file-preview-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.file-preview-content{background:var(--main-background);border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.file-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--best-gray);background:var(--gray1)}.file-preview-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text)}.file-preview-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--gray2);color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-preview-close:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.file-preview-body{padding:24px;display:flex;align-items:center;justify-content:center;min-height:300px}.file-preview-body img{max-width:100%;max-height:60vh;border-radius:8px;box-shadow:0 8px 32px #0000001a}.file-preview-icon{display:flex;flex-direction:column;align-items:center;color:var(--sub-text);text-align:center}.file-preview-icon svg{margin-bottom:16px;color:var(--accent)}.file-preview-icon p{margin:8px 0;color:var(--text)}@media (max-width: 768px){.file-upload-grid.grid-view{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.file-upload-add-button{min-height:100px;padding:16px}.file-item-info{padding:10px}.file-preview-content{margin:20px}.file-preview-header{padding:16px 20px}.file-preview-body{padding:20px}}@media (max-width: 480px){.file-upload-grid.grid-view{grid-template-columns:repeat(2,1fr)}.file-upload-empty{padding:24px 16px}.file-upload-empty p{font-size:14px}.file-upload-empty span{font-size:12px}}@media (prefers-color-scheme: dark){.file-preview-modal{background:rgba(0,0,0,.9)}}.file-item{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-upload-add-button:focus,.file-action-btn:focus,.file-preview-close:focus{outline:2px solid var(--accent);outline-offset:2px}.file-upload-area.dragging:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,var(--accent) 40%,var(--accent) 60%,transparent 60%);background-size:20px 20px;opacity:.1;animation:stripesMove 1s linear infinite}@keyframes stripesMove{0%{background-position:0 0}to{background-position:20px 20px}}.form-renderer-signature-pad-container{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:8px}.form-renderer-signature-pad-container.multi{gap:20px}.form-renderer-signature-pad-wrapper{border:2px solid var(--gray2);border-radius:12px;background:var(--best-gray);overflow:hidden;position:relative;width:100%}.form-renderer-signature-pad-wrapper.disabled{opacity:.6;cursor:not-allowed}.form-renderer-signature-pad-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--gray2);background:var(--gray1)}.form-renderer-signature-pad-actions{display:flex;align-items:center;gap:6px}.form-renderer-signature-pad-placeholder{font-size:14px;color:var(--text);opacity:.7}.form-renderer-signature-pad-type-btn{background:transparent;border:1px solid transparent;color:var(--sub-text);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background .2s,border-color .2s,color .2s}.form-renderer-signature-pad-type-btn:hover{background:rgba(0,0,0,.05)}.form-renderer-signature-pad-type-btn.active{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(0,0,0,.03)}.form-renderer-signature-pad-clear-btn{background:transparent;border:none;color:var(--blue-blue);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background .2s}.form-renderer-signature-pad-clear-btn:hover{background:rgba(0,0,0,.05)}.form-renderer-signature-type-panel{border-bottom:1px solid var(--gray2);background:var(--gray1);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.form-renderer-signature-type-row{display:flex;align-items:center;gap:8px}.form-renderer-signature-type-input{flex:1;background:#fff;border:1px solid var(--gray2);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text);outline:none}.form-renderer-signature-type-input::placeholder{color:var(--sub-text)}.form-renderer-signature-type-apply{border:none;border-radius:8px;padding:6px 12px;background:var(--blue-blue);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.form-renderer-signature-type-apply:disabled{opacity:.5;cursor:not-allowed}.form-renderer-signature-type-options{display:flex;gap:6px;flex-wrap:wrap}.form-renderer-signature-type-option{background:#fff;border:1px solid var(--gray2);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.form-renderer-signature-type-option.active{border-color:var(--blue-blue);box-shadow:0 0 0 1px var(--blue-blue)}.form-renderer-signature-type-sample{line-height:1}.form-renderer-signature-pad-canvas-wrapper{position:relative;width:100%;height:200px;background:#ffffff}.form-renderer-signature-pad-canvas{display:block;width:100%;height:100%;cursor:crosshair}.form-renderer-signature-pad-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--text);opacity:.15;font-size:20px;font-family:ARLRDBD,sans-serif;text-transform:uppercase;letter-spacing:2px}.form-renderer-signature-timestamp{padding:6px 12px;background:var(--gray1);border-top:1px solid var(--gray2);font-size:11px;color:var(--sub-text);font-family:inherit;display:flex;align-items:center;gap:6px}.form-renderer-signature-timestamp:before{content:"🕒";font-size:10px}.room-selector{width:100%}.room-loading,.room-error,.room-empty{padding:8px;font-size:13px;opacity:.8}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.room-card{border:1px solid var(--gray2);border-radius:10px;padding:10px;cursor:pointer;background:var(--best-gray);display:flex;flex-direction:column;gap:6px;position:relative;transition:border-color .2s,box-shadow .2s,background .2s}.room-card:hover{border-color:var(--gray3);box-shadow:0 2px 6px var(--shadow)}.room-card.selected{border-color:var(--accent,var(--blue-blue));background:var(--best-gray);box-shadow:0 0 0 2px var(--accent,var(--blue-blue))}.room-card-header{display:flex;align-items:center;justify-content:space-between}.room-name{font-size:14px;font-weight:600;line-height:1.2;color:var(--text)}.room-selected-badge{background:var(--accent,var(--blue-blue));color:#fff;font-size:10px;padding:2px 6px;border-radius:12px}.room-preview{border:none;border-radius:8px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--gray1)}.room-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--sub-text)}.room-description{font-size:11px;line-height:1.3;color:var(--sub-text);opacity:.9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.room-meta{font-size:10px;opacity:.5}.room-selector.disabled{opacity:.6;pointer-events:none}.room-selector-selected{display:flex;flex-direction:column;gap:12px}.room-selector-selected-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--best-gray);border:1px solid var(--accent, var(--blue-blue));border-radius:12px;box-shadow:0 0 0 2px var(--accent, var(--blue-blue))}.room-selector-selected-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.room-selector-selected-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-selector-selected-desc{font-size:12px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-selector-change-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--gray2);border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background .15s ease;white-space:nowrap}.room-selector-change-btn:hover{background:var(--gray3)}.room-selector-change-btn i{font-size:18px}.room-selector-tools-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--blue-blue);border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--primary-btn-text);cursor:pointer;transition:background .15s ease}.room-selector-tools-btn:hover{background:color-mix(in srgb,var(--blue-blue) 85%,black)}.room-selector-tools-btn i{font-size:20px}.room-selector-tools-summary{margin-left:auto;font-size:12px;opacity:.9}.room-preview-3d-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border:none;border-radius:8px;background:var(--gray1);overflow:hidden}.room-3d-viewer{position:absolute;inset:0}.room-3d-canvas{width:100%;height:100%}.room-3d-loading,.room-3d-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;background:repeating-linear-gradient(45deg,rgba(255,255,255,.6) 0 10px,rgba(255,255,255,.8) 10px 20px)}.room-3d-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gray1);color:var(--sub-text)}.room-selector-layout{display:flex;gap:20px;align-items:stretch}.room-list{flex:1 1 320px;min-width:260px;display:flex;flex-direction:column;gap:12px}.room-list-header{display:flex;flex-direction:column;gap:4px}.room-list-title{font-size:14px;font-weight:600;color:var(--text)}.room-list-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sub-text)}.room-detail-container{flex:1.2 1 0;min-width:320px}.room-detail-panel{background:var(--gray1);border:1px solid var(--gray2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;height:100%;box-shadow:0 6px 14px var(--shadow)}.room-detail-panel.empty{justify-content:center;align-items:center;border-style:dashed;color:var(--sub-text);text-align:center}.room-detail-placeholder{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:13px}.room-detail-placeholder i{font-size:36px;opacity:.45}.room-detail-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.room-detail-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text)}.room-mode-badge{display:inline-flex;align-items:center;background:var(--blue-blue);color:var(--primary-btn-text);font-size:11px;padding:4px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.room-detail-description{margin:4px 0 0;font-size:12px;color:var(--sub-text)}.room-detail-visual{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--gray3);background:var(--gray1);min-height:260px}.room-detail-visual.placeholder{display:flex;align-items:center;justify-content:center;background:var(--best-gray)}.room-detail-3d{width:100%;height:260px}.room-thumbnail-placeholder.large{width:100%;height:260px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px dashed var(--gray3);background:var(--best-gray)}.room-detail-summary{background:var(--gray1);border:1px solid var(--gray2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.summary-title{font-size:12px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.05em}.summary-body{font-size:13px;color:var(--text);line-height:1.4}.room-interaction-container{display:flex;flex-direction:column;gap:12px}.room-floor-canvas{width:100%;background:var(--gray1);box-shadow:inset 0 0 0 1px var(--gray2);border-radius:16px;cursor:crosshair}.room-interaction-container.mode-furniture .room-floor-canvas{cursor:pointer}.furniture-piece{cursor:pointer;transition:transform .15s ease,filter .15s ease}.furniture-piece:hover{transform:translateY(-2px);filter:brightness(1.05)}.room-interaction-meta{background:var(--gray1);border:1px solid var(--gray2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.interaction-title{font-size:13px;font-weight:600;color:var(--blue-blue)}.interaction-helper{font-size:12px;color:var(--sub-text)}.furniture-selection-summary{display:flex;flex-wrap:wrap;gap:6px}.selection-pill{background:var(--blue-blue);color:var(--primary-btn-text);font-size:11px;padding:4px 8px;border-radius:999px}.selection-empty{font-size:12px;color:var(--sub-text)}.interaction-reset{border:none;background:var(--gray2);color:var(--blue-blue);font-size:12px;padding:8px 12px;border-radius:8px;cursor:pointer;align-self:flex-start;transition:background .15s ease}.interaction-reset:hover{background:var(--gray3)}.measurement-summary{font-size:13px;font-weight:500;color:var(--blue-blue)}.room-path-segments{margin-left:6px;font-size:11px;font-weight:500;color:var(--sub-text)}.room-path-points{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:2px}.room-path-point{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--gray2);border-radius:9px;padding:8px 10px;background:var(--best-gray);transition:border-color .15s ease,background .15s ease}.room-path-point.editing{border-color:#f59e0b;background:rgba(245,158,11,.15);box-shadow:0 0 0 1px #f59e0b40}.room-path-point-info{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--sub-text)}.room-path-point-label{font-weight:600;color:var(--text)}.room-path-point-coords{font-variant-numeric:tabular-nums;opacity:.85}.room-path-point-actions{display:flex;gap:6px}.room-path-action{border:none;font-size:11px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.room-path-action-move{background:color-mix(in srgb,var(--blue-blue) 15%,transparent);color:var(--blue-blue)}.room-path-action-move:hover{background:color-mix(in srgb,var(--blue-blue) 25%,transparent)}.room-path-action-delete{background:color-mix(in srgb,var(--red-red) 15%,transparent);color:var(--red-red)}.room-path-action-delete:hover{background:color-mix(in srgb,var(--red-red) 25%,transparent)}.room-path-action-move.active{background:rgba(245,158,11,.25);color:#92400e;font-weight:600}.room-path-empty{font-size:12px;color:var(--sub-text);padding:4px 0}.room-path-actions{display:flex;justify-content:flex-end}.room-selector.preview-mode .room-detail-panel{box-shadow:none}.room-interaction-container.overlay{position:absolute;inset:0;pointer-events:none}.room-interaction-container.overlay .room-floor-canvas{width:100%;height:100%;background:transparent;box-shadow:none;border-radius:inherit;pointer-events:auto}.room-floor-canvas.overlay{background:transparent;box-shadow:none}.room-interaction-container.overlay svg text{user-select:none}@media (max-width: 1024px){.room-selector-layout{flex-direction:column}.room-detail-container{width:100%}.room-detail-panel{min-height:auto}}.room-tools-mobile-modal{animation:stints-modal-slide-up .3s ease-out}@keyframes stints-modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.room-tools-panel-content{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;flex:1;position:relative;border-radius:16px;overflow:hidden;background:var(--gray1);box-shadow:0 12px 28px var(--shadow)}.room-detail-panel-fallback{padding:16px}.room-tools-panel-content .room-detail-3d{width:100%;height:100%;flex:1;min-height:0}.room-detail-overlay{position:absolute;left:0;right:0;padding:16px;pointer-events:none;display:flex;justify-content:space-between;gap:16px}.room-detail-overlay-top{top:0;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 100%)}.room-overlay-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:16px}.room-overlay-header-text{display:flex;flex-direction:column;gap:6px}.room-overlay-title{margin:0;font-size:18px;font-weight:600;color:var(--primary-btn-text, #ffffff);text-shadow:0 6px 18px rgba(0,0,0,.35)}.room-overlay-description{margin:0;font-size:13px;line-height:1.4;color:#ffffffd9;max-width:min(420px,65%)}.room-mode-badge-overlay{pointer-events:auto;background:var(--blue-blue, #0F83E9)}.room-detail-overlay-bottom{bottom:0;justify-content:flex-start;padding-bottom:20px;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%)}.room-detail-summary-overlay{pointer-events:none;background:var(--gray1);border-radius:14px;border:1px solid var(--gray2);box-shadow:0 16px 32px var(--shadow);padding:14px 16px}.room-detail-summary-overlay .summary-title{color:var(--sub-text)}.room-detail-summary-overlay .summary-body{color:var(--text)}.room-detail-overlay-meta{top:88px;right:16px;left:auto;width:min(320px,34%);min-width:240px;justify-content:flex-end;pointer-events:auto}.room-detail-overlay-meta .room-interaction-meta{pointer-events:auto;background:var(--gray1);border:1px solid var(--gray2);color:var(--text);box-shadow:0 12px 28px var(--shadow)}.room-detail-overlay-meta .interaction-title{color:var(--blue-blue)}.room-detail-overlay-meta .interaction-helper,.room-detail-overlay-meta .room-path-empty,.room-detail-overlay-meta .room-path-point-info,.room-detail-overlay-meta .room-path-point-coords{color:var(--sub-text)}.room-detail-overlay-meta .measurement-summary,.room-detail-overlay-meta .room-path-point-label{color:var(--text)}.room-detail-overlay-meta .interaction-reset{background:var(--gray2);color:var(--blue-blue)}.room-detail-overlay-meta .interaction-reset:hover{background:var(--gray3)}.room-detail-overlay-meta .room-path-point{background:var(--best-gray);border-color:var(--gray2)}.room-detail-overlay-meta .room-path-point.editing{border-color:#f59e0bb3;background:rgba(245,158,11,.15)}.room-detail-overlay-meta .room-path-action{border:none}.room-detail-overlay-meta .room-path-action-move{background:color-mix(in srgb,var(--blue-blue) 20%,transparent);color:var(--blue-blue)}.room-detail-overlay-meta .room-path-action-move:hover{background:color-mix(in srgb,var(--blue-blue) 30%,transparent)}.room-detail-overlay-meta .room-path-action-delete{background:color-mix(in srgb,var(--red-red) 20%,transparent);color:var(--red-red)}.room-detail-overlay-meta .room-path-action-delete:hover{background:color-mix(in srgb,var(--red-red) 30%,transparent)}@media (max-width: 1280px){.room-detail-overlay-meta{width:calc(100% - 32px);inset:auto 16px 120px;justify-content:flex-start}}@media (max-width: 640px){.room-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.room-detail-visual{min-height:220px}.room-detail-3d{height:220px}}.eventdrawing-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--background);z-index:0;touch-action:none}.eventdrawing-area-hint{position:absolute;max-width:260px;background:rgba(20,22,24,.92);color:#e5e7eb;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.3;border:1px solid #334155;box-shadow:0 4px 12px #0006;pointer-events:none;z-index:60;backdrop-filter:blur(4px) saturate(140%);-webkit-backdrop-filter:blur(4px) saturate(140%);animation:fadeIn .25s ease}.eventdrawing-toolbar-wrapper{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;pointer-events:none;z-index:10}.eventdrawing-toolbar{background:var(--background);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--line-color);border-radius:28px;box-shadow:0 6px 24px var(--shadow),0 2px 4px var(--shadow);padding:10px 18px;display:flex;gap:8px;align-items:center;pointer-events:auto}.eventdrawing-toolbar-separator{width:1px;height:30px;background:var(--line-color);opacity:.5}.eventdrawing-transform-wrapper{width:100%;height:100%;position:absolute;inset:0;z-index:1;background:var(--main-background)}.eventdrawing-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:18px;font-size:13px;cursor:grab;user-select:none;border:1px solid var(--line-color);background:var(--best-gray);color:var(--text);transition:all .2s ease;position:relative;z-index:15}.eventdrawing-chip:active{cursor:grabbing}.eventdrawing-chip-dragging{opacity:.7;transform:scale(.95);box-shadow:0 4px 12px var(--shadow);cursor:grabbing}.eventdrawing-chip-icon{font-size:18px;pointer-events:none;display:flex;align-items:center;line-height:0}.eventdrawing-chip-icon svg{display:block}.eventdrawing-chip-label{font-size:14px;font-weight:500;pointer-events:none}.eventdrawing-toggle-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:18px;font-size:13px;cursor:pointer;user-select:none;border:1px solid var(--line-color);background:var(--best-gray);color:var(--text);transition:all .2s ease;position:relative;z-index:15}.eventdrawing-toggle-chip.active{background:var(--blue-blue);color:var(--primary-btn-text);box-shadow:0 2px 8px #2563eb4d}.eventdrawing-toggle-chip-icon{font-size:18px;pointer-events:none;display:flex;align-items:center;line-height:0}.eventdrawing-toggle-chip-icon svg{display:block}.eventdrawing-toggle-chip-label{font-size:14px;font-weight:500;pointer-events:none}.eventdrawing-context-menu{position:fixed;background:#0e0f10;color:#e5e7eb;border-radius:10px;border:1px solid #2a2f35;padding:10px;display:flex;gap:10px;align-items:center;z-index:100;box-shadow:0 4px 12px #0000004d}.eventdrawing-context-menu-btn{background:transparent;border:1px solid #2a2f35;color:#e5e7eb;border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease}.eventdrawing-context-menu-btn:hover{background:#1d2226}.eventdrawing-context-menu-btn.eventdrawing-danger{color:#f87171}.eventdrawing-context-menu-spacer{width:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .eventdrawing-chip{background:var(--gray2)}@media (max-width: 600px){.eventdrawing-toolbar{gap:6px;padding:8px 14px}.eventdrawing-chip,.eventdrawing-toggle-chip{padding:6px 10px}.eventdrawing-chip-label,.eventdrawing-toggle-chip-label{display:none}}.eventdrawing-layout-group.selected .eventdrawing-layout-fill{stroke:var(--blue-blue)}.eventdrawing-layout-label-wrapper{cursor:move}.eventdrawing-layout-label{fill:var(--text);font-weight:600;letter-spacing:.3px}.eventdrawing-layout-group.selected .eventdrawing-layout-label{fill:var(--blue-blue)}.eventdrawing-layout-label-wrapper input{outline:none}.eventdrawing-multi-select-outline{stroke:var(--blue-blue);stroke-width:2px;stroke-dasharray:6 4;filter:drop-shadow(0 0 4px rgba(37,99,235,.5))}.eventdrawing-guide-line{stroke:var(--blue-blue);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.8;pointer-events:none}.eventdrawing-gap-line{stroke:#ec4899;stroke-dasharray:6 4;opacity:.9;pointer-events:none}.eventdrawing-gap-line.dragging{stroke:#f472b6;opacity:1}.eventdrawing-mini-settings{position:absolute;bottom:64px;display:flex;gap:8px;pointer-events:auto;background:#ffffff;color:#111827;border:1px solid var(--line-color);border-radius:12px;padding:6px 8px;box-shadow:0 6px 24px var(--shadow),0 2px 4px var(--shadow)}[data-theme=dark] .eventdrawing-mini-settings{background:#0f1115;color:var(--text)}.back-button-component{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:flex-start;gap:2px}.back-button-component:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.back-button-component:active{transform:scale(.95)}.back-button-svg{width:auto;height:22px;margin-right:-18px;transition:opacity .3s ease}.back-button-text{margin-left:0}.back-button-component:hover .back-button-svg{opacity:.8}.back-button-component:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.back-button-component.icon-only{padding:0;background:transparent;border:none;box-shadow:none;transform:none}.back-button-component.icon-only:hover{background:transparent;transform:none}.back-button-component.icon-only:focus{outline:none}.back-button-component.icon-only .back-button-text{display:none}.layout-builder-field{display:flex;flex-direction:column;gap:12px;border:1px solid var(--gray2);border-radius:16px;padding:8px!important;background:var(--main-background)}.layout-builder-field.preview{background:var(--gray1);border-style:dashed}.layout-builder-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.layout-builder-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.layout-builder-summary{font-size:12px;color:var(--sub-text)}.layout-builder-open-btn{border:none;border-radius:12px;padding:8px 14px;background:var(--text);color:var(--main-background);font-size:12px;font-weight:600;cursor:pointer}.layout-builder-open-btn:disabled{opacity:.6;cursor:not-allowed}.layout-builder-inline-tools{border-top:1px solid var(--gray2);padding-top:12px}.layout-tools-root{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.layout-builder-embedded{flex:1;min-height:0;height:100%}.layout-builder-inline-tools .layout-builder-embedded{min-height:420px}.layout-tools-panel{display:flex;flex-direction:column;min-height:360px;gap:12px}.layout-tools-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.layout-tools-title{font-size:16px;font-weight:600;color:var(--text)}.layout-tools-subtitle{font-size:12px;color:var(--sub-text);margin-top:2px}.layout-tools-disabled{font-size:11px;padding:4px 8px;border-radius:10px;background:var(--gray1);color:var(--sub-text)}.layout-tools-canvas{flex:1;min-height:320px;border:1px solid var(--gray2);border-radius:16px;background:var(--gray1);overflow:auto;padding:8px}.layout-tools-mobile-modal{position:fixed;inset:0;z-index:9999;background:var(--main-background);display:flex;flex-direction:column}.layout-tools-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--gray2)}.layout-tools-mobile-title{font-size:14px;font-weight:600;color:var(--text)}.layout-tools-mobile-subtitle{font-size:12px;color:var(--sub-text);margin-top:2px}.layout-tools-mobile-close{border:none;background:var(--gray1);color:var(--text);border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer}.layout-tools-mobile-body{flex:1;min-height:0;padding:10px;overflow:auto}.canvas-builder-field{display:flex;flex-direction:column;gap:12px;border:1px solid var(--gray2);border-radius:16px;padding:8px;background:var(--main-background)}.canvas-builder-field.preview{background:var(--gray1);border-style:dashed}.canvas-builder-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.canvas-builder-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.canvas-builder-summary{font-size:12px;color:var(--sub-text)}.canvas-builder-open-btn{border:none;border-radius:12px;padding:8px 14px;background:var(--text);color:var(--main-background);font-size:12px;font-weight:600;cursor:pointer}.canvas-builder-open-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-builder-inline-tools{border-top:1px solid var(--gray2);padding-top:12px}.canvas-tools-root{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.canvas-builder-embedded{flex:1;min-height:0;height:100%}.canvas-builder-inline-tools .canvas-builder-embedded{min-height:420px}.canvas-builder-embedded.is-disabled{opacity:.7;pointer-events:none}.canvas-tools-panel{display:flex;flex-direction:column;gap:12px;min-height:320px}.canvas-tools-header{display:flex;flex-direction:column;gap:10px}.canvas-tools-title{font-size:16px;font-weight:600;color:var(--text)}.canvas-tools-subtitle{font-size:12px;color:var(--sub-text);margin-top:2px}.canvas-tools-actions{display:flex;flex-wrap:wrap;gap:8px}.canvas-tools-brush label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub-text)}.canvas-tools-canvas{border:1px solid var(--gray2);border-radius:16px;background:var(--gray1);overflow:auto;padding:8px}.canvas-tools-canvas canvas{display:block;background:var(--main-background)}.canvas-tools-mobile-modal{position:fixed;inset:0;z-index:9999;background:var(--main-background);display:flex;flex-direction:column}.canvas-tools-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--gray2)}.canvas-tools-mobile-title{font-size:14px;font-weight:600;color:var(--text)}.canvas-tools-mobile-subtitle{font-size:12px;color:var(--sub-text);margin-top:2px}.canvas-tools-mobile-close{border:none;background:var(--gray1);color:var(--text);border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer}.canvas-tools-mobile-body{flex:1;min-height:0;padding:10px;overflow:auto}.form-renderer .form-renderer-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.search-preview-popup{width:400px;max-height:500px;background:var(--background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;backdrop-filter:blur(20px);animation:previewSlideIn .2s ease-out;position:relative}@keyframes previewSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-indicator{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;backdrop-filter:blur(8px)}.preview-header{padding:20px 20px 16px;border-bottom:1px solid var(--gray2)}.preview-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text)}.preview-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.preview-meta span{padding:4px 8px;background:var(--gray1);border-radius:6px}.preview-content{max-height:300px;overflow:hidden;position:relative}.preview-description{padding:16px 20px;font-size:14px;color:var(--text-secondary);line-height:1.4;border-top:1px solid var(--gray2);background:var(--gray1)}.flow-preview-card .preview-content{height:200px;background:var(--background)}.form-preview-card .preview-content{padding:16px;background:var(--gray1)}.form-preview-container-preview{transform:scale(.8);transform-origin:top left;width:125%;height:250px;overflow:hidden;position:relative;border-radius:8px;background:var(--background);padding:16px}.form-preview-renderer{pointer-events:none;user-select:none}.notebook-preview-card .preview-content{padding:16px;background:var(--gray1)}.notebook-preview-content{max-height:200px;overflow:hidden;position:relative}.notebook-preview-content pre{font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.4;color:var(--text);white-space:pre-wrap;margin:0}.notebook-preview-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--gray1));pointer-events:none}.preview-loading,.preview-error,.preview-empty,.preview-default{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.preview-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--gray2);border-top:2px solid var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.preview-loading span,.preview-error span,.preview-empty span,.preview-default span{font-size:14px;margin-top:8px}.dark .search-preview-popup{background:var(--background);border-color:var(--gray2);box-shadow:0 20px 60px #00000080}.dark .preview-indicator{background:rgba(255,255,255,.1)}@media (max-width: 768px){.search-preview-popup{width:300px;max-height:400px}.form-preview-container{transform:scale(.7);width:142.8%}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--main-background);padding:20px}.auth-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:relative}.auth-box{width:100%;max-width:350px;border-radius:30px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(10px);padding:15px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.auth-header{padding:0;margin-bottom:10px;width:100%;height:150px;display:flex;justify-content:center;align-items:center;position:relative;background:var(--gray1);border-radius:20px}.auth-logo-container{height:70px;width:200px;border-radius:0;display:flex;justify-content:center;align-items:center;background:transparent;transition:transform .2s ease;box-shadow:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-logo{height:auto;width:100%;max-width:180px;max-height:60px;object-fit:contain}.login-mobile-header{display:none}@media (max-width: 500px){.app-safe-area-layout:has(.auth-container){padding-top:0!important}.auth-container{padding:0;align-items:stretch;flex-direction:column;background:var(--main-background);min-height:100vh;min-height:100dvh;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.login-mobile-header{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background:linear-gradient(180deg,var(--main-background) 0%,var(--gray2) 100%);padding-top:calc(env(safe-area-inset-top,20px) + 10px);padding-bottom:24px;position:relative;flex:1 0 auto;min-height:180px;border-radius:0 0 30px 30px;transition:all .25s ease}.login-top-pill-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0}.login-top-pill{display:flex;align-items:center;justify-content:center;width:150px;height:42px;background:var(--main-background);border-radius:21px;box-shadow:0 2px 15px var(--shadow);font-size:15px;font-weight:500;color:var(--text);font-family:Rounded M Plus,sans-serif;z-index:1}.login-mobile-logo{width:300px;height:auto;max-height:180px;object-fit:contain;opacity:.07;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-mobile-title-area{width:100%;padding:0 24px;margin-top:auto;margin-bottom:0;text-align:left;position:relative;bottom:0}.login-mobile-title{font-size:24px;font-weight:500;color:var(--text);margin:0 0 4px;font-family:var(--font-arial-rounded-mt)}.login-mobile-subtitle{font-size:13px;color:var(--sub-text);margin:0;font-family:var(--font-arial-rounded-mt)}.auth-content{max-width:100%;padding:20px 24px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px);width:100%;flex:0 0 auto}.auth-title,.auth-subtitle,.auth-label{display:none!important}.auth-box{box-shadow:none;outline:none;border-radius:0;padding:0;background:transparent;max-width:100%;width:100%}.auth-header{display:none}.auth-form{padding:0}.auth-title{font-size:24px;font-weight:500;margin-bottom:2px}.auth-subtitle{font-size:13px;margin-bottom:20px;color:var(--sub-text)}.auth-label{font-size:13px;margin-bottom:10px;color:var(--text);font-weight:400}.phone-input-container{gap:10px;margin-top:20px;margin-bottom:20px}.country-code-select{flex:0 0 85px;padding:14px 10px;border-radius:1000px;font-size:14px;background:var(--gray1)}.phone-input{padding:14px 16px;border-radius:1000px;font-size:16px;background:var(--gray1)}.auth-actions{height:auto;margin-top:0;transition:padding .25s ease}.keyboard-active .auth-actions{padding-top:20px;padding-bottom:10px}.issues-button{font-size:13px}.login-button{min-width:115px;height:42px;border-radius:21px;font-size:14px;font-weight:500;padding:0 18px}.auth-separator{margin:20px 0}.create-account-button{width:100%;height:50px;border-radius:14px;font-size:15px;margin-bottom:calc(env(safe-area-inset-bottom,20px) + 10px)}.login-button-arrow{display:block;width:auto;height:22px;transform:rotate(180deg);flex-shrink:0;margin-right:-18px}}@media (min-width: 501px){.login-top-pill{display:none}}.auth-form{padding:0;width:100%}.auth-title{font-size:19px;font-weight:400;margin:10px 0 0;color:var(--text);text-align:left;letter-spacing:0;font-family:Rounded M Plus,sans-serif}.auth-subtitle{font-size:14px;font-weight:400;margin:0 0 20px;color:var(--sub-text);text-align:left}.auth-label{display:block;font-size:14px;font-weight:400;margin:0 0 8px;color:var(--sub-text);letter-spacing:0;text-align:left}.phone-input-container{display:flex;margin-bottom:20px;border:none;border-radius:15px;overflow:hidden;font-family:ARLRDBD,sans-serif;transition:all .2s ease;background:transparent;gap:7px}.phone-input-container:focus-within{border-color:transparent;font-family:ARLRDBD,sans-serif;box-shadow:none}.country-code-select{padding:14px 12px;font-size:14px;font-weight:400;background:var(--gray1)!important;border:1px solid var(--gray2);border-radius:1000px;align-items:center!important;outline:none;color:var(--text)!important;flex:0 0 100px;height:48px;cursor:pointer;font-family:ARLRDBD,sans-serif;text-align:center;text-align-last:center}.country-code-select:focus{border-color:var(--blue-blue);box-shadow:none}.phone-input{flex:1;padding:14px 16px;font-size:14px;border:1px solid var(--gray2);border-radius:1000px;outline:none;color:var(--text);background:var(--gray1);font-weight:400;font-family:ARLRDBD,sans-serif}.phone-input:focus{border-color:var(--blue-blue)}.phone-input::placeholder{color:var(--sub-text);opacity:.5}.pin-input-container{display:flex;justify-content:space-between;margin:15px 0 25px;gap:8px;position:relative;width:100%}.pin-input{flex:1;width:auto;min-width:0;height:50px;font-size:20px;font-weight:600;text-align:center;border:2px solid var(--gray2);border-radius:12px!important;outline:none;background-color:var(--gray1);transition:all .2s ease;color:var(--text);box-shadow:none;font-family:ARLRDBD,sans-serif!important;padding:0;-webkit-appearance:none;appearance:none;line-height:normal;box-sizing:border-box}.pin-input[type=password]{font-family:ARLRDBD,sans-serif!important;letter-spacing:0;border-radius:12px!important}.pin-input:focus{background:var(--background);border-color:var(--blue-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;caret-color:var(--blue-blue)}.pin-input:not(:placeholder-shown){background:var(--background);border-color:var(--gray3)}.pin-input.pin-success{background:rgba(52,168,83,.1);border-color:#34a853;color:#34a853;animation:success-pulse .3s ease-in-out}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.auth-error{color:var(--red-red);font-size:14px;margin:-16px 0 16px;text-align:center;font-weight:500;padding:12px 16px;background:rgba(217,53,53,.1);border-radius:12px;border:1px solid rgba(217,53,53,.2)}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-top:0;height:69px;width:100%}.login-button,.verify-button{padding:0;width:130px;height:40px;font-size:14px;font-weight:400;color:var(--background);background:var(--contrast1);border:none;border-radius:15px;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:0;min-width:130px;display:flex;align-items:center;justify-content:center;gap:6px}.login-button-arrow{display:none}.login-button:hover,.verify-button:hover{background:var(--gray4);transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow)}.login-button:active,.verify-button:active{transform:translateY(0)}.login-button:disabled,.verify-button:disabled{background:var(--gray2);color:var(--sub-text);cursor:not-allowed;transform:none;box-shadow:none}.login-button.loading{background:var(--gray3);cursor:wait}.issues-button{font-size:12px;font-weight:400;color:var(--text);background:transparent;border:none;cursor:pointer;padding:0;border-radius:0;transition:all .2s ease;font-family:inherit}.issues-button:hover{color:var(--blue-blue);background:transparent}.auth-separator{width:100%;display:flex;align-items:center;text-align:center;color:var(--text);font-size:14px;margin:7px 0;font-weight:400}.auth-separator:before,.auth-separator:after{content:"";flex:1;border-bottom:1px solid var(--gray2)}.auth-separator:before{margin-right:20px}.auth-separator:after{margin-left:20px}.create-account-button{width:350px;height:50px;padding:0;font-size:15px;font-weight:400;color:var(--text);align-items:center;display:flex;justify-content:center;font-family:Rounded M Plus,sans-serif;border-radius:15px;cursor:pointer;transition:all .2s ease;letter-spacing:0;background-color:var(--main-background)!important;box-shadow:0 4px 100px var(--shadow)!important;outline:2px solid var(--gray1)!important}.create-account-button:hover{border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow)}.create-account-button:active{transform:translateY(0)}.back-button{display:flex;align-items:center;position:absolute;top:-50px;left:0;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;padding:8px 12px;background:var(--secondary-background);border-radius:15px}.back-button:hover{border-color:var(--blue-blue);transform:translate(-2px)}.back-icon{margin-right:8px;font-size:18px}.back-button-left{justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-box{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.auth-form>*{animation:slideIn .3s ease-out forwards}.auth-form>*:nth-child(1){animation-delay:.1s}.auth-form>*:nth-child(2){animation-delay:.2s}.auth-form>*:nth-child(3){animation-delay:.3s}.auth-form>*:nth-child(4){animation-delay:.4s}.auth-box.auth-success{border-color:#34a853;box-shadow:0 0 0 3px #34a8531a,0 8px 32px #0000001a}.verify-button.success{background:#34a853;border-color:#34a853;color:#fff;transform:scale(1.02)}.verify-button.loading{background:var(--gray3);cursor:wait;opacity:.8}.pin-input:disabled{opacity:.6;cursor:not-allowed}.pin-input::selection{background:var(--blue-blue);color:#fff}[data-theme=dark] .pin-input{background:var(--gray2);border-color:var(--gray3)}[data-theme=dark] .pin-input:focus{background:var(--background);border-color:var(--blue-blue)}[data-theme=dark] .pin-input:not(:placeholder-shown){background:var(--background);border-color:var(--blue-blue)}.pin-visibility-toggle{background:transparent;border:none;cursor:pointer;font-size:20px;padding:8px;border-radius:50%;transition:all .2s ease;color:var(--sub-text);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.pin-visibility-toggle:hover{background:var(--gray2);color:var(--text)}.pin-visibility-toggle:active{transform:scale(.95)}.pin-visibility-toggle:disabled{opacity:.5;cursor:not-allowed}.pin-visibility-toggle:disabled:hover{background:transparent;color:var(--sub-text)}@media (max-width: 480px){.pin-input{width:45px;height:45px;font-size:16px}.pin-input:not(:placeholder-shown):not(:focus):before{font-size:20px}.pin-input-container{gap:10px}.pin-visibility-toggle{right:-45px;width:32px;height:32px;font-size:18px}}@media (max-width: 360px){.pin-input{width:40px;height:40px;font-size:14px}.pin-input:not(:placeholder-shown):not(:focus):before{font-size:18px}.pin-input-container{gap:8px}}@media (max-width: 480px){.auth-content{max-width:100%;padding:0 16px}.auth-header{padding:24px 0 20px}.auth-logo-container{height:56px;width:56px}.auth-title{font-size:22px}.phone-input-container{margin-bottom:24px}.login-button{padding:14px 24px;min-width:100px}}@media (max-width: 360px){.auth-form{padding:0 20px 20px}.country-code-select{flex:0 0 90px;padding:14px 8px;font-size:12px}.phone-input{padding:14px 12px}}#recaptcha-container{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:.95}.recaptcha-container{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:.9}.s-char{font-family:Rounded M Plus,sans-serif}.auth-form .phone-input.standalone-input{border-radius:1000px!important;background:var(--gray1)!important;margin-bottom:15px;display:block}.standalone-input-wrapper{width:100%;display:block;margin:0 0 15px;padding:0}.standalone-input-wrapper .standalone-input{width:100%;box-sizing:border-box;border:1px solid var(--gray2)!important;outline:none!important;padding:14px 16px!important;height:48px;line-height:1.2;font-size:14px;font-weight:400;background:var(--gray1)!important;color:var(--text);box-shadow:none!important;border-radius:1000px!important}.standalone-input-wrapper .standalone-input:focus{background:var(--gray1)!important;border-color:var(--blue-blue)!important}.standalone-input-wrapper .standalone-input::placeholder{color:var(--sub-text);opacity:.6}.dual-input-row{display:flex;gap:12px;width:100%;margin-bottom:10px;align-items:center}.dual-input-row .full-name-input{flex:3 1 0;min-width:0}.dual-input-row .age-input{flex:1 1 0;min-width:0;text-align:left}.dual-input-row .standalone-input-wrapper{margin:0!important}.dual-input-row .standalone-input{margin-bottom:0!important}@media (max-width: 480px){.dual-input-row{flex-direction:row}}.pin-mobile-header{display:none}@media (max-width: 500px){.pin-desktop-only{display:none!important}.pin-mobile-header{display:flex;flex-direction:column;width:100%;background:var(--gray1);padding-top:calc(env(safe-area-inset-top,20px) + 10px);padding-bottom:24px;position:relative;flex:1 1 0;min-height:250px;border-radius:0 0 30px 30px;transition:all .25s ease}.app-safe-area-layout:has(.pin-mobile-header){padding-top:0!important}.pin-mobile-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:20px}.pin-mobile-back{background:transparent!important;padding:8px!important}.pin-mobile-issues-pill{background:var(--main-background);border:none;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text);box-shadow:0 2px 10px var(--shadow);cursor:pointer;font-family:var(--font-arial-rounded-mt)}.pin-mobile-icon-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.pin-mobile-phone-icon{width:120px;height:120px;color:var(--text);opacity:.08}.pin-mobile-title-area{width:100%;padding:0 24px;margin-top:auto}.pin-mobile-title-row{display:flex;justify-content:space-between;align-items:flex-end}.pin-mobile-title{font-size:22px;font-weight:500;color:var(--text);margin:0 0 4px;font-family:var(--font-arial-rounded-mt)}.pin-mobile-subtitle{font-size:12px;color:var(--sub-text);margin:0;font-family:var(--font-arial-rounded-mt)}.pin-mobile-messages-btn{display:flex;position:relative;text-decoration:none;color:var(--text);padding:6px;background:var(--gray2);border-radius:14px}.pin-mobile-messages-icon-img{width:32px;height:32px;border-radius:8px;object-fit:contain}.pin-mobile-open-pill{position:absolute;bottom:-3px;right:-5px;background:#1C1C1E;color:#fff;font-size:9px;font-weight:500;padding:4px 9px;border-radius:100px;font-family:var(--font-arial-rounded-mt);white-space:nowrap;transform:rotate(-15deg)}.pin-autofill-hint-container{display:flex;justify-content:center;margin:8px 0 0;padding-bottom:5px}.pin-autofill-hint-pill{display:flex;align-items:center;gap:5px;background:#1C1C1E;color:#fff;font-size:11px;font-weight:500;padding:6px 12px;border-radius:100px;font-family:var(--font-arial-rounded-mt)}.pin-autofill-hint-pill svg{flex-shrink:0;width:12px;height:12px}.auth-container:has(.pin-mobile-header) .auth-content{padding-top:20px}.auth-container:has(.pin-mobile-header) .auth-box{box-shadow:none;outline:none;background:transparent}.auth-container:has(.pin-mobile-header) .auth-header{display:none}.auth-container:has(.pin-mobile-header) .auth-title,.auth-container:has(.pin-mobile-header) .auth-label{display:none!important}}.pin-verify-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}@media (max-width: 500px){.pin-verify-row{justify-content:space-between}}.pin-input.pin-masked{-webkit-text-security:disc}.pin-otp-autofill-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1;font-size:16px;background:transparent;border:none;color:transparent;caret-color:transparent;pointer-events:none}.pin-otp-autofill-input:focus{outline:none}.login-support-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;backdrop-filter:blur(4px)}.login-support-modal{background:var(--main-background);border-radius:20px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 10px 40px var(--shadow);border:1px solid var(--gray1)}.login-support-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray1)}.login-support-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text)}.login-support-modal-close{background:var(--gray1);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .2s ease}.login-support-modal-close:hover{background:var(--gray2)}.login-support-modal-content{padding:20px}.login-support-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.login-support-modal-spinner{width:32px;height:32px;border:3px solid var(--gray1);border-top-color:var(--blue-blue);border-radius:50%;animation:login-support-spin .8s linear infinite}@keyframes login-support-spin{to{transform:rotate(360deg)}}.login-support-modal-loading p{margin:0;color:var(--text-secondary);font-size:14px}.login-support-modal-options{display:flex;flex-direction:column;gap:12px}.login-support-modal-desc{margin:0 0 8px;color:var(--text-secondary);font-size:14px;text-align:center}.login-support-modal-link{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--gray1);border-radius:12px;color:var(--text);text-decoration:none;font-size:15px;font-weight:500;transition:background .2s ease,transform .1s ease}.login-support-modal-link:hover{background:var(--gray2);transform:translateY(-1px)}.login-support-modal-link:active{transform:translateY(0)}.login-support-modal-link svg{flex-shrink:0;color:var(--blue-blue)}.creation-mobile-header{display:none}.creation-desktop-only{display:block}@media (max-width: 500px){.creation-mobile-header{display:flex;flex-direction:column;width:100%;background:linear-gradient(180deg,var(--main-background) 0%,var(--gray2) 100%);padding-top:calc(env(safe-area-inset-top,20px) + 10px);padding-bottom:24px;border-radius:0 0 30px 30px;position:relative;flex:1 1 0;min-height:280px;transition:all .25s ease}.creation-mobile-header.keyboard-active{flex:0 0 auto;min-height:120px;padding-bottom:20px}.creation-mobile-top-bar{display:flex;justify-content:flex-start;align-items:center;padding:0 16px;margin-bottom:20px}.creation-mobile-back{background:transparent!important;padding:8px!important}.creation-mobile-logo{position:absolute;top:calc(env(safe-area-inset-top,20px) + 30px);right:20px;width:160px;height:auto;object-fit:contain;opacity:.07;pointer-events:none}.creation-mobile-header.keyboard-active .creation-mobile-logo{width:100px;top:calc(env(safe-area-inset-top,20px) + 15px)}.creation-mobile-title-area{display:flex;flex-direction:column;gap:4px;padding:0 20px;margin-top:auto}.creation-mobile-title{font-size:24px;font-weight:700;color:var(--text);margin:0;font-family:"Rounded M Plus","Rounded Mplus 1c",var(--font-arial-rounded-mt)}.creation-mobile-subtitle{font-size:14px;color:var(--sub-text);margin:0}.creation-desktop-only{display:none!important}.auth-container:has(.creation-mobile-header){padding:0;align-items:stretch;flex-direction:column;background:var(--main-background);min-height:100vh;min-height:100dvh}.auth-container:has(.creation-mobile-header) .auth-content{padding:10px 20px 20px;width:100%;max-width:100%}.auth-container:has(.creation-mobile-header) .auth-box{box-shadow:none;outline:none;background:transparent;padding:0;max-width:100%}.auth-container:has(.creation-mobile-header) .auth-header{display:none}.creation-mobile-actions{flex-direction:column;align-items:center;gap:0}.creation-mobile-actions .issues-button{display:none}.creation-mobile-create-btn{width:100%!important;max-width:100%;border-radius:1000px;padding:14px 24px;font-size:16px;font-weight:600}.creation-agreement-text{font-size:12px;color:var(--sub-text);margin-top:16px;text-align:center}.creation-agreement-link{color:var(--blue-blue);cursor:pointer;text-decoration:none}.creation-agreement-link:hover{text-decoration:underline}}.creation-agreement-text{font-size:12px;color:var(--sub-text);margin-top:12px;text-align:center}.creation-agreement-link{color:var(--blue-blue);cursor:pointer}.analytics-page{min-height:100vh;background:var(--best-gray);color:var(--text);font-family:ARLRDBD,sans-serif}.analytics-page-container{display:flex;height:100vh;overflow:hidden}.analytics-page-sidebar{width:420px;max-width:100%;height:100%;background:var(--main-background);box-shadow:0 20px 33px var(--shadow);border-right:1px solid rgba(255,255,255,.15);display:flex;padding-top:20px;padding-right:20px;flex-direction:column;gap:12px}.analytics-page-sidebar.analytics-page-sidebar-collapsed{width:70px;padding-right:4px;transition:width .25s ease;overflow:hidden}.analytics-page-sidebar-collapsed .analytics-page-titles,.analytics-page-sidebar-collapsed .analytics-page-section-label,.analytics-page-sidebar-collapsed .analytics-page-option-content,.analytics-page-sidebar-collapsed .analytics-page-option-cta{display:none!important}.analytics-page-sidebar-collapsed .analytics-page-option-card{justify-content:center;padding:10px 8px;border-radius:16px}.analytics-page-sidebar-collapsed .analytics-page-option-emoji{font-size:26px;margin:0}.analytics-page-collapse-btn{appearance:none;border:1px solid rgba(255,255,255,.15);background:var(--best-gray);color:var(--text);font-size:12px;line-height:1;padding:6px 8px;border-radius:8px;cursor:pointer;margin-left:8px}.analytics-page-collapse-btn:hover{filter:brightness(.95)}.analytics-page-collapse-icon-btn{appearance:none;background:var(--best-gray);border:1px solid rgba(255,255,255,.15);color:var(--text);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .18s ease,transform .18s ease;margin-right:8px}.analytics-page-collapse-icon-btn:hover{background:var(--gray2)}.analytics-page-collapse-icon-btn:active{transform:scale(.92)}.analytics-page-mobile-open{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2);padding:6px 10px;font-size:14px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.analytics-page-mobile-open:hover{filter:brightness(.96)}.analytics-page-option-card.active{background:var(--blue-blue);color:var(--primary-btn-text);outline:none}.analytics-page-option-card.active .analytics-page-option-desc,.analytics-page-option-card.active .analytics-page-option-cta{color:var(--primary-btn-text)}.analytics-page-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.analytics-page-back-button{background:transparent;color:var(--text);border:none;font-size:16px;cursor:pointer;padding:8px 10px;border-radius:10px}.analytics-page-back-button:hover{background:var(--best-gray)}.analytics-page-titles{display:flex;flex-direction:column;gap:4px;text-align:left}.analytics-page-title{margin:0;font-size:20px}.analytics-page-subtitle{color:var(--sub-text);font-size:14px}.analytics-page-section-label{font-size:16px;color:var(--text);margin:4px 0 8px}.analytics-page-options{display:flex;flex-direction:column;gap:10px}.analytics-page-option-card{display:flex;align-items:center;gap:8px;background:var(--best-gray);border-radius:20px;padding:10px;border:none;text-align:left;cursor:pointer}.analytics-page-option-card:hover{filter:brightness(.98)}.analytics-page-option-emoji{font-size:28px}.analytics-page-option-content{display:flex;flex-direction:column;gap:2px}.analytics-page-option-title{font-size:18px}.analytics-page-option-desc{font-size:14px;color:var(--sub-text)}.analytics-page-option-cta{margin-left:auto;color:var(--sub-text);font-size:16px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .14s cubic-bezier(.34,1.56,.64,1),color .14s ease}.analytics-page-option-card:hover .analytics-page-option-cta{transform:translate(4px);color:var(--text)}.analytics-page-main{flex:1;height:100%;overflow:auto;background:var(--gray1);padding:16px;display:flex;flex-direction:column}.analytics-page-mobile-header{display:flex;align-items:center;padding:8px 0 12px}.analytics-page-mobile-back{background:transparent;color:var(--text);border:none;font-size:16px;cursor:pointer;padding:6px 8px;border-radius:10px}.analytics-page-mobile-back:hover{background:var(--best-gray)}.analytics-page-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.analytics-page-section-title{margin:8px 0 12px;font-size:18px}.analytics-page-card{background:var(--main-background);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px var(--shadow);margin-bottom:16px}.analytics-page-card-title{padding:12px 16px 0;font-weight:700}.analytics-page-card-body{padding:10px}.analytics-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-page-placeholder{color:var(--sub-text);font-size:14px}.analytics-page-empty{flex:1;display:flex;align-items:center;justify-content:center}.analytics-page-empty-text{color:var(--sub-text);font-size:16px}.analytics-page-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.analytics-page-modal{width:min(720px,92vw);background:var(--main-background);color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 20px 50px #00000059;overflow:hidden}.analytics-page-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-page-modal-title{font-weight:700}.analytics-page-modal-close{appearance:none;border:none;background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}.analytics-page-modal-close:hover{background:var(--best-gray)}.analytics-page-modal-body{padding:16px}.analytics-page-modal-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.analytics-page-modal-caption{color:var(--sub-text);font-size:14px}.analytics-page-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-page-modal-section{padding:4px 2px}.analytics-page-modal-section-title{font-weight:600;margin-bottom:8px}.analytics-page-modal-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.analytics-page-modal-field input{background:var(--best-gray);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text);padding:8px 10px}@media (max-width: 640px){.analytics-page-modal-grid{grid-template-columns:1fr}.analytics-page-modal-overlay{padding:0 0 80px}.analytics-page-modal{max-height:calc(100vh - 80px)}.analytics-page-modal-field{flex-direction:row;align-items:center;gap:12px}.analytics-page-modal-field label{min-width:80px;flex-shrink:0}.analytics-page-modal-field input{flex:1}}.analytics-page-table-container{max-height:380px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:10px}.analytics-page-table{width:100%;border-collapse:separate;border-spacing:0}.analytics-page-table thead th{position:sticky;top:0;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);text-align:left;padding:10px 12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12)}.analytics-page-table th[align=right],.analytics-page-table td[align=right]{text-align:right}.analytics-page-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.analytics-page-table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.02)}.analytics-page-table tbody tr:hover td{background:rgba(255,255,255,.04)}.analytics-page-table-total td{border-top:2px solid rgba(255,255,255,.2);font-weight:700;background:transparent!important}.analytics-page-export-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.analytics-page-export-row .btn-secondary{padding:8px 12px}@media (max-width: 640px){.analytics-page-export-row{justify-content:flex-start}}.analytics-page-control{display:inline-flex;align-items:center;gap:8px}.analytics-page-select{appearance:none;background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 34px 8px 10px;font-size:14px;line-height:1.2;position:relative;background-image:linear-gradient(45deg,transparent 50%,var(--sub-text) 50%),linear-gradient(135deg,var(--sub-text) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.analytics-page-select:focus{outline:none;border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff14}.analytics-page-select:hover{filter:brightness(.98)}@media (max-width: 1024px){.analytics-page-sidebar{width:100%;max-width:none}.analytics-page-grid{grid-template-columns:1fr}}.analytics-page-pull-sales-card{overflow:hidden}.analytics-page-pull-sales-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-page-pull-sales-label{color:var(--sub-text);font-size:13px}.analytics-page-pull-sales-heatmap{overflow:auto}.analytics-page-pull-sales-heatmap-header,.analytics-page-pull-sales-heatmap-row{display:grid;grid-template-columns:60px repeat(24,1fr);gap:2px;align-items:center}.analytics-page-pull-sales-heatmap-hour{text-align:center;font-size:11px;color:var(--sub-text)}.analytics-page-pull-sales-heatmap-dow{font-size:12px;color:var(--sub-text);text-align:right;padding-right:6px}.analytics-page-pull-sales-heatmap-cell{height:18px;border-radius:3px;background:rgba(0,0,0,.1)}.analytics-page-pull-sales-heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:8px}.analytics-page-pull-sales-heatmap-legend-bar{height:10px;flex:1;border-radius:6px;background:linear-gradient(90deg,rgba(0,200,83,.08),rgba(0,200,83,.8))}.analytics-page-pull-sales-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analytics-page-pull-sales-metric{background:var(--best-gray);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}.analytics-page-pull-sales-metric-label{color:var(--sub-text);font-size:12px;margin-bottom:4px}.analytics-page-pull-sales-metric-value{font-size:22px;font-weight:700}.MuiChartsAxis-label,.MuiChartsAxis-tickLabel,.MuiChartsLegend-label{fill:var(--text)!important;color:var(--text)!important}.MuiChartsLegend-root{color:var(--text)!important}.btn-primary{background:var(--blue-blue);color:var(--primary-btn-text);border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:14px;min-height:36px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:14px;min-height:36px}.btn-secondary:hover{filter:brightness(.98)}.analytics-page-modal-actions-row{display:flex;gap:8px;align-items:center}@media (max-width: 640px){.btn-primary,.btn-secondary{font-size:14px;padding:10px 14px;min-height:40px}}.analytics-page-range-container{display:grid;grid-template-columns:1fr 240px;gap:16px}.analytics-page-range-left{background:var(--best-gray);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}.analytics-page-range-right{display:flex;flex-direction:column;gap:12px}.analytics-page-range-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.analytics-page-range-title{font-weight:600;color:var(--text);font-size:15px}.analytics-page-range-nav{background:var(--best-gray);color:var(--text);border:1px solid var(--gray2);border-radius:8px;padding:4px 8px;cursor:pointer;min-width:32px;min-height:32px;font-size:18px}.analytics-page-range-nav:hover{filter:brightness(.98)}.analytics-page-range-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;color:var(--sub-text);font-size:12px;text-align:center}.analytics-page-range-dow-cell{padding:4px 0}.analytics-page-range-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:4px}.analytics-page-range-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.analytics-page-range-day{background:var(--background);color:var(--text);border:1px solid var(--gray2);border-radius:8px;padding:8px 0;cursor:pointer;display:grid;place-items:center;justify-self:stretch;align-self:stretch;text-align:center;min-height:36px;font-size:14px}.analytics-page-range-day.outside{opacity:.5}.analytics-page-range-day.today{outline:2px dashed var(--blue-blue);outline-offset:-2px}.analytics-page-range-day.in-range{background:rgba(15,131,233,.15);border-color:#0f83e933}.analytics-page-range-day.start,.analytics-page-range-day.end{background:var(--blue-blue);color:var(--primary-btn-text);border-color:var(--blue-blue);font-weight:700;position:relative;box-shadow:0 0 0 2px #0f83e940,0 6px 12px #0003}.analytics-page-range-day.start.in-range{border-top-right-radius:0;border-bottom-right-radius:0}.analytics-page-range-day.end.in-range{border-top-left-radius:0;border-bottom-left-radius:0}.analytics-page-range-summary{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;color:var(--text);font-size:14px}.analytics-page-range-summary-row{display:contents}.analytics-page-range-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media (max-width: 800px){.analytics-page-range-container{grid-template-columns:1fr}.analytics-page-range-right{order:-1}}@media (max-width: 640px){.analytics-page-range-container{gap:12px}.analytics-page-range-left{padding:8px;border-radius:8px}.analytics-page-range-header{margin-bottom:6px}.analytics-page-range-title{font-size:13px}.analytics-page-range-nav{padding:2px 6px;min-width:28px;min-height:28px;font-size:16px}.analytics-page-range-dow{font-size:10px;gap:2px}.analytics-page-range-grid,.analytics-page-range-week{gap:2px}.analytics-page-range-day{padding:6px 0;min-height:32px;font-size:13px;border-radius:6px}.analytics-page-range-summary{display:none}.analytics-page-range-presets{gap:6px}.analytics-page-range-presets button{font-size:13px;padding:6px 10px}}.analytics-page-event-thumbnail-container{position:relative;cursor:pointer;transition:all .2s ease}.analytics-page-event-thumbnail-container:hover .analytics-page-event-thumbnail{transform:scale(1.1);box-shadow:0 4px 16px #0003!important}.analytics-page-event-thumbnail-container:hover .analytics-page-event-tooltip{opacity:1}.analytics-page-event-thumbnail{width:60px;height:80px;border-radius:10px;overflow:hidden;border:3px solid transparent;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--best-gray)}.analytics-page-event-thumbnail.selected{border-color:var(--blue-blue);box-shadow:0 4px 12px var(--blue-blue)}.analytics-page-event-thumbnail img{width:100%;height:100%;object-fit:cover}.analytics-page-event-thumbnail .analytics-page-event-emoji{font-size:24px}.analytics-page-event-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:6px 12px;border-radius:6px;white-space:nowrap;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;max-width:200px;overflow:hidden;text-overflow:ellipsis}.analytics-page-mini-metric{background:var(--best-gray);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px;position:relative;box-shadow:0 2px 6px #00000040;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.analytics-page-mini-metric:hover{background:var(--gray2);transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.analytics-page-mini-metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text);font-weight:600;text-align:center}.analytics-page-mini-metric-value{font-size:26px;font-weight:700;line-height:1.1;color:var(--text);text-align:center}@media (max-width: 640px){.analytics-page-mini-metric{min-height:60px}.analytics-page-mini-metric-value{font-size:22px}}.analytics-page-bloom-filter{margin-left:0;position:relative}.analytics-page-filters-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.analytics-page-filter-group{display:inline-flex;align-items:center;gap:8px}.analytics-page-filter-pill{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 14px;background:var(--best-gray);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s ease}.analytics-page-filter-pill:hover{background:var(--gray1)}.analytics-page-filter-pill svg{width:14px;height:14px;opacity:.7}.analytics-page-bloom-filter div[style*="position: absolute"]{background:var(--best-gray)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;box-shadow:none!important;transition:background .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s cubic-bezier(.34,1.56,.64,1),border-radius .14s cubic-bezier(.34,1.56,.64,1),color .14s cubic-bezier(.34,1.56,.64,1),border-color .14s cubic-bezier(.34,1.56,.64,1)!important}.analytics-page-bloom-active div[style*="position: absolute"]{background:var(--blue-blue)!important;border:1px solid var(--blue-blue)!important;color:var(--primary-btn-text)!important}.analytics-page-bloom-active .analytics-page-bloom-trigger{color:var(--primary-btn-text)!important}.analytics-page-bloom-filter div[style*="position: absolute"][style*="height: 1"],.analytics-page-bloom-filter div[style*="position: absolute"][style*="height: 2"]{background:var(--main-background)!important;box-shadow:0 8px 32px var(--shadow)!important}.analytics-page-bloom-trigger{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-page-bloom-trigger svg{width:14px;height:14px;opacity:.7}.analytics-page-bloom-content{display:flex;flex-direction:column;gap:4px;padding:6px;max-height:200px;overflow-y:auto;background-color:var(--main-background)}.analytics-page-bloom-item{padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text);background:transparent;cursor:pointer;transition:background .14s ease;display:flex;align-items:center;gap:8px}.analytics-page-bloom-item svg{width:14px;height:14px;opacity:.7}.analytics-page-bloom-item:hover{background:rgba(255,255,255,.08)}.analytics-page-bloom-item.selected{background:var(--blue-blue);color:#fff}.analytics-page-bloom-menu-item{padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text);background:transparent;cursor:pointer;transition:background .14s ease;display:flex;align-items:center;gap:8px}.analytics-page-bloom-menu-item svg{width:14px;height:14px;opacity:.7}.analytics-page-bloom-menu-item:hover{background:rgba(255,255,255,.08)}.analytics-page-bloom-menu-item.selected{background:var(--blue-blue);color:#fff}.banks-page{min-height:100vh;background:var(--best-gray);color:var(--text);font-family:ARLRDBD,sans-serif}.banks-container{display:flex;height:100vh;overflow:hidden}.banks-sidebar{width:420px;max-width:100%;height:100%;background:var(--main-background);box-shadow:0 20px 33px var(--shadow);border-right:1px solid rgba(255,255,255,.15);display:flex;padding-top:20px;padding-right:20px;flex-direction:column;gap:12px;overflow-y:auto}.banks-sidebar.banks-sidebar-collapsed{width:70px;padding-right:4px;transition:width .25s ease;overflow:hidden}.banks-sidebar-collapsed .banks-titles,.banks-sidebar-collapsed .banks-subtitle,.banks-sidebar-collapsed .banks-add-button span{display:none!important}.banks-sidebar-collapsed .banks-add-button{justify-content:center;padding:10px;width:48px;height:48px;border-radius:50%}.banks-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-left:10px}.banks-collapse-icon-btn{appearance:none;background:var(--best-gray);border:1px solid rgba(255,255,255,.15);color:var(--text);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .18s ease,transform .18s ease;margin-right:8px}.banks-collapse-icon-btn:hover{background:var(--gray2)}.banks-collapse-icon-btn:active{transform:scale(.92)}.banks-titles{display:flex;flex-direction:column;gap:4px;text-align:left}.banks-title{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}.banks-subtitle{color:var(--sub-text);font-size:14px}.banks-add-section{padding:0 10px}.banks-add-button{width:100%;background:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:15px;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .18s ease,transform .18s ease}.banks-add-button:hover{filter:brightness(1.05)}.banks-add-button:active{transform:scale(.98)}.banks-list{display:flex;flex-direction:column;gap:10px;padding:0 10px}.banks-loading,.banks-empty{color:var(--sub-text);font-size:14px;text-align:center;padding:20px}.banks-list-item{background:var(--best-gray);border-radius:15px;padding:12px 14px;cursor:pointer;transition:background .18s ease,transform .18s ease;border:2px solid transparent}.banks-list-item:hover{background:var(--gray2);transform:translate(2px)}.banks-list-item.active{background:var(--blue-blue);color:var(--primary-btn-text);border-color:var(--blue-blue)}.banks-list-item.active .banks-list-item-subname{color:#fffc}.banks-list-item-name{font-size:16px;font-weight:600;margin-bottom:4px}.banks-list-item-subname{font-size:13px;color:var(--sub-text)}.banks-list-item-emoji{font-size:24px;text-align:center}.banks-mobile-header{display:flex;align-items:center;padding:8px 16px 12px}.banks-mobile-open{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2);padding:6px 10px;font-size:14px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.banks-mobile-open:hover{filter:brightness(.96)}.banks-main{flex:1;height:100%;overflow:auto;background:var(--gray1);padding:16px;display:flex;flex-direction:column}.banks-content{display:flex;flex-direction:column;gap:16px}.banks-header{background:var(--main-background);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:16px}.banks-header-info{display:flex;flex-direction:column;gap:4px;flex:1}.banks-header-title{font-size:22px;font-weight:700;margin:0}.banks-header-subtitle{font-size:14px;color:var(--sub-text);margin:0}.banks-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.banks-header-btn{appearance:none;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .18s ease,transform .18s ease;font-family:inherit;display:flex;align-items:center;gap:8px;white-space:nowrap}.banks-header-btn:active{transform:scale(.98)}.banks-header-btn-primary{background:var(--blue-blue);color:var(--primary-btn-text)}.banks-header-btn-primary:hover{filter:brightness(1.1)}.banks-header-btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2)}.banks-header-btn-secondary:hover{filter:brightness(.95)}.banks-table-container{background:var(--main-background);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px;box-shadow:0 8px 32px var(--shadow);flex:1;overflow:auto}.banks-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.banks-empty-icon{font-size:72px;opacity:.5}.banks-empty-text{color:var(--sub-text);font-size:16px}@media (max-width: 1024px){.banks-sidebar{width:100%;max-width:none}}.banks-row-card{background:var(--best-gray);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 6px #0000001a}.banks-row-card:hover{background:var(--gray2);transform:translateY(-2px);box-shadow:0 6px 18px #0003}.banks-row-elements{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.banks-row-elements::-webkit-scrollbar{height:6px}.banks-row-elements::-webkit-scrollbar-track{background:var(--gray1);border-radius:3px}.banks-row-elements::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}.banks-row-elements::-webkit-scrollbar-thumb:hover{background:var(--gray4)}.banks-element-preview{min-width:150px;max-width:150px;height:50px;background:var(--main-background);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px var(--shadow)}.banks-element-preview img{width:50px;height:50px;object-fit:cover;border-radius:8px}.banks-element-preview-text{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.banks-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.banks-list-item-lock-icon{font-size:12px;color:var(--warning-color, #ff9500);display:flex;align-items:center;justify-content:center;min-width:16px}.banks-header-btn-danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.banks-header-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef444480}.banks-header-btn-danger:disabled{opacity:.5;cursor:not-allowed}body.calendar-page-active .dashboard-sidebar-mobile-spacer{display:none!important}.calendar-page-container{width:100%;height:100%!important;display:flex;flex-direction:column;background:var(--background);color:var(--text)}.calendar-page-top-bar{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--main-background);gap:1rem;flex-shrink:0;flex-wrap:wrap}.calendar-page-title-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.calendar-page-title-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.calendar-page-title{font-family:var(--font-arial-rounded-mt);font-size:16px;font-weight:600;color:var(--text);margin:0}.calendar-page-subtitle{font-family:var(--font-arial-rounded-mt);font-size:10px;color:var(--sub-text);margin:0}.calendar-page-icon-container{width:30px;height:30px;background-color:var(--best-gray);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:16px}.calendar-page-filters-wrapper{padding:0 20px 15px;background:var(--main-background);flex-shrink:0;border-bottom:1px solid var(--gray2, #ebebeb);display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-page-filter-tags{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.calendar-page-filter-tag{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1.5px solid var(--gray2, #ebebeb);background:var(--gray1, #f7f7f7);color:var(--sub-text, #666);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.calendar-page-filter-tag-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.calendar-page-filter-tag-icon-svg{width:100%;height:100%;color:inherit}.calendar-page-filter-tag:hover{border-color:var(--gray3);color:var(--text);background:var(--background)}.calendar-page-filter-tag.active{background:var(--blue-blue, #0f83e9);color:#fff;border-color:var(--blue-blue, #0f83e9)}.calendar-page-add-event-button{position:relative;top:2px;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:.875rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.calendar-page-add-event-button:hover{background-color:var(--best-gray);transform:translateY(-2px)}.calendar-page-add-event-button:active{transform:translateY(0)}.calendar-page-add-event-icon{font-size:1rem}.calendar-page-content{background-color:var(--main-background);flex:1;overflow:auto;display:flex;justify-content:center;padding:20px;min-height:0}@media (max-width: 1200px){.calendar-page-top-bar{padding:1.25rem 1.5rem}.calendar-page-title{font-size:1.25rem}.calendar-page-content{padding:1.25rem 1.5rem}}@media (max-width: 900px){.calendar-page-container{height:100dvh!important}.calendar-page-top-bar{flex-direction:row;align-items:center;gap:8px;padding:8px 12px;flex-wrap:nowrap}.calendar-page-title-info{display:none}.calendar-page-icon-container{width:28px;height:28px;font-size:14px;flex-shrink:0}.topbar-search-container{flex:1;max-width:none!important;min-width:0}.calendar-page-add-event-button{flex-shrink:0;padding:0 10px;height:34px;font-size:.78rem;gap:6px}.calendar-page-filters-wrapper{padding:6px 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.calendar-page-filters-wrapper::-webkit-scrollbar{display:none}.calendar-page-filter-tags{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.calendar-page-filter-tags::-webkit-scrollbar{display:none}.calendar-page-filter-tag-label{display:none}.calendar-page-filter-tag{padding:6px 10px}.calendar-widget-layout-seg{flex-shrink:0}.calendar-page-content{padding:8px;overflow:hidden;flex:1;min-height:0}}:root{--transition-duration: .3s;--flow-display: grid;--policy-display: grid}.dashboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#fff;text-align:center}.dashboard-image{max-width:300px;margin-bottom:20px}.dashboard-title{font-size:2.5rem;color:#333;margin-bottom:10px}.dashboard-text{font-size:1.2rem;color:#666;margin-bottom:20px}.feature-card.flow-builder{background-image:url(/images/StintFLowWhite.png)}.dark .feature-card.flow-builder{background-image:url(/images/StitnFLowDark.png)}.feature-card.policy-trainer{background-image:url(/images/Trainpolicu.png)}.dark .feature-card.policy-trainer{background-image:url(/images/POlcuDark.png)}.feature-card.marketplace{background-image:url(/images/Default_Image.png);background-color:var(--secondary-background)}.dashboard-link{color:#007bff;text-decoration:none}.dashboard-link:hover{text-decoration:underline}.dashboard-layout{display:flex;width:100%;height:100vh;background-color:var(--main-background);overflow-x:visible;overflow-y:hidden;box-sizing:border-box;min-height:0;transition:background-color var(--transition-duration) ease}body.desktop-window-embedded .sidebar,body.desktop-window-embedded .dashboard-sidebar,body.desktop-window-embedded .dashboard-sidebar-mobile-shell,body.desktop-window-embedded .dashboard-sidebar-mobile-spacer{display:none!important}body.desktop-window-embedded .main-content{padding-right:0}.sidebar{width:15%;min-width:200px;max-width:280px;background-color:var(--background);border-radius:20px;border:2px solid var(--best-gray);box-shadow:0 2px 5px var(--shadow);padding:20px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.logo-srvzr{height:18px;object-fit:cover}.menu-item{display:flex;align-items:center;gap:5px;padding:10px;background-color:var(--secondary-background);border-radius:15px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:18px;position:relative;overflow:hidden;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.patch-notes{display:flex;align-items:center;gap:5px;padding:5px;background-color:var(--background);border-radius:12px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:16px;position:relative;overflow:hidden;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.home-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.main-content{flex:1;min-width:0;overflow-y:auto;overflow-x:visible;padding-right:10px;display:flex;flex-direction:column;gap:10px;min-height:0;transition:transform 0s linear;backface-visibility:hidden;-webkit-backface-visibility:hidden}.main-content[data-right-swipe-progress]:not([data-right-swipe-progress="0"]){transform:translate(calc(-1 * 100px * var(--right-swipe-progress))) translateZ(0)}.dashboard-layout .top-bar{height:60px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:5px 0}.dashboard-layout .top-bar-buttons{display:flex;gap:10px;align-items:center}.search-button,.tutorials-button,.support-button{position:relative;top:2px;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--secondary-background);border-radius:15px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease}.search-button:hover,.tutorials-button:hover,.support-button:hover{background-color:var(--best-gray);transform:translateY(-2px)}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;transform:scale(.01)!important;position:fixed!important;bottom:-100px!important;right:-100px!important;pointer-events:none!important;z-index:-1!important}.content-grid-dash{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;overflow:visible!important;min-height:min-content}.feature-cards{display:flex;gap:10px;height:250px;width:100%;flex-shrink:0;margin-bottom:5px}.feature-card{flex:1;min-width:0;border-radius:20px;border:5px solid var(--background);box-shadow:0 2px 4px var(--shadow);background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color var(--transition-duration) ease;isolation:isolate}.feature-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 5px 15px var(--shadow)}.feature-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;z-index:0}.feature-card:hover .feature-card-image{transform:scale(1.1)}.feature-card:before{content:none}.feature-card:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70%;background:linear-gradient(to top,color-mix(in srgb,var(--blue-blue) 100%,#000 40%) 0%,color-mix(in srgb,var(--blue-blue) 85%,transparent) 30%,color-mix(in srgb,var(--blue-blue) 40%,transparent) 60%,transparent 100%);z-index:1;transition:opacity .3s ease;opacity:.8;pointer-events:none}.feature-card:hover:after{opacity:1}.feature-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px;background:transparent;color:#fff;transform:translateY(0);transition:transform .3s ease;z-index:2;height:auto}.feature-card:hover .feature-card-overlay{transform:translateY(0)}.feature-card-overlay h3{font-size:20px;margin:0 0 4px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.2px}.feature-card-overlay p{font-size:14px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.4;letter-spacing:-.1px}.feature-card.flow-builder{background-image:url(/images/StintFLowWhite.png)}.dark .feature-card.flow-builder{background-image:url(/images/StitnFLowDark.png)}.feature-card.policy-trainer{background-image:url(/images/Trainpolicu.png)}.dark .feature-card.policy-trainer{background-image:url(/images/POlcuDark.png)}.feature-card.marketplace{background-image:url(/images/Default_Image.png);background-color:var(--secondary-background)}.section-header-dash{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.section-header-dash h2{font-size:1.05rem;color:var(--text);margin:0;display:flex;align-items:center;font-weight:600;letter-spacing:.5px}.filter-button{display:flex;align-items:center;gap:5px;padding:5px;background-color:var(--secondary-background);border-radius:15px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:14px;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.servo-cards-dash{display:flex;gap:20px;margin-top:20px;overflow-x:auto}.servo-card-dash{background:var(--background);border-radius:12px;overflow:hidden;position:relative;height:300px;transition:transform .2s ease-in-out;cursor:pointer;padding:20}.servo-view{width:100%;height:100%;position:relative;background:var(--gray1);overflow:hidden;margin:0;padding:0}.servo-view canvas{width:100%!important;height:100%!important;display:block!important}.servo-viewer{display:block;width:100%;height:100%}.servo-interaction-overlay{position:absolute;inset:0;z-index:2;background:transparent;cursor:pointer;pointer-events:all}.servo-card:hover .servo-viewer>canvas{outline:2px solid var(--blue-blue)}.new-tag{position:absolute;top:10px;right:10px;background:var(--blue-blue);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;z-index:1}.servo-name{padding:20px;font-size:16px;font-weight:700;color:#fff;text-align:left;position:absolute;bottom:0;left:0;right:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);text-shadow:0 1px 2px rgba(0,0,0,.5)}.light .servo-name{background:linear-gradient(to top,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%);color:var(--text);text-shadow:0 1px 2px rgba(255,255,255,.5)}.flow-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;width:100%}.policy-container{display:grid}.flow-card{background:var(--background);border-radius:16px;overflow:hidden;border:2px solid var(--gray2);cursor:pointer;transition:all .2s ease;height:auto;min-height:20px!important;display:flex;flex-direction:column}.flow-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);border-color:var(--blue-blue)}.flow-icon-container{width:50px;height:60px;background-color:var(--best-gray);border-radius:12px;display:flex;align-items:center;justify-content:center}.flow-info{display:flex;flex-direction:column;gap:5px}.flow-preview{flex-grow:1;background-color:var(--background);border-radius:16px 16px 0 0;overflow:hidden;min-height:220px}.policy-cards{display:flex;gap:10px;flex-wrap:wrap;width:100%}.policy-card{flex:1 1 calc(33.33% - 7px);min-width:250px;max-width:calc(33.33% - 7px);height:100px;background-color:var(--background);border-radius:20px;border:2px solid var(--best-gray);box-shadow:0 2px 5px var(--shadow);padding:10px;display:flex;align-items:center;gap:5px;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.policy-icon-container{width:50px;height:60px;background-color:var(--best-gray);border-radius:12px}.policy-info{display:flex;flex-direction:column;gap:5px}.policy-info h3{font-size:16px;color:var(--text)}.policy-info p{font-size:16px;color:var(--sub-text)}.sidebar-content::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.search-button{height:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 15px;background-color:var(--secondary-background);border-radius:15px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;margin:5px 0;width:100%;max-width:500px;justify-self:center}.search-button svg{font-size:14px;opacity:.7}.search-button:hover{background-color:var(--best-gray);transform:translateY(-2px)}.search-button:hover svg{opacity:1}.search-button:hover .search-shortcut{background-color:var(--background);opacity:1}.search-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;border:1px solid var(--best-gray)}.search-modal.visible{opacity:1;visibility:visible}.search-container{width:650px;background-color:var(--background);border-radius:25px;border:none;box-shadow:0 8px 32px #0003;overflow:hidden;transform:translateY(-20px);transition:transform .3s ease}.search-modal.visible .search-container{transform:translateY(0)}.search-input-container{padding:20px;border-bottom:1px solid var(--best-gray);box-sizing:border-box;width:100%}.search-input{width:100%;height:40px;background-color:var(--secondary-background);border:none!important;border-radius:15px;padding:0 15px;font-size:20px;color:var(--text);outline:none;transition:all .3s ease;box-sizing:border-box;font-family:ARLRDBD}.search-input::placeholder{color:var(--sub-text);opacity:.7;font-size:14px}.search-results{max-height:450px;overflow-y:auto;padding:15px;scrollbar-width:none;-ms-overflow-style:none}.search-results::-webkit-scrollbar{display:none}.search-category{font-size:12px;color:var(--sub-text);text-transform:uppercase;letter-spacing:1px;padding:10px 15px;margin-top:10px}.search-category:first-child{margin-top:0}.search-result-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.search-result-item:hover{background-color:var(--best-gray);transform:translate(5px)}.search-result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--best-gray);border-radius:10px;font-size:16px;color:var(--text)}.search-result-item:hover .search-result-icon{background-color:var(--background)}.search-result-content{flex:1}.search-result-title{font-size:16px;color:var(--text);margin-bottom:4px;font-weight:500}.search-result-description{font-size:14px;color:var(--sub-text)}.search-shortcut{display:flex;align-items:center;gap:4px;color:var(--sub-text);font-size:12px;padding:4px 8px;background-color:var(--secondary-background);border-radius:6px;opacity:.8}.shortcut-key{padding:3px 6px;background-color:var(--best-gray);border-radius:4px;font-size:11px;min-width:20px;text-align:center;color:var(--text);font-weight:500}.search-result-item.selected{background-color:var(--best-gray);transform:translate(5px)}.search-result-item.selected .search-result-icon{background-color:var(--background)}.search-result-item.selected .search-result-title{color:var(--text)}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1.4);opacity:0}}.servo-card{position:relative;overflow:hidden}.servo-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:1;pointer-events:none}.servo-card:hover:before{left:100%}.servo-card *{transition:all .2s ease}.servo-container{display:flex!important;flex-direction:row!important;gap:20px;width:100%;overflow-x:auto;align-items:flex-start;overflow:visible!important}.servo-card-dash{background:var(--background);border-radius:20px;border:1px solid var(--gray2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000014;position:relative;transform:translateY(0);flex:0 0 200px!important;max-width:200px!important;min-width:200px!important;width:200px!important}.servo-card-dash:hover{transform:translateY(-8px)}.servo-card-dash:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:1;pointer-events:none}.servo-card-dash:hover:before{left:100%}.servo-card-header{height:160px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.servo-status-indicator{position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--background);z-index:3}.servo-image-container{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:2}.servo-image{width:70px;height:70px;object-fit:contain}.servo-icon{font-size:2rem}.servo-card-content{padding:1rem}.servo-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text);line-height:1.3}.servo-status-row{display:flex;align-items:center;gap:6px;margin-bottom:.25rem}.servo-status-dot{width:6px;height:6px;border-radius:50%}.servo-status-text{margin:0;color:var(--text-secondary);font-size:14px;text-transform:capitalize;font-weight:500}.servo-type-text{margin:0;color:var(--text-secondary);font-size:12px;opacity:.7}.servo-loading{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary)}.servo-empty-state{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.servo-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.servo-empty-title{font-size:1.1rem;margin-bottom:.5rem}.servo-empty-subtitle{font-size:.9rem}.dashboard-empty{--empty-border: var(--gray2);--empty-accent: var(--blue-blue);--empty-bg: linear-gradient( 145deg, rgba(255,255,255,.02), rgba(255,255,255,0) );position:relative;text-align:center;padding:2.5rem 2rem 2.75rem;border:2px dashed var(--empty-border);border-radius:20px;backdrop-filter:blur(4px);background:var(--background);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary);overflow:hidden;isolation:isolate}.dashboard-empty:before,.dashboard-empty:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;opacity:.08;filter:blur(4px);z-index:-1;pointer-events:none;transform:translate(-40%,-40%)}.dashboard-empty:after{inset:auto 0 0 auto;transform:translate(40%,40%)}.dashboard-empty-icon-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.dashboard-empty-icon-circle{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--empty-accent)15,var(--empty-accent)05);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 18px -4px var(--empty-accent) 40;border:1px solid var(--empty-accent)30}.dashboard-empty-icon-circle:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,var(--empty-accent)25,transparent 60%);opacity:.4;mix-blend-mode:overlay}.dashboard-empty-icon{font-size:1.9rem;color:var(--empty-accent);opacity:.85;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));width:1.9rem;height:1.9rem}.dashboard-flow-icon-svg{width:20px;height:20px}.dashboard-flow-nodes-icon{width:12px;height:12px}.dashboard-empty-title{font-size:1.15rem;font-weight:600;margin:0;letter-spacing:-.25px;color:var(--text)}.dashboard-empty-subtitle{font-size:.9rem;margin:0;max-width:420px;line-height:1.4;opacity:.8}.dashboard-empty-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem;justify-content:center}.dashboard-empty-button{--btn-bg: var(--gray1);position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;border-radius:12px;border:1px solid var(--gray2);background:var(--btn-bg);font-size:.75rem;font-weight:600;letter-spacing:.25px;color:var(--text);cursor:pointer;transition:all .25s ease;font-family:ARLRDBD,system-ui,sans-serif}.dashboard-empty-button svg{font-size:.85rem}.dashboard-empty-button--primary{--btn-bg: var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 4px 14px -4px var(--blue-blue) 70}.dashboard-empty-button--primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px -6px var(--blue-blue) 80}.dashboard-empty-button--ghost{background:transparent;border-style:dashed;border-color:var(--gray2);color:var(--text-secondary)}.dashboard-empty-button--ghost:hover{background:var(--gray1);color:var(--text)}.dashboard-empty--servo{min-width:260px}.dashboard-empty--flow{border-style:dashed}.dashboard-business-section{display:flex;flex-direction:column;gap:2.5rem;overflow:visible;margin-top:2.5rem}.dashboard-row-wrapper{width:100%;overflow:visible}.dashboard-row-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 .75rem;padding:0 .5rem}.dashboard-row-title{font-size:1.05rem;font-weight:600;letter-spacing:.5px;margin:0;display:flex;align-items:center}.dashboard-events-filter-button{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--secondary-background);border:2px solid var(--best-gray);border-radius:14px;font-size:12px;color:var(--sub-text);font-family:ARLRDBD,system-ui,sans-serif;transition:background .2s ease,border-color .2s ease,color .2s ease}.dashboard-events-filter-button:hover{background:var(--best-gray);color:var(--text)}.dashboard-events-filter-button[aria-pressed=true]{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}@media (max-width: 900px){:root{--flow-display: flex;--policy-display: flex}.flow-container{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.flow-card{flex:0 0 220px;min-width:220px;max-width:220px;scroll-snap-align:start}.flow-preview{min-height:110px}.flow-icon-container{width:40px;height:48px}.flow-info{gap:3px}.policy-container{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.policy-container>.flow-card,.policy-card{flex:0 0 220px;min-width:220px;max-width:220px;height:90px;scroll-snap-align:start}.dashboard-layout:after{content:"";position:fixed;left:0;right:0;bottom:0;height:220px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--b) 100%);z-index:1200}.ai-fab,.ai-helper-fab,.featurebase-launcher,[data-ai-fab],[class*=ai-fab],[class*=AiFab],[class*=aiHelperFab]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.dashboard-row-scroll{display:flex;gap:5px;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;padding:0 .5rem .9rem}.dashboard-row-scroll::-webkit-scrollbar{height:8px;width:8px}.dashboard-row-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.1)!important;border-radius:4px!important}.dashboard-row-scroll::-webkit-scrollbar-thumb{background:rgba(128,128,128,.4)!important;border-radius:4px;transition:background .2s ease}.dashboard-row-scroll::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.6)}@media (prefers-color-scheme: dark){.dashboard-row-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.dashboard-row-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.dashboard-row-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}}.dashboard-row-empty{color:#9ca3af;font-size:.8rem;padding:.5rem .75rem}.dashboard-card{position:relative;background:var(--dash-card-bg, rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:25px;box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;backdrop-filter:blur(3px);min-width:240px;display:flex;flex-direction:column;overflow:hidden;transition:transform .28s,box-shadow .28s,border-color .28s,background-color .28s}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;border-color:#ffffff3d}.dashboard-service-card,.dashboard-rental-card,.dashboard-event-card,.dashboard-menu-card,.dashboard-menu-card--flutter-clone{box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;transition:transform .28s,box-shadow .28s,border-color .28s;border:1px solid rgba(255,255,255,.1);background:var(--background, #101010);padding:2px}.dashboard-service-card:hover,.dashboard-rental-card:hover,.dashboard-event-card:hover,.dashboard-menu-card:hover,.dashboard-menu-card--flutter-clone:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.dashboard-service-card{min-width:275px;max-width:275px;min-height:350px;position:relative}.dashboard-service-image{width:100%;height:180px;border-radius:25px;overflow:hidden;position:relative}.dashboard-service-image img{width:100%;height:100%;object-fit:cover}.dashboard-service-body{padding:6px 10px 12px;display:flex;flex-direction:column;gap:4px}.dashboard-service-body-wrap{padding-bottom:0}.dashboard-service-main{display:flex;flex-direction:column;gap:4px}.dashboard-service-manage-row{position:absolute;right:18px;bottom:16px;font-size:16px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:ARLRDBD,system-ui,sans-serif}.dashboard-service-manage-row:hover{text-decoration:underline}.dashboard-service-title{font-size:22px;font-weight:400;letter-spacing:0;margin:0}.dashboard-service-sub{font-size:14px;color:#bababa;margin:0}.dashboard-service-bullet{font-size:13px;margin:2px 0 4px}.service-tags{display:flex;flex-wrap:wrap;gap:5px}.service-tag-chip{background:#F0F0F0;color:#a7a7a7;font-size:10px;padding:5px 7px;border-radius:10px;font-weight:500;letter-spacing:.3px}.dashboard-manage-row{font-size:16px;display:inline-flex;align-items:center;gap:4px;margin-top:4px;cursor:pointer}.dashboard-manage-row:hover{text-decoration:underline}.dashboard-rental-card{min-width:300px;max-width:300px}.dashboard-rental-image-wrapper{padding:10px 10px 0}.dashboard-rental-image-bg{width:100%;height:300px;background:#FFFFFF;border-radius:25px;overflow:hidden;position:relative}.dashboard-rental-image-bg img{width:100%;height:100%;object-fit:cover}.dashboard-rental-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:6px}.dashboard-rental-title{font-size:22px;font-weight:400;margin:0}.dashboard-rental-sub{font-size:14px;color:#bababa;margin:0}.dashboard-rental-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dashboard-rental-chip{background:#F0F0F0;color:#a7a7a7;font-size:12px;padding:4px 8px;border-radius:10px;font-weight:500}.dashboard-event-card{min-width:300px;max-width:300px}.dashboard-event-card.past{opacity:.3}.dashboard-event-image-wrapper{width:300px;height:350px;border-radius:25px;overflow:hidden;position:relative;background:#FFFFFF}.dashboard-event-image-wrapper img{width:100%;height:100%;object-fit:cover}.dashboard-event-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,15,.85) 0%,rgba(15,15,15,0) 80%)}.dashboard-event-text{position:absolute;left:0;right:0;bottom:0;padding:10px;display:flex;flex-direction:column;gap:6px}.dashboard-event-title{font-size:22px;font-weight:400;margin:0;color:#fff}.dashboard-event-desc{font-size:14px;margin:0;color:#e0e0e0}.dashboard-event-tags{display:flex;flex-wrap:wrap;gap:6px}.dashboard-event-chip{background:rgba(255,255,255,.12);color:#fff;font-size:10px;padding:5px 7px;border-radius:10px;font-weight:500;backdrop-filter:blur(3px)}.event-preview-chips{display:flex;gap:10px;flex-wrap:wrap}.event-preview-chip{display:inline-flex;align-items:center;gap:8px;background:var(--best-gray, #f5f5f5);padding:6px 12px;border-radius:20px;font-size:13px;color:var(--text-color, #333);box-shadow:0 2px 5px #00000014}.event-preview-chip-dot{width:10px;height:10px;border-radius:50%;background:var(--blue-blue, #0F83E9);display:inline-block}.event-card-badge{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.6);color:#fff;padding:6px 10px;border-radius:14px;font-size:12px;font-weight:600;backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000059;z-index:60;white-space:nowrap}.dashboard-menu-card{min-width:260px;max-width:260px}.dashboard-menu-image{width:100%;height:140px;border-radius:25px;background:linear-gradient(135deg,#10B981,#059669)}.dashboard-menu-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:6px}.dashboard-menu-title{font-size:22px;font-weight:400;margin:0}.dashboard-menu-sub{font-size:14px;color:#bababa;margin:0}.dashboard-menu-tags{display:flex;gap:6px;flex-wrap:wrap}.dashboard-menu-chip{background:#F0F0F0;color:#a7a7a7;font-size:10px;padding:5px 7px;border-radius:10px;font-weight:500}.dashboard-menu-card--flutter-clone{position:relative;width:300px;height:300px;padding:10px;box-sizing:border-box;backdrop-filter:blur(2px)}.dashboard-menu-head{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.dashboard-menu-grid-wrapper{width:100%;height:200px;position:relative}.dashboard-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,50px);grid-auto-rows:50px;gap:6px;width:100%;height:100%;align-content:start;justify-content:start}.dashboard-menu-grid-item{width:50px;height:50px;background:var(--backGround, var(--background));border:2px solid var(--gray2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.dashboard-menu-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.dashboard-menu-grid-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--sub-text);opacity:.6;border:2px dashed var(--gray2);border-radius:10px}.dashboard-menu-manage-row{position:absolute;right:10px;bottom:10px;font-size:16px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:ARLRDBD,system-ui,sans-serif}.dashboard-menu-manage-row:hover{text-decoration:underline}.dashboard-menu-accent-fade{position:absolute;inset:0;border-radius:25px;pointer-events:none;opacity:.05}.dashboard-display-card{width:360px;min-height:220px;background:var(--background);border-radius:25px;border:2px solid var(--gray2);overflow:hidden;position:relative;transition:all .2s ease;cursor:pointer}.dashboard-display-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.dashboard-display-card:hover .dashboard-display-preview-container{opacity:.65;transform:scale(1.05)}.dashboard-display-head{padding:16px 16px 12px;border-bottom:1px solid var(--best-gray, #e5e5e5)}.dashboard-display-info{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--best-gray, #e5e5e5)}.dashboard-display-manage-row{position:absolute;right:10px;bottom:10px;font-size:16px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:ARLRDBD,system-ui,sans-serif}.dashboard-display-manage-row:hover{text-decoration:underline}.dashboard-display-arrow,.dashboard-menu-arrow{height:16px;width:auto;transform:scaleX(-1);opacity:.9;margin-left:0;transition:transform .2s ease,opacity .2s ease}.dashboard-display-card:hover .dashboard-display-arrow,.dashboard-menu-card:hover .dashboard-menu-arrow{transform:scaleX(-1) translate(-2px);opacity:1}.dashboard-display-accent-fade{position:absolute;inset:0;border-radius:25px;pointer-events:none;opacity:.05}.dashboard-display-card--flutter-clone{position:relative;backdrop-filter:blur(2px);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;border:1px solid rgba(255,255,255,.1)}.dashboard-display-card--flutter-clone:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.dashboard-empty-full-width{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:40px 20px!important;text-align:center!important;background:var(--background)!important;border-radius:16px!important;border:1px dashed rgba(166,171,178,.3)!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}.dashboard-empty-full-width .dashboard-empty-actions{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;justify-content:center!important}[data-theme=dark] .dashboard-empty-full-width{border-color:#ffffff26!important}.dashboard-youtube-thumbnail{position:relative;width:120px;height:68px;border-radius:8px;overflow:hidden;cursor:pointer;transform:rotate(-2deg);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 3px 12px var(--shadow)}.dashboard-youtube-thumbnail:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 6px 20px var(--shadow)}.dashboard-youtube-thumbnail-image{width:100%;height:100%;object-fit:cover;background:#f0f0f0}.dashboard-youtube-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--best-gray),rgba(0,0,0,.05));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);font-size:10px;font-weight:600;text-align:center;padding:4px;opacity:.6;transition:opacity .3s ease,background .3s ease}.dashboard-youtube-thumbnail:hover .dashboard-youtube-thumbnail-overlay{opacity:.9;background:linear-gradient(135deg,rgba(0,0,0,.15),var(--shadow))}.dashboard-youtube-thumbnail-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:12px solid white;border-top:8px solid transparent;border-bottom:8px solid transparent;opacity:.9;transition:opacity .3s ease}.dashboard-youtube-thumbnail:hover .dashboard-youtube-thumbnail-play{opacity:1}.dashboard-youtube-thumbnail-text{position:absolute;bottom:4px;left:0;right:0;font-size:9px;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.9)}[data-theme=dark] .dashboard-youtube-thumbnail-text{text-shadow:0 1px 2px rgba(0,0,0,.9)}.dashboard-card-skel{min-width:275px;height:260px;border-radius:25px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));background-size:300% 100%;animation:dashboard-skel 1.4s infinite}@media (max-width: 900px){.dashboard-layout{flex-direction:column;height:100dvh!important;min-height:100vh;padding-bottom:calc(200px + env(safe-area-inset-bottom));overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.main-content,.dashboard-mobile-main{padding:0 0 calc(110px + env(safe-area-inset-bottom));height:auto;overflow-y:visible}.content-grid-dash{padding:0 16px 28px;gap:24px}.dashboard-mobile-content-grid{padding-top:12px}.dashboard-mobile-hero{display:flex;flex-direction:column;padding:20px 16px 12px;position:relative;z-index:100}.dashboard-mobile-hero-spacer{min-height:70px;transition:min-height .3s ease}.dashboard-mobile-hero-card{background-color:var(--main-background)!important;outline:none!important;border-radius:25px;padding:2px;display:flex;flex-direction:column;gap:0;position:absolute;top:5px!important;left:16px;right:16px;z-index:101;transition:box-shadow .3s ease;overflow:hidden;border:1px solid var(--best-gray);box-shadow:0 2px 33px 5px var(--shadow)}.dashboard-mobile-hero-card.expanded{box-shadow:0 25px 60px var(--shadow)}.dashboard-mobile-hero-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:20px;padding:5px!important}.dashboard-mobile-hero-logo{height:20px;width:auto;margin-left:8px;filter:drop-shadow(0 6px 22px rgba(0,140,255,.35))}.dashboard-mobile-hero-account-button{display:inline-flex;align-items:center;gap:12px;padding:5px;border-radius:20px;background:none!important;border:1px solid rgba(255,255,255,.12);font-family:ARLRDBD,system-ui,sans-serif;cursor:pointer}.dashboard-mobile-hero-account-button:hover{transform:translateY(-2px)}.dashboard-mobile-hero-account-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.dashboard-mobile-hero-account-chevron{font-size:12px;margin-right:4px;display:inline;color:var(--sub-text)}.dashboard-mobile-hero-account-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;flex:1}.dashboard-mobile-hero-account-name{font-size:16px;color:var(--text);font-weight:600;letter-spacing:.2px}.dashboard-mobile-hero-account-type{font-size:12px;color:var(--sub-text);opacity:.75}.dashboard-mobile-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-mobile-hero-identity{display:flex;align-items:center;gap:12px}.dashboard-mobile-hero-avatar{width:52px;height:52px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.dashboard-mobile-hero-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-mobile-hero-user{display:flex;flex-direction:column;gap:2px}.dashboard-mobile-hero-user-name{font-size:15px;font-weight:600;color:#fff}.dashboard-mobile-hero-user-role{font-size:12px;opacity:.75}.dashboard-mobile-hero-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.dashboard-mobile-hero-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:12px;background:rgba(0,140,255,.18);border:1px solid rgba(0,140,255,.4);color:#dbeafe;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.dashboard-mobile-hero-actions{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.1);width:calc(100% - 4px);margin-left:2px;margin-right:2px;box-sizing:border-box}.dashboard-mobile-hero-accounts{display:flex;flex-direction:column;gap:10px;padding:0;align-items:stretch;width:100%;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;box-sizing:border-box}.dashboard-mobile-hero-accounts-visible{max-height:600px;opacity:1;padding:0 7px 7px;overflow-y:auto}.dashboard-mobile-hero-accounts-empty{padding:8px 4px;text-align:center;color:var(--sub-text);font-size:13px}.dashboard-mobile-hero-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:var(--best-gray);color:var(--text);font-size:13px;font-family:ARLRDBD,system-ui,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.dashboard-mobile-hero-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.dashboard-mobile-hero-action-active{border-color:#008cff59;background:rgba(0,140,255,.18);color:#e0f2fe}.dashboard-mobile-search-button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:14px;cursor:pointer}.dashboard-mobile-search-shortcut{display:inline-flex;gap:6px;align-items:center;opacity:.75;font-size:12px}.dashboard-mobile-search-key{padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);font-size:11px}.dashboard-mobile-search-float-container{position:fixed;left:0;right:0;bottom:calc(100px + env(safe-area-inset-bottom));padding:0 16px;z-index:1350;pointer-events:none}.dashboard-mobile-search-float-row{display:grid;grid-template-columns:1fr 56px;gap:10px;align-items:center;max-width:820px;margin:0 auto;position:relative;z-index:1405}.dashboard-mobile-search-float-container:before{content:"";position:absolute;left:0;right:0;bottom:-24px;height:120px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--background) 100%);pointer-events:none;z-index:-1}.dashboard-mobile-search-float-button{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;border:2px solid var(--gray2)!important;background:var(--background);box-shadow:0 4px 20px var(--shadow)!important;color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;margin:0 auto;width:100%}.dashboard-mobile-ai-float-button{pointer-events:auto;width:56px;height:48px;border-radius:16px;border:none;background:radial-gradient(circle at center,#00ADED 0%,#0081CC 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;z-index:1500}.dashboard-mobile-ai-float-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #008cff73;filter:brightness(1.05)}.dashboard-mobile-ai-float-button:active{transform:translateY(0)}.dashboard-mobile-ai-float-button svg{font-size:22px}.dashboard-mobile-ai-float-button img{width:20px;height:20px;object-fit:contain;display:block}.dashboard-mobile-search-float-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--shadow);border-color:var(--blue-blue)}.dashboard-mobile-search-float-button:active{transform:translateY(0)}.dashboard-mobile-search-float-button>svg{color:var(--sub-text);font-size:16px}.dashboard-mobile-search-float-button>span{color:var(--sub-text);font-weight:400;justify-self:start;align-self:center}.dashboard-mobile-search-float-shortcut{display:inline-flex;gap:6px;align-items:center;opacity:.8;font-size:12px}.dashboard-mobile-search-float-key{padding:4px 8px;border-radius:8px;background:var(--gray1);border:1px solid var(--best-gray);font-size:11px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt)}.dashboard-mobile-hero-features .feature-cards{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px;height:auto}.dashboard-mobile-hero-features .feature-card{min-height:120px;border-width:2px}.dashboard-mobile-hero-features .feature-card-overlay h3{font-size:14px}.dashboard-mobile-hero-features .feature-card-overlay p{display:none}.servo-container{padding:8px 0 14px;gap:12px;overflow:visible}.servo-card-dash{min-width:180px!important;max-width:180px!important}.servo-card-header{height:145px}.servo-image-container{width:72px;height:72px}.servo-image{width:66px;height:66px}.servo-title{font-size:1rem}.servo-status-text{font-size:12px}.dashboard-mobile-account-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(12px);z-index:1500;display:flex;justify-content:center;align-items:flex-start;padding-top:calc(24px + env(safe-area-inset-top))}.dashboard-mobile-account-sheet{width:min(420px,calc(100% - 32px));background:var(--background);border-radius:24px;border:1px solid var(--best-gray);box-shadow:0 20px 46px #00000073;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;animation:dashboard-mobile-account-sheet-slide .28s ease-out}@keyframes dashboard-mobile-account-sheet-slide{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-mobile-account-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:15px;font-weight:600}.dashboard-mobile-account-sheet-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--best-gray);background:var(--secondary-background);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-mobile-account-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 16px 18px}.dashboard-mobile-account-empty{padding:24px 16px;text-align:center;color:var(--sub-text);font-size:13px}.dashboard-mobile-account-item{display:flex;align-items:center;gap:12px;padding:5px;border-radius:16px;border:1px solid var(--best-gray);background:var(--best-gray);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:calc(100% - 4px);margin:0 2px;justify-content:space-between;box-sizing:border-box}.dashboard-mobile-account-item:hover{transform:translateY(-2px);border-color:var(--blue-blue)}.dashboard-mobile-account-item-active{border-color:var(--blue-blue);background:rgba(0,140,255,.15)}.dashboard-mobile-account-item-avatar{width:44px;height:44px;border-radius:100px;overflow:hidden;border:1px solid var(--best-gray);background:var(--background);display:flex;align-items:center;justify-content:center}.dashboard-mobile-account-item-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-mobile-hero-new-srvzr .dashboard-mobile-account-item-avatar svg,.dashboard-mobile-hero-new-srvzr .dashboard-mobile-account-item-avatar .svg-inline--fa{width:20px;height:20px;display:block;color:var(--text)}.dashboard-mobile-account-item-info{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.dashboard-mobile-account-item-name{font-size:15px;font-weight:600;color:var(--text)}.dashboard-mobile-account-item-type{font-size:12px;color:var(--sub-text);opacity:.8}.dashboard-mobile-account-item-badge{font-size:10px;padding:4px 8px;border-radius:10px;background:var(--blue-blue);color:#fff;text-transform:uppercase;letter-spacing:.5px}.dashboard-mobile-account-item-left{display:flex;align-items:center;gap:12px}.dashboard-rental-image-bg{height:240px}.dashboard-event-image-wrapper{width:260px;height:300px}.dashboard-service-card{min-width:220px;max-width:220px}.flow-card{min-height:150px}.flow-preview{min-height:130px}.flow-icon-container{width:42px;height:50px}.flow-info{gap:4px}.policy-card{flex:1 1 48%;min-width:160px;max-width:48%;height:80px;padding:8px;gap:6px}.policy-info h3{font-size:14px}.policy-info p{font-size:13px}.dashboard-service-card{min-width:210px;max-width:210px;min-height:300px}.dashboard-service-image{height:150px}.dashboard-service-title{font-size:19px}.dashboard-service-sub{font-size:13px}.dashboard-rental-card{min-width:210px;max-width:210px}.dashboard-rental-image-bg{height:190px}.dashboard-rental-title{font-size:18px}.dashboard-rental-sub{font-size:12px}.dashboard-event-card{min-width:210px;max-width:210px}.dashboard-event-image-wrapper{width:210px;height:240px}.dashboard-event-title{font-size:18px}.dashboard-event-desc{font-size:12px}.dashboard-menu-card{min-width:200px;max-width:200px}.dashboard-menu-image{height:100px}.dashboard-menu-title{font-size:18px}.dashboard-menu-sub{font-size:12px}.dashboard-menu-card--flutter-clone{width:240px;height:240px}.dashboard-menu-grid{grid-template-columns:repeat(auto-fill,44px);grid-auto-rows:44px;gap:5px}.section-header-dash h2{font-size:16px}.dashboard-row-scroll{gap:.75rem;padding:0 .25rem .7rem}}.dashboard-focus-mode-container{display:flex;flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.dashboard-focus-mode-container-active{position:relative}.dashboard-focus-mode-selector{position:absolute;left:0;top:0;bottom:0;width:0;overflow:hidden;background:var(--main-background);z-index:100;transition:width .3s ease,padding .3s ease;display:flex;flex-direction:column;padding:0}.dashboard-focus-mode-selector-visible{width:280px;padding:20px;overflow-y:auto}.dashboard-focus-mode-container[data-swipe-progress]:not([data-swipe-progress="0"]) .dashboard-focus-mode-selector{width:calc(280px * var(--swipe-progress, 0));padding:calc(20px * var(--swipe-progress, 0));transition:none}.dashboard-focus-mode-title{font-size:14px;font-weight:600;color:var(--sub-text);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.dashboard-focus-mode-cards{display:flex;flex-direction:column;gap:12px}.dashboard-focus-mode-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border:2px solid var(--best-gray);border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.dashboard-focus-mode-card:hover{border-color:var(--blue-blue);transform:translate(4px)}.dashboard-focus-mode-card-active{border-color:var(--blue-blue);background-color:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background) 100%)!important}.dashboard-focus-mode-card-preview{width:48px;height:48px;border-radius:12px;background:var(--best-gray);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.dashboard-focus-mode-card-preview-logo{height:20px;width:auto}.dashboard-focus-mode-card-preview-icon{font-size:20px;color:var(--text)}.dashboard-focus-mode-card-preview-event{background:var(--gray2)}.dashboard-focus-mode-card-preview-event-img{width:100%;height:100%;object-fit:cover}.dashboard-focus-mode-card-event{position:relative}.dashboard-focus-mode-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dashboard-focus-mode-card-label{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-focus-mode-card-desc{font-size:12px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-focus-mode-preview-wrapper{flex:0 0 100%;min-width:100%;height:100%;transition:transform .3s ease;display:flex;flex-direction:column}.dashboard-focus-mode-container[data-swipe-progress]:not([data-swipe-progress="0"]) .dashboard-focus-mode-preview-wrapper{transform:translate(calc(280px * var(--swipe-progress, 0)));transition:none}.dashboard-focus-mode-preview-wrapper-active{transform:translate(280px)}.dashboard-focus-mode-preview-wrapper-active .main-content{pointer-events:none}.dashboard-right-swipe-indicator{position:fixed;right:0;top:0;width:calc(100px * var(--right-swipe-progress, 0));height:100vh;background:var(--blue-blue);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999;border-radius:20px 0 0 20px}.dashboard-right-swipe-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,140,255,.4));transform:scale(var(--right-swipe-progress, 0));transition:transform .1s ease}.dashboard-mobile-hero-logo-clickable{cursor:pointer;transition:transform .2s ease,filter .2s ease}.dashboard-mobile-hero-logo-clickable:hover{transform:scale(1.1);filter:drop-shadow(0 8px 28px rgba(0,140,255,.5))}.dashboard-mobile-hero-logo-clickable:active{transform:scale(.95)}@media (max-width: 900px){.dashboard-focus-mode-selector-visible{width:240px;padding:16px}.dashboard-focus-mode-card{padding:10px;gap:10px}.dashboard-focus-mode-card-preview{width:40px;border-radius:10px}.dashboard-focus-mode-card-preview-logo{height:16px}.dashboard-focus-mode-card-preview-icon{font-size:16px}.dashboard-focus-mode-card-label{font-size:13px}.dashboard-focus-mode-card-desc{font-size:11px}.dashboard-focus-mode-container[data-swipe-progress]:not([data-swipe-progress="0"]) .dashboard-focus-mode-selector{width:calc(240px * var(--swipe-progress, 0));padding:calc(16px * var(--swipe-progress, 0))}.dashboard-focus-mode-container[data-swipe-progress]:not([data-swipe-progress="0"]) .dashboard-focus-mode-preview-wrapper{transform:translate(calc(240px * var(--swipe-progress, 0)))}.dashboard-focus-mode-preview-wrapper-active{transform:translate(240px)}}.dashboard-projects-container{display:flex;gap:16px;width:100%;overflow-x:hidden;padding-bottom:8px}@media (max-width: 900px){.dashboard-projects-container{flex-wrap:nowrap;gap:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.dashboard-projects-container .projects-page-card{flex:0 0 280px;min-width:280px;max-width:280px;scroll-snap-align:start}}.ds-standalone{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--main-background);color:var(--text);font-family:var(--font-arial-rounded-mt);transition:background var(--transition-duration, .3s) ease,color var(--transition-duration, .3s) ease}.ds-page-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:0 40px;height:62px;background:var(--background);border-bottom:1px solid var(--line-color);flex-shrink:0}.ds-header-logo{display:flex;align-items:center;flex-shrink:0}.ds-header-logo svg{height:20px;width:auto}.ds-header-divider{width:1px;height:22px;background:var(--line-color);flex-shrink:0}.ds-header-title{font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-arial-rounded-mt)}.ds-header-subtitle{font-size:12px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt);margin-left:4px}.ds-page-main{flex:1;overflow-y:auto;min-height:0}.design-page{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding:28px 32px;align-items:start;color:var(--text);font-family:var(--font-arial-rounded-mt)}.ds-section{background:var(--background);border-radius:16px;border:1px solid var(--line-color);padding:20px 22px;min-width:0;overflow:visible}.ds-section-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray4);margin:0 0 14px}.ds-color-grid{display:flex;flex-wrap:wrap;gap:14px}.ds-swatch{display:flex;flex-direction:column;align-items:center;gap:6px}.ds-swatch-box{width:64px;height:64px;border-radius:14px;border:1px solid var(--line-color);box-shadow:0 2px 6px var(--shadow)}.ds-swatch-label{font-size:10px;color:var(--sub-text);text-align:center;max-width:74px;line-height:1.35}.ds-type-sample{margin-bottom:18px;display:flex;align-items:baseline;gap:20px}.ds-type-meta{font-size:11px;color:var(--gray4);min-width:130px;flex-shrink:0;font-family:var(--font-arial-rounded-mt)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.ds-row-label{font-size:11px;color:var(--gray4);min-width:80px;flex-shrink:0;font-family:var(--font-arial-rounded-mt)}.ds-btn{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:40px;border-radius:15px;border:2px solid transparent;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;white-space:nowrap}.ds-btn-primary{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.ds-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.ds-btn-secondary{background:var(--best-gray);color:var(--sub-text);border-color:var(--gray2)}.ds-btn-secondary:hover{transform:translateY(-1px)}.ds-btn-danger{background:rgba(217,53,53,.1);color:var(--red-red);border-color:#d9353540}.ds-btn-danger:hover{background:var(--red-red);color:#fff;border-color:var(--red-red);transform:translateY(-1px)}.ds-btn-success{background:rgba(52,168,83,.1);color:var(--green-green);border-color:#34a85340}.ds-btn-success:hover{background:var(--green-green);color:#fff;border-color:var(--green-green);transform:translateY(-1px)}.ds-btn-ghost{background:transparent;color:var(--text);border-color:var(--line-color)}.ds-btn-ghost:hover{background:var(--gray1);transform:translateY(-1px)}.ds-btn-sm{height:32px;padding:0 12px;font-size:12px;border-radius:10px}.ds-btn-lg{height:48px;padding:0 24px;font-size:16px;border-radius:18px}.ds-btn-icon{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px}.ds-input-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;max-width:300px}.ds-input-label{font-size:11px;font-weight:600;color:var(--sub-text);letter-spacing:.05em;font-family:var(--font-arial-rounded-mt)}.ds-input{height:42px;padding:0 14px;border:2px solid var(--gray2);border-radius:12px;background:var(--background);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);transition:border-color .2s ease;outline:none}.ds-input:focus{border-color:var(--blue-blue)}.ds-input::placeholder{color:var(--gray4)}.ds-input-error{border-color:var(--red-red)}.ds-input-error:focus{border-color:var(--red-red)}.ds-input-hint{font-size:11px;color:var(--gray4);font-family:var(--font-arial-rounded-mt)}.ds-input-hint.is-error{color:var(--red-red)}.ds-select{height:42px;padding:0 14px;border:2px solid var(--gray2);border-radius:12px;background:var(--background);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);cursor:pointer;outline:none;appearance:none;transition:border-color .2s ease}.ds-select:focus{border-color:var(--blue-blue)}.ds-textarea{padding:12px 14px;min-height:90px;resize:vertical;border:2px solid var(--gray2);border-radius:12px;background:var(--background);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);outline:none;transition:border-color .2s ease}.ds-textarea:focus{border-color:var(--blue-blue)}.ds-check-row{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--text);user-select:none;font-family:var(--font-arial-rounded-mt)}.ds-check-row input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ds-check-svg{display:block;flex-shrink:0;cursor:pointer}.ds-check-bg{fill:var(--gray3);transition:fill .25s ease}.ds-icon-unchecked,.ds-icon-checked{transform-box:fill-box;transform-origin:center}.ds-icon-unchecked{transition:opacity .18s ease,transform .2s ease}.ds-icon-checked{opacity:0;transform:scale(.55);transition:opacity .2s ease .08s,transform .28s cubic-bezier(.34,1.56,.64,1) .06s}.ds-check-row input:checked+.ds-check-svg .ds-check-bg{fill:var(--blue-blue)}.ds-check-row input:checked+.ds-check-svg .ds-icon-unchecked{opacity:0;transform:scale(.55)}.ds-check-row input:checked+.ds-check-svg .ds-icon-checked{opacity:1;transform:scale(1)}.ds-pill-toggle{position:relative;display:inline-flex;background:var(--best-gray);border-radius:14px;padding:4px;gap:0}.ds-pill-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--pill-count, 2));height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000f;transform:translate(calc(var(--active-idx, 0) * 100%));transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:0}.ds-pill-toggle-btn{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 22px;min-width:120px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--sub-text);cursor:pointer;transition:color .2s ease;white-space:nowrap}.ds-pill-toggle-btn.active{color:var(--text)}.ds-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-radius:14px;border:1px solid var(--line-color);background:var(--background);gap:20px;max-width:380px;cursor:pointer;user-select:none}.ds-toggle-info{display:flex;flex-direction:column;gap:2px}.ds-toggle-label{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-arial-rounded-mt)}.ds-toggle-hint{font-size:11px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt)}.ds-toggle-input{display:none}.ds-toggle-slider{position:relative;width:70px;height:26px;background:var(--gray3);border-radius:13px;transition:background .28s ease;flex-shrink:0;cursor:pointer}.ds-toggle-slider:before{content:"";position:absolute;top:4px;left:4px;width:40px;height:18px;border-radius:9px;background:#fff;box-shadow:0 2px 5px #0000002e;transition:transform .28s cubic-bezier(.34,1.1,.64,1)}.ds-toggle-slider:after{content:"";position:absolute;top:4px;right:4px;width:40px;height:18px;border-radius:9px;background:#fff;opacity:.06;pointer-events:none}.ds-toggle-input:checked+.ds-toggle-slider{background:var(--blue-blue)}.ds-toggle-input:checked+.ds-toggle-slider:before{transform:translate(22px)}.ds-toggle-input:checked+.ds-toggle-slider:after{right:auto;left:4px}.ds-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ds-card{background:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:20px;box-shadow:0 3px 12px var(--shadow);transition:all .25s ease}.ds-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow);border-color:var(--blue-blue)}.ds-card-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 6px}.ds-card-body{font-size:13px;color:var(--sub-text);line-height:1.5;margin:0}.ds-card-dashed{border:2px dashed var(--gray2);background:var(--background);border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease;text-align:center}.ds-card-dashed:hover{border-color:var(--blue-blue);background:var(--gray1);transform:translateY(-2px);box-shadow:0 6px 24px #0f83e926}.ds-card-dashed-icon{font-size:28px;color:var(--blue-blue)}.ds-card-dashed-label{font-size:14px;font-weight:600;color:var(--text)}.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;font-family:var(--font-arial-rounded-mt)}.ds-badge-blue{background:var(--blue-light);color:var(--blue-blue)}.ds-badge-green{background:rgba(52,168,83,.12);color:var(--green-green)}.ds-badge-red{background:rgba(217,53,53,.12);color:var(--red-red)}.ds-badge-gray{background:var(--gray2);color:var(--gray4)}.ds-badge-outline{background:transparent;border:1px solid var(--line-color);color:var(--sub-text)}.ds-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid transparent;font-size:13px;line-height:1.5;max-width:320px;box-shadow:0 4px 16px var(--shadow)}.ds-toast-info{background:var(--blue-light);border-color:#0f83e933}.ds-toast-success{background:rgba(52,168,83,.08);border-color:#34a85333}.ds-toast-error{background:rgba(217,53,53,.08);border-color:#d9353533}.ds-toast-icon{font-size:16px;margin-top:1px;flex-shrink:0}.ds-toast-info .ds-toast-icon{color:var(--blue-blue)}.ds-toast-success .ds-toast-icon{color:var(--green-green)}.ds-toast-error .ds-toast-icon{color:var(--red-red)}.ds-toast-title{font-weight:700;margin-bottom:2px;color:var(--text)}.ds-toast-msg{color:var(--sub-text)}.ds-topbar-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-radius:16px;background:var(--background);border:1px solid var(--line-color);box-shadow:0 2px 8px var(--shadow)}.ds-sidebar-preview{width:220px;background:var(--background);border:1px solid var(--line-color);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px var(--shadow)}.ds-sidebar-preview-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--gray4);text-transform:uppercase;padding:4px 14px 8px}.ds-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--sub-text);background:transparent;transition:all .2s ease;font-family:var(--font-arial-rounded-mt);user-select:none}.ds-menu-item:hover{background:var(--gray1);color:var(--text);border-color:var(--gray2)}.ds-menu-item.active{background:var(--best-gray);color:var(--text);border-color:var(--gray2)}.ds-menu-item-icon{width:20px;text-align:center;font-size:15px}.ds-divider{border:none;border-top:1px solid var(--line-color);margin:8px 0}.ds-scale-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px}.ds-radius-box,.ds-spacing-box,.ds-shadow-box{display:flex;flex-direction:column;align-items:center;gap:6px}.ds-radius-swatch{background:var(--blue-blue);opacity:.18;width:48px;height:48px;border:2px solid var(--blue-blue)}.ds-spacing-swatch{background:var(--blue-blue);opacity:.22;height:8px;border-radius:4px}.ds-shadow-swatch{width:80px;height:56px;border-radius:14px;background:var(--background);border:1px solid var(--line-color)}.ds-scale-label{font-size:10px;color:var(--gray4);text-align:center;font-family:var(--font-arial-rounded-mt)}.ds-shadow-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.ds-layout-preview{display:flex;gap:12px}@keyframes ds-burst-overlay{0%{transform:scale(.32);opacity:1}30%{transform:scale(1.08);opacity:1}52%{transform:scale(.94);opacity:.9}72%{transform:scale(1.01);opacity:.6}88%{transform:scale(.34);opacity:.25}to{transform:scale(.32);opacity:0}}.ds-radial-btn.ds-radial-bursting:after{animation:ds-burst-overlay .65s cubic-bezier(.22,1,.36,1) forwards}.ds-radial-btn.ds-radial-bursting{z-index:5}.ds-vradio-list{display:flex;flex-direction:column;gap:2px}.ds-vradio-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .15s ease;user-select:none}.ds-vradio-item:hover{background:var(--gray1)}.ds-vradio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--gray3);background:transparent;flex-shrink:0;position:relative;z-index:1;overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.ds-vradio-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--blue-blue);transform:scale(1);opacity:0;pointer-events:none}.ds-vradio-dot.selected{background:var(--blue-blue);border-color:var(--blue-blue);box-shadow:inset 0 0 0 3px #fff}@keyframes ds-vradio-burst{0%{transform:scale(0);opacity:1}30%{transform:scale(1.1);opacity:1}52%{transform:scale(.92);opacity:.9}72%{transform:scale(1.02);opacity:.55}to{transform:scale(0);opacity:0}}.ds-vradio-dot.ds-vradio-bursting:after{animation:ds-vradio-burst .65s cubic-bezier(.22,1,.36,1) forwards}.ds-vradio-dot.ds-vradio-bursting{z-index:5}.ds-vradio-label{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-arial-rounded-mt);line-height:1.2}.ds-vradio-sub{font-size:11px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt);margin-top:2px}.ds-radial-btn{width:38px;height:38px;border-radius:50%;background:var(--gray2);box-shadow:0 3px 9px #0000001a,0 1px 3px #0000000f;border:none;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;flex-shrink:0;outline:none;position:relative;overflow:hidden}.ds-radial-btn:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--blue-blue);transform:scale(.32);opacity:0;pointer-events:none}.ds-radial-btn:hover{box-shadow:0 4px 14px #00000024}.ds-radial-btn.selected{background:radial-gradient(circle at center,var(--blue-blue) 0%,var(--blue-blue) 32%,var(--gray2) 34%,var(--gray2) 100%);box-shadow:0 4px 14px #0f83e940}.ds-scrubber-wrap{position:relative;height:35px;cursor:ew-resize}.ds-scrubber-track{position:absolute;inset:0;background:var(--main-background);border-radius:10px;box-shadow:0 3px 6px #00000012;display:flex;align-items:center;justify-content:space-evenly;padding:0 16px;pointer-events:none}.ds-scrubber-tick{width:2px;height:14px;background:#c6c6c6;opacity:.27;flex-shrink:0;border-radius:1px}.ds-scrubber-thumb{position:absolute;width:14px;height:25px;background:var(--blue-blue);border-radius:6px;top:50%;transform:translateY(-50%);pointer-events:none;left:calc(7px + var(--pos, 0) * (100% - 28px));transition:left .08s ease}.ds-scrubber-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.ds-progress-card{background:var(--main-background);border-radius:10px;padding:5px 6px;box-shadow:0 3px 6px #00000012;cursor:ew-resize;user-select:none}.ds-progress-track{width:100%;height:25px;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.ds-progress-fill{height:100%;background:var(--blue-blue);border-radius:8px}.ds-dial-wrap{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.ds-dial-card{width:var(--dial-sz, 120px);height:var(--dial-sz, 120px);border-radius:50%;background:var(--main-background);box-shadow:0 4px 18px #00000021,0 1px 5px #00000012;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:ns-resize;user-select:none;transition:box-shadow .2s ease}.ds-dial-ring{width:var(--dial-ring, 108px);height:var(--dial-ring, 108px);border-radius:50%;position:relative;flex-shrink:0}.ds-dial-inner{position:absolute;inset:var(--dial-inset, 28px);border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;pointer-events:none}.ds-dial-value{font-size:var(--dial-fs, 14px);font-weight:700;color:var(--text);font-family:var(--font-arial-rounded-mt);user-select:none;line-height:1}.ds-canvas-toolbar{display:flex;flex-direction:column;gap:4px;background:var(--background);border:1px solid var(--line-color);border-radius:16px;padding:10px;width:fit-content;box-shadow:0 2px 10px var(--shadow)}.ds-canvas-tool-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s ease;font-size:15px}.ds-canvas-tool-btn:hover{background:var(--gray2);color:var(--text)}.ds-canvas-tool-btn.active{background:var(--blue-blue);color:#fff}.ds-font-stack{display:flex;flex-direction:column;gap:0}.ds-font-row{display:flex;align-items:baseline;gap:24px;padding:20px 0;border-bottom:1px solid var(--line-color)}.ds-font-row:last-child{border-bottom:none}.ds-font-meta{min-width:200px;flex-shrink:0}.ds-font-role{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray4);margin-bottom:3px;font-family:var(--font-arial-rounded-mt)}.ds-font-name-label{font-size:12px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt)}.ds-font-display{color:var(--text);line-height:1.15}.ds-avatar{border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-avatar-row{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.ds-avatar-stack{display:flex;flex-direction:column;align-items:center;gap:6px}.ds-app-card-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line-color);margin-top:auto}.ds-app-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;font-size:12px;font-weight:600;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease}.ds-app-action-btn-primary{background:var(--blue-blue);color:#fff}.ds-app-action-btn-primary:hover{filter:brightness(1.1)}.ds-app-action-btn-secondary{background:var(--best-gray);color:var(--sub-text)}.ds-app-action-btn-secondary:hover{background:var(--gray2)}.ds-app-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--best-gray);border-radius:10px;padding:8px 4px}.ds-app-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.ds-app-stat-label{font-size:10px;color:var(--sub-text);font-family:var(--font-arial-rounded-mt);text-transform:uppercase;letter-spacing:.05em}.ds-app-stat-value{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-arial-rounded-mt)}.ds-app-chips{display:flex;flex-wrap:wrap;gap:5px}.ds-app-chip{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;font-family:var(--font-arial-rounded-mt);background:var(--gray2);color:var(--sub-text);text-transform:capitalize}.ds-app-chip-more{background:var(--blue-light);color:var(--blue-blue)}.ds-app-chip-green{background:rgba(52,168,83,.12);color:var(--green-green)}.ds-app-chip-muted{background:var(--gray1);color:var(--gray4)}.ds-state-pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--font-arial-rounded-mt);letter-spacing:.04em}.ds-state-pill-live{background:rgba(52,168,83,.12);color:var(--green-green)}.ds-state-pill-draft{background:var(--blue-light);color:var(--blue-blue)}.ds-state-pill-modified{background:rgba(251,188,5,.15);color:#f59e0b}.ds-form-card{background:var(--background);border-radius:16px;border:1px solid var(--line-color);box-shadow:0 3px 12px var(--shadow);display:flex;flex-direction:column;min-height:280px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.ds-form-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow)}.ds-form-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px}.ds-form-icon{width:48px;height:48px;border-radius:12px;background:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px #0f83e94d;flex-shrink:0}.ds-form-content{padding:0 14px 10px;display:flex;flex-direction:column;gap:9px;flex:1}.ds-form-title{font-size:16px;font-weight:700;color:var(--text);margin:0;font-family:var(--font-arial-rounded-mt)}.ds-form-desc{font-size:13px;color:var(--sub-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ds-form-preview-mock{background:var(--best-gray);border:1px solid var(--line-color);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;transform:rotate(-2deg) scale(.94);transform-origin:top center;opacity:.65}.ds-form-preview-field{height:28px;background:var(--background);border:1.5px solid var(--gray2);border-radius:8px}.ds-form-preview-field-sm{height:18px;width:60%}.ds-site-card{background:var(--background);border-radius:16px;border:1px solid var(--line-color);box-shadow:0 3px 12px var(--shadow);display:flex;flex-direction:column;min-height:280px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.ds-site-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow)}.ds-site-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px}.ds-site-icon{width:48px;height:48px;border-radius:12px;background:var(--best-gray);border:1px solid var(--line-color);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gray4);flex-shrink:0}.ds-site-content{padding:0 14px 10px;display:flex;flex-direction:column;gap:9px;flex:1}.ds-site-title{font-size:16px;font-weight:700;color:var(--text);margin:0;font-family:var(--font-arial-rounded-mt)}.ds-site-domain{font-size:12px;color:var(--blue-blue);margin:0;font-family:var(--font-arial-rounded-mt)}.ds-site-preview-mock{background:var(--best-gray);border:1px solid var(--line-color);border-radius:10px;height:68px;overflow:hidden;transform:rotate(-2deg) scale(.94);transform-origin:top center;opacity:.65;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.ds-site-preview-bar{height:10px;background:var(--gray2);border-radius:5px;width:80%}.ds-site-preview-bar-sm{width:55%;height:8px}.ds-site-preview-bar-xs{width:35%;height:6px}.ds-layer-panel{background:var(--background);border:1px solid var(--line-color);border-radius:16px;overflow:hidden;width:100%}.ds-layer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-color)}.ds-layer-header-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-arial-rounded-mt)}.ds-layer-list{display:flex;flex-direction:column}.ds-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;min-height:32px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--line-color)}.ds-layer-item:last-child{border-bottom:none}.ds-layer-item:hover{background:var(--gray1)}.ds-layer-item.ds-layer-active{background:var(--blue-blue)}.ds-layer-item.ds-layer-sub{padding-left:36px}.ds-layer-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-layer-icon{font-size:11px;color:var(--gray4);flex-shrink:0;width:14px;text-align:center}.ds-layer-active .ds-layer-icon{color:#ffffffbf}.ds-layer-name{font-size:12px;color:var(--text);font-family:var(--font-arial-rounded-mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-layer-active .ds-layer-name{color:#fff}.ds-layer-item-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.ds-layer-item:hover .ds-layer-item-actions,.ds-layer-item.ds-layer-active .ds-layer-item-actions{opacity:1}.ds-layer-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--gray4);font-size:10px;cursor:pointer}.ds-layer-btn:hover{background:var(--gray2);color:var(--text)}.ds-layer-active .ds-layer-btn{color:#ffffffa6}.ds-layer-active .ds-layer-btn:hover{background:rgba(255,255,255,.2);color:#fff}.ds-layer-lock-badge{font-size:10px;color:var(--gray4);margin-left:4px}.ds-preview-clip{overflow:hidden!important}.form-card:hover .form-preview-container,.site-card:hover .site-preview-container{z-index:2!important}@media (max-width: 900px){.design-page{padding:20px 16px}.ds-page-header{padding:0 16px}}.desktop-shell{position:relative;width:100%;height:100vh;margin:0;border-radius:0;overflow:hidden;border:none;box-shadow:none;font-family:var(--font-arial-rounded-mt);color:var(--text);background:var(--main-background)}.desktop-menubar{position:absolute;top:12px;right:12px;z-index:120;height:auto;background:transparent;border:none;box-shadow:none;backdrop-filter:none;padding:0}.desktop-menubar-time{display:inline-flex;align-items:center;justify-content:center;min-width:98px;height:36px;padding:0 14px;font-size:15px;font-weight:700;color:var(--text);letter-spacing:.02em;border-radius:999px;border:1px solid color-mix(in srgb,var(--gray3) 52%,transparent 48%);background:color-mix(in srgb,var(--main-background) 78%,transparent 22%);backdrop-filter:blur(16px) saturate(135%);box-shadow:0 8px 18px color-mix(in srgb,var(--shadow) 28%,transparent 72%);font-variant-numeric:tabular-nums;font-family:inherit;cursor:pointer;appearance:none;outline:none}.desktop-workspace{position:absolute;inset:0;z-index:30;min-height:100vh;margin:0;border-radius:0;overflow:hidden;isolation:isolate;border:none;background:var(--main-background);backdrop-filter:none}.desktop-wallpaper-intro,.desktop-wallpaper-intro__gradient,.desktop-wallpaper-intro__wave{position:absolute;inset:0;pointer-events:none;overflow:hidden}.desktop-wallpaper-intro{z-index:2}.desktop-wallpaper-intro__gradient,.desktop-wallpaper-intro__wave{background-position:center;background-repeat:no-repeat;background-size:cover;will-change:transform,opacity,filter}.desktop-wallpaper-intro__gradient{transform:scale(1.01);filter:saturate(1.04) brightness(1.02)}.desktop-wallpaper-intro__wave{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter .9s ease}.desktop-wallpaper-intro__wave--back{transform:translate3d(-1.5%,22%,0) scale(1.18);filter:blur(24px)}.desktop-wallpaper-intro__wave--front{transform:translate3d(1%,24%,0) scale(1.22);filter:blur(26px)}.desktop-wallpaper-intro.stage-1 .desktop-wallpaper-intro__wave--back,.desktop-wallpaper-intro.stage-2 .desktop-wallpaper-intro__wave--back{opacity:.9;transform:translateZ(0) scale(1);filter:blur(0)}.desktop-wallpaper-intro.stage-2 .desktop-wallpaper-intro__wave--back{transition-duration:1.2s}.desktop-wallpaper-intro.stage-2 .desktop-wallpaper-intro__wave--front{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.desktop-window-layer{position:absolute;inset:0;z-index:40;pointer-events:none}.desktop-window-layer .desktop-window{pointer-events:auto}.desktop-window-layer-preview{z-index:90}.desktop-dock-hover-preview-label{padding:6px 10px;width:max-content;max-width:100%;border-radius:999px;border:1px solid color-mix(in srgb,var(--gray3) 44%,transparent 56%);background:color-mix(in srgb,var(--main-background) 84%,transparent 16%);box-shadow:0 10px 22px color-mix(in srgb,var(--shadow) 18%,transparent 82%);color:var(--text);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.desktop-wallpaper-zones{position:absolute;inset:0;z-index:1;display:grid;pointer-events:none}.desktop-wallpaper-zones.companion-layout{display:block}.desktop-wallpaper-zone{position:relative;min-width:0;min-height:0;height:100%;background-color:var(--main-background);background-repeat:no-repeat;background-position:center;background-size:cover}.desktop-water-wallpaper{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.desktop-water-wallpaper-canvas{display:block;width:100%;height:100%}.desktop-workspace:before{content:"";position:absolute;inset:0;z-index:140;pointer-events:none;background:transparent;backdrop-filter:blur(0px);opacity:0;transition:opacity .22s ease,backdrop-filter .22s ease}.desktop-workspace.overview-active:before{opacity:1;backdrop-filter:blur(3px)}.desktop-workspace.overview-exiting:before{opacity:0;backdrop-filter:blur(0px);transition:none}.desktop-drag-snap-preview{position:absolute;z-index:120;border-radius:14px;border:1px solid color-mix(in srgb,var(--blue-blue) 90%,#fff 10%);background:color-mix(in srgb,var(--blue-blue) 36%,transparent 64%);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue-blue) 55%,transparent 45%) inset,0 12px 24px color-mix(in srgb,var(--blue-blue) 28%,transparent 72%);pointer-events:none;backdrop-filter:blur(2px) saturate(140%);opacity:.95;transition:left 90ms ease,top 90ms ease,width 90ms ease,height 90ms ease}.desktop-drag-snap-preview:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid color-mix(in srgb,#ffffff 68%,transparent 32%);opacity:.45}.desktop-drag-snap-preview.layout-maximize{border-radius:0}.desktop-shortcuts-rail{position:absolute;top:14px;left:12px;z-index:6;display:grid;grid-template-columns:repeat(2,minmax(68px,74px));gap:10px 12px;width:166px;max-height:calc(100% - 28px);overflow-y:auto;padding-right:4px}.desktop-shortcuts-rail::-webkit-scrollbar{width:5px}.desktop-shortcuts-rail::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--main-background) 45%,var(--gray4) 55%)}.desktop-shortcut{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-family:inherit;border-radius:12px;padding:4px;user-select:none}.desktop-shortcut:hover{background:color-mix(in srgb,var(--main-background) 28%,transparent 72%)}.desktop-shortcut.selected{background:color-mix(in srgb,var(--blue-light) 44%,transparent 56%)}.desktop-shortcut.selected .desktop-shortcut-icon{border-color:color-mix(in srgb,var(--blue-blue) 74%,#ffffff 26%);background:color-mix(in srgb,var(--blue-light) 28%,var(--main-background) 72%)}.desktop-selection-rectangle{position:absolute;z-index:8;border-radius:8px;border:1px solid color-mix(in srgb,var(--blue-blue) 76%,transparent 24%);background:color-mix(in srgb,var(--blue-light) 34%,transparent 66%);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue-blue) 38%,transparent 62%) inset;pointer-events:none;backdrop-filter:blur(2px)}.desktop-shortcut-icon{width:48px;height:48px;border-radius:14px;border:1px solid color-mix(in srgb,#ffffff 44%,var(--gray3) 56%);background:color-mix(in srgb,var(--main-background) 86%,var(--best-gray) 14%);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 18px color-mix(in srgb,var(--shadow) 70%,#000 30%)}.desktop-shortcut-label{width:100%;font-size:11px;text-align:center;line-height:1.1;color:color-mix(in srgb,var(--text) 88%,transparent 12%);text-shadow:0 1px 1px color-mix(in srgb,#fff 50%,transparent 50%)}.desktop-empty-state{position:absolute;inset:0;z-index:33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;pointer-events:none;color:color-mix(in srgb,var(--text) 74%,transparent 26%)}.desktop-empty-state h3,.desktop-empty-state p{margin:0}.desktop-empty-state h3{font-size:16px}.desktop-empty-state p{font-size:13px}.desktop-window{--desktop-window-header-offset: 0px;--desktop-window-header-fill: transparent;--desktop-window-header-border: transparent;--desktop-window-header-image: none;--desktop-window-header-size: auto;--desktop-window-header-position: 0% 0%;--desktop-window-header-repeat: repeat;position:absolute;border-radius:14px;overflow:visible;border:none;background:transparent;box-shadow:0 26px 50px color-mix(in srgb,var(--shadow) 70%,#000 30%);animation:desktop-window-in .18s ease;will-change:transform,opacity,filter}.desktop-window.overview-transition{transition:left .22s cubic-bezier(.2,.7,.2,1),top .22s cubic-bezier(.2,.7,.2,1),transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease}.desktop-window.overview-mode{box-shadow:0 20px 42px color-mix(in srgb,var(--shadow) 72%,#000 28%);cursor:pointer}.desktop-window.overview-transition .desktop-window-toolbar,.desktop-window.overview-transition .desktop-window-resize-hit{display:none}.desktop-window.overview-transition .desktop-window-content iframe{pointer-events:none}.desktop-window-overview-label{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);max-width:calc(100% - 18px);padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gray3) 48%,transparent 52%);background:color-mix(in srgb,var(--main-background) 88%,transparent 12%);color:var(--text);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .18s ease}.desktop-window.active{box-shadow:0 30px 56px color-mix(in srgb,var(--shadow) 68%,#000 32%)}.desktop-window.maximized{box-shadow:none;--desktop-window-header-offset: 38px;--desktop-window-header-fill: color-mix(in srgb, var(--text) 92%, transparent 8%);--desktop-window-header-border: color-mix(in srgb, var(--text) 76%, transparent 24%);--desktop-window-header-image: none}.desktop-window.toolbar-in-frame{--desktop-window-header-offset: 38px;--desktop-window-header-fill: color-mix(in srgb, var(--main-background) 94%, var(--best-gray) 6%);--desktop-window-header-border: color-mix(in srgb, var(--gray3) 52%, transparent 48%)}.desktop-window.minimized{box-shadow:none}.desktop-window.dock-preview{box-shadow:none;overflow:hidden;clip-path:inset(0 round 8px);contain:paint;isolation:isolate}.desktop-window.dock-preview .desktop-window-toolbar,.desktop-window.dock-preview .desktop-window-resize-hit,.desktop-window.dock-preview .desktop-window-activate-layer,.desktop-window.dock-preview .desktop-window-overview-label{display:none}.desktop-window.dock-preview .desktop-window-surface{border-radius:8px;border-color:color-mix(in srgb,var(--gray3) 56%,transparent 44%);box-shadow:0 8px 18px color-mix(in srgb,var(--shadow) 18%,transparent 82%);overflow:hidden;contain:paint}.desktop-window.hover-preview{clip-path:inset(0 round 16px)}.desktop-window.hover-preview .desktop-window-surface{border-radius:30px;box-shadow:0 16px 30px color-mix(in srgb,var(--shadow) 22%,transparent 78%)}.desktop-window.dock-preview .desktop-window-content,.desktop-window.dock-preview .desktop-window-content iframe{pointer-events:none}.desktop-window-surface{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gray3) 60%,transparent 40%);background:color-mix(in srgb,var(--main-background) 94%,var(--best-gray) 6%)}.desktop-window.active .desktop-window-surface{border-color:var(--blue-light)}.desktop-window.maximized .desktop-window-surface{border-radius:0;border:none}@keyframes desktop-window-in{0%{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:translateZ(0)}}.desktop-window-toolbar{position:absolute;top:-40px;left:6px;right:8px;z-index:14;display:flex;align-items:flex-start;gap:6px;padding-right:0;padding-bottom:10px;min-height:40px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.desktop-window:not(.maximized):hover .desktop-window-toolbar,.desktop-window:not(.maximized).active .desktop-window-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.desktop-window-toolbar-reveal{display:none}.desktop-window.maximized .desktop-window-toolbar-reveal{display:block;position:absolute;top:0;left:0;width:86px;height:52px;z-index:13}.desktop-window.maximized .desktop-window-toolbar{top:8px;left:8px;opacity:1;pointer-events:auto;transform:translateY(0)}.desktop-window.toolbar-in-frame .desktop-window-toolbar{top:8px;left:8px}.desktop-window.maximized.snap-open .desktop-window-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.desktop-window.maximized .desktop-window-toolbar-reveal{display:none}.desktop-window-drag{cursor:grab}.desktop-window-drag:active{cursor:grabbing}.desktop-window-toolbar-grab-zone{flex:1 1 auto;min-width:36px;height:30px;border-radius:999px;background:transparent;cursor:grab}.desktop-window-toolbar-grab-zone:active{cursor:grabbing}.desktop-window-control{width:54px;height:30px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--gray3) 50%,transparent 50%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:color-mix(in srgb,var(--text) 85%,transparent 15%);background:color-mix(in srgb,var(--main-background) 90%,transparent 10%);box-shadow:0 6px 10px color-mix(in srgb,var(--shadow) 25%,transparent 75%);transition:transform .12s ease,background .14s ease}.desktop-window-control:hover{transform:translateY(-.5px);background:color-mix(in srgb,var(--main-background) 78%,var(--best-gray) 22%)}.desktop-window-control-text{font-size:18px;line-height:1;font-weight:700;letter-spacing:0;user-select:none}.desktop-window-control-icon{font-size:13px}.desktop-window-control-snap{position:relative;display:inline-flex}.desktop-window-snap-panel{position:absolute;top:calc(100% + 4px);right:-2px;z-index:18;width:146px;border-radius:12px;border:1px solid color-mix(in srgb,var(--gray3) 55%,transparent 45%);background:color-mix(in srgb,var(--main-background) 88%,transparent 12%);backdrop-filter:blur(14px) saturate(125%);box-shadow:0 14px 26px color-mix(in srgb,var(--shadow) 35%,transparent 65%);padding:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.desktop-window-control-snap.open .desktop-window-snap-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.desktop-window-snap-option{height:34px;border-radius:8px;border:1px solid color-mix(in srgb,var(--gray3) 42%,transparent 58%);background:color-mix(in srgb,var(--best-gray) 86%,transparent 14%);color:color-mix(in srgb,var(--text) 90%,transparent 10%);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.desktop-window-snap-option:hover{border-color:var(--blue-blue);background:var(--blue-light)}.desktop-window-snap-preview{position:relative;width:24px;height:16px;border-radius:4px;border:1px solid color-mix(in srgb,var(--gray3) 58%,transparent 42%);background:color-mix(in srgb,var(--main-background) 86%,transparent 14%)}.desktop-window-snap-preview:before{content:"";position:absolute;border-radius:2px;background:currentColor;opacity:.82;inset:2px}.desktop-window-snap-preview.layout-left:before{top:2px;right:calc(50% + 1px);bottom:2px;left:2px}.desktop-window-snap-preview.layout-right:before{top:2px;right:2px;bottom:2px;left:calc(50% + 1px)}.desktop-window-snap-preview.layout-top:before{top:2px;right:2px;bottom:calc(50% + 1px);left:2px}.desktop-window-snap-preview.layout-bottom:before{top:calc(50% + 1px);right:2px;bottom:2px;left:2px}.desktop-window-snap-preview.layout-top-left:before{top:2px;right:calc(50% + 1px);bottom:calc(50% + 1px);left:2px}.desktop-window-snap-preview.layout-top-right:before{top:2px;right:2px;bottom:calc(50% + 1px);left:calc(50% + 1px)}.desktop-window-snap-preview.layout-bottom-left:before{top:calc(50% + 1px);right:calc(50% + 1px);bottom:2px;left:2px}.desktop-window-snap-preview.layout-bottom-right:before{top:calc(50% + 1px);right:2px;bottom:2px;left:calc(50% + 1px)}.desktop-window.maximized .desktop-window-control,.desktop-window.toolbar-in-frame .desktop-window-control{color:var(--main-background);background:color-mix(in srgb,var(--text) 92%,transparent 8%);border-color:color-mix(in srgb,var(--text) 76%,transparent 24%)}.desktop-window.maximized .desktop-window-control:hover,.desktop-window.toolbar-in-frame .desktop-window-control:hover{background:color-mix(in srgb,var(--text) 84%,var(--best-gray) 16%)}.desktop-window.maximized .desktop-window-snap-panel,.desktop-window.toolbar-in-frame .desktop-window-snap-panel{border-color:color-mix(in srgb,var(--text) 55%,transparent 45%);background:color-mix(in srgb,var(--text) 92%,transparent 8%)}.desktop-window.maximized .desktop-window-snap-option,.desktop-window.toolbar-in-frame .desktop-window-snap-option{border-color:color-mix(in srgb,var(--main-background) 32%,transparent 68%);background:color-mix(in srgb,var(--text) 76%,var(--best-gray) 24%);color:var(--main-background)}.desktop-window.maximized .desktop-window-snap-option:hover,.desktop-window.toolbar-in-frame .desktop-window-snap-option:hover{border-color:color-mix(in srgb,var(--main-background) 55%,transparent 45%);background:color-mix(in srgb,var(--text) 62%,var(--best-gray) 38%)}.desktop-window.maximized .desktop-window-snap-preview,.desktop-window.toolbar-in-frame .desktop-window-snap-preview{border-color:color-mix(in srgb,var(--main-background) 42%,transparent 58%);background:color-mix(in srgb,var(--text) 74%,var(--best-gray) 26%)}.desktop-window-content{position:relative;height:100%;overflow:hidden;background:var(--main-background)}.desktop-window-content:before{content:"";position:absolute;top:0;right:0;left:0;height:var(--desktop-window-header-offset);background-color:var(--desktop-window-header-fill);background-image:var(--desktop-window-header-image);background-size:var(--desktop-window-header-size);background-position:var(--desktop-window-header-position);background-repeat:var(--desktop-window-header-repeat);pointer-events:none;z-index:1}.desktop-window-drag-edge{position:absolute;top:0;left:0;right:0;height:18px;z-index:10;background:transparent}.desktop-window-content iframe{display:block;border:none;width:100%;height:calc(100% - var(--desktop-window-header-offset));margin-top:var(--desktop-window-header-offset);background:var(--main-background)}.desktop-window-activate-layer{position:absolute;inset:0;z-index:12;border:none;background:transparent;padding:0;cursor:default}.desktop-window-resize-hit{position:absolute;z-index:8;background:transparent}.desktop-window-resize-hit.north{top:0;left:12px;right:12px;height:8px;cursor:ns-resize}.desktop-window-resize-hit.south{bottom:0;left:12px;right:12px;height:8px;cursor:ns-resize}.desktop-window-resize-hit.east{top:12px;bottom:12px;right:0;width:8px;cursor:ew-resize}.desktop-window-resize-hit.west{top:12px;bottom:12px;left:0;width:8px;cursor:ew-resize}.desktop-window-resize-hit.northeast,.desktop-window-resize-hit.northwest,.desktop-window-resize-hit.southeast,.desktop-window-resize-hit.southwest{width:12px;height:12px}.desktop-window-resize-hit.northeast{top:0;right:0;cursor:nesw-resize}.desktop-window-resize-hit.northwest{top:0;left:0;cursor:nwse-resize}.desktop-window-resize-hit.southeast{right:0;bottom:0;cursor:nwse-resize}.desktop-window-resize-hit.southwest{left:0;bottom:0;cursor:nesw-resize}.desktop-interaction-shield{position:absolute;inset:0;z-index:95;background:transparent}.desktop-launcher-panel{position:absolute;left:12px;bottom:74px;width:min(800px,calc(100% - 24px));max-height:calc(100vh - 200px);z-index:72;border-radius:18px;border:1px solid color-mix(in srgb,var(--best-gray) 45%,var(--gray3) 55%);background:color-mix(in srgb,var(--main-background) 80%,transparent 20%);backdrop-filter:blur(20px);box-shadow:0 24px 46px color-mix(in srgb,var(--shadow) 70%,#000 30%);transform:translateY(16px) scale(.98);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;display:flex;flex-direction:column}.desktop-launcher-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.desktop-launcher-head{padding:14px 14px 10px;border-bottom:1px solid color-mix(in srgb,var(--gray3) 32%,transparent 68%);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px}.desktop-launcher-head h2{margin:0 0 10px;font-size:17px;grid-column:1 / -1}.desktop-launcher-profile-row{position:relative;grid-column:1;grid-row:2}.desktop-launcher-leave-button{grid-column:2;grid-row:2;width:auto;flex-shrink:0}.desktop-launcher-profile-button{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--gray3) 44%,transparent 56%);border-radius:12px;background:color-mix(in srgb,var(--best-gray) 82%,transparent 18%);color:var(--text);display:flex;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;text-align:left;cursor:pointer}.desktop-launcher-profile-button.open{border-color:var(--blue-blue)}.desktop-launcher-profile-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--gray3) 45%,transparent 55%)}.desktop-launcher-profile-info{display:flex;flex-direction:column;min-width:0;flex:1}.desktop-launcher-profile-info strong,.desktop-launcher-profile-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-launcher-profile-info strong{font-size:12px;line-height:1.2}.desktop-launcher-profile-info small{font-size:10px;color:var(--sub-text);margin-top:2px}.desktop-launcher-profile-chevron{font-size:11px;color:var(--sub-text);transition:transform .14s ease}.desktop-launcher-profile-chevron.open{transform:rotate(180deg)}.desktop-launcher-account-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;border:1px solid color-mix(in srgb,var(--gray3) 42%,transparent 58%);border-radius:12px;background:color-mix(in srgb,var(--main-background) 90%,transparent 10%);box-shadow:0 14px 26px color-mix(in srgb,var(--shadow) 34%,transparent 66%);padding:6px;display:flex;flex-direction:column;gap:4px;max-height:272px;overflow:auto}.desktop-launcher-account-option{border:1px solid color-mix(in srgb,var(--gray3) 32%,transparent 68%);background:color-mix(in srgb,var(--best-gray) 90%,transparent 10%);border-radius:10px;color:var(--text);font-family:inherit;text-align:left;padding:7px;display:flex;align-items:center;gap:8px;cursor:pointer}.desktop-launcher-account-option:hover{border-color:var(--blue-light);background:var(--blue-light)}.desktop-launcher-account-option.active{border-color:var(--blue-blue);background:var(--blue-light)}.desktop-launcher-account-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--gray3) 45%,transparent 55%)}.desktop-launcher-account-avatar.create{display:inline-flex;align-items:center;justify-content:center;font-size:12px;border-radius:8px;background:color-mix(in srgb,var(--main-background) 74%,transparent 26%)}.desktop-launcher-leave-button{min-height:40px;border:1px solid color-mix(in srgb,var(--gray3) 44%,transparent 56%);border-radius:10px;background:color-mix(in srgb,var(--main-background) 85%,transparent 15%);color:var(--text);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s ease;grid-column:2;grid-row:2;width:auto;flex-shrink:0}.desktop-launcher-leave-button:hover{background:color-mix(in srgb,var(--best-gray) 70%,transparent 30%);border-color:var(--blue-blue);color:var(--blue-blue)}.desktop-launcher-dashboard-icon{width:14px;height:14px;display:block;filter:brightness(0) saturate(100%) invert(1);opacity:.85}.desktop-launcher-account-info{display:flex;flex-direction:column;min-width:0;flex:1}.desktop-launcher-account-info strong,.desktop-launcher-account-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-launcher-account-info strong{font-size:12px}.desktop-launcher-account-info small{font-size:10px;color:var(--sub-text)}.desktop-launcher-account-check{font-size:12px}.desktop-launcher-search{display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--gray3) 44%,transparent 56%);background:color-mix(in srgb,var(--best-gray) 84%,transparent 16%);padding:8px 10px;color:var(--sub-text);grid-column:1 / -1;grid-row:3}.desktop-launcher-search input{width:100%;border:none!important;outline:none!important;background:transparent!important;color:var(--text);font-family:inherit}.desktop-launcher-groups{overflow:auto;min-height:0;padding:10px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.desktop-launcher-group h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub-text)}.desktop-launcher-items{display:flex;flex-direction:column;gap:6px}.desktop-launcher-item{display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--gray3) 42%,transparent 58%);border-radius:11px;background:color-mix(in srgb,var(--best-gray) 88%,transparent 12%);padding:8px;cursor:pointer;text-align:left;color:var(--text);font-family:inherit}.desktop-launcher-item:hover{border-color:var(--blue-light);background:var(--blue-light)}.desktop-launcher-item.active{border-color:var(--blue-blue);background:var(--blue-blue)}.desktop-launcher-item-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--main-background) 75%,var(--best-gray) 25%)}.desktop-snippet-emoji-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.desktop-launcher-item-info{min-width:0;display:flex;flex-direction:column}.desktop-launcher-item-info strong,.desktop-launcher-item-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-launcher-item-info strong{font-size:12px}.desktop-launcher-item-info small{margin-top:2px;font-size:10px;color:var(--sub-text)}.desktop-launcher-empty{border:1px dashed color-mix(in srgb,var(--gray3) 60%,transparent 40%);border-radius:12px;padding:12px;font-size:12px;color:var(--sub-text)}.desktop-dock{position:absolute;left:12px;right:auto;transform:none;bottom:12px;z-index:75;border-radius:20px;border:1px solid color-mix(in srgb,var(--gray3) 50%,transparent 50%);background:color-mix(in srgb,var(--main-background) 74%,transparent 26%);backdrop-filter:blur(18px) saturate(130%);box-shadow:0 12px 28px color-mix(in srgb,var(--shadow) 32%,transparent 68%);height:52px;padding:6px 8px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px)}.desktop-dock-start{width:40px;min-width:60px;height:40px;padding:0;border:1px solid color-mix(in srgb,var(--gray3) 56%,transparent 44%);border-radius:12px;background:color-mix(in srgb,var(--main-background) 68%,transparent 32%);color:var(--text);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.desktop-dock-start.active{border-color:var(--blue-blue);background:var(--blue-light)}.desktop-dock-start svg{display:block;color:var(--text);width:60px;height:40px}[data-theme=dark] .desktop-dock-start svg{color:#fff}.desktop-dock-separator{width:1px;height:24px;background:color-mix(in srgb,var(--gray3) 64%,transparent 36%);opacity:.7}.desktop-dock-separator-secondary{height:20px;opacity:.52}.desktop-dock-strip{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding-right:2px}.desktop-dock-strip-pinned{overflow:visible;padding-right:0}.desktop-dock-strip-windows{min-width:0}.desktop-dock-strip::-webkit-scrollbar{height:4px}.desktop-dock-strip::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--gray3) 52%,transparent 48%)}.desktop-dock-item{width:38px;min-width:38px;height:38px;padding:0;border-radius:9px;border:1px solid color-mix(in srgb,var(--gray3) 56%,transparent 44%);background:color-mix(in srgb,var(--main-background) 66%,transparent 34%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--text);position:relative;user-select:none;overflow:hidden;transition:width .18s ease,min-width .18s ease,background .14s ease,border-color .14s ease,transform .12s ease}.desktop-dock-item:hover{transform:translateY(-1px)}.desktop-dock-item.active{border-color:var(--blue-blue);background:var(--blue-light)}.desktop-dock-item.pinned{cursor:grab}.desktop-dock-item.pinned:active{cursor:grabbing}.desktop-dock-item.dragging{opacity:.48;transform:scale(.94)}.desktop-dock-item.is-pinned-app{border-style:solid}.desktop-dock-item.minimized{opacity:.72}.desktop-dock-item.show-preview{width:calc(42px + var(--dock-preview-width, 72px));min-width:calc(42px + var(--dock-preview-width, 72px));padding:4px;border-radius:12px;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;opacity:1}.desktop-dock-item-icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 30px;width:30px;height:30px}.desktop-dock-item-preview{display:none}.desktop-dock-item.show-preview .desktop-dock-item-preview{display:block;position:relative;width:var(--dock-preview-width, 72px);height:30px;border-radius:8px;background:var(--best-gray);border:1px solid color-mix(in srgb,var(--gray3) 46%,transparent 54%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gray3) 20%,transparent 80%);pointer-events:none}.desktop-dock-item.show-preview .desktop-dock-item-preview:before{content:"";position:absolute;top:9px;left:50%;width:8px;height:8px;border-top:1.75px solid color-mix(in srgb,var(--text) 50%,transparent 50%);border-right:1.75px solid color-mix(in srgb,var(--text) 50%,transparent 50%);border-top-right-radius:2px;transform:translate(-50%) rotate(-45deg);box-sizing:border-box}.desktop-dock-item.show-preview .desktop-dock-item-preview:after{content:"";position:absolute;left:50%;bottom:10px;width:12px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--text) 26%,transparent 74%);transform:translate(-50%)}.desktop-dock-item-dot{display:none}.desktop-dock-item.has-open-window .desktop-dock-item-dot{display:block;position:absolute;left:50%;bottom:4px;width:16px;height:2px;border-radius:999px;transform:translate(-50%);background:color-mix(in srgb,var(--text) 68%,transparent 32%)}.desktop-dock-item.active.has-open-window .desktop-dock-item-dot{background:var(--blue-blue)}.desktop-dock-empty{display:none}[data-theme=dark] .desktop-menubar-time{border-color:color-mix(in srgb,#ffffff 22%,transparent 78%);background:color-mix(in srgb,#111 72%,transparent 28%);box-shadow:0 8px 18px #00000059;color:#fff}@media (max-width: 980px){.desktop-dock{bottom:8px}.desktop-launcher-panel{left:8px;width:min(530px,calc(100% - 16px));bottom:70px}}@media (max-width: 700px){.desktop-menubar{top:8px;right:8px}.desktop-menubar-time{min-width:88px;height:34px;font-size:14px}.desktop-dock{height:48px;padding:4px 6px}.desktop-dock-start,.desktop-dock-item{width:36px;min-width:36px;height:36px}.desktop-window{border-radius:12px}.desktop-launcher-groups{grid-template-columns:1fr}}.docs-library-top-bar-actions{display:flex;align-items:center;gap:10px}.docs-library-create-btn{height:40px;border-radius:10px;border:1px solid var(--blue-blue);background:var(--blue-blue);color:#fff;padding:0 14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.docs-library-create-btn:disabled{opacity:.65;cursor:not-allowed}.docs-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;padding:10px}.docs-library-card{background:var(--background);border:1px solid var(--best-gray);border-radius:18px;overflow:hidden;position:relative;cursor:pointer;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.docs-library-card:hover{transform:translateY(-6px);border-color:var(--blue-blue);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.docs-library-card-preview-container{height:220px;background:var(--dash-gray);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}.docs-library-card-preview-overlay{width:100%;height:100%;display:flex;justify-content:center;perspective:1000px}.docs-library-mini-doc-page{width:170px;height:240px;background:white;box-shadow:0 10px 30px #0000001a;border-radius:4px;transform:rotateX(15deg) rotateY(-15deg) rotate(5deg);display:flex;flex-direction:column;padding:15px;position:relative;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease}.docs-library-card:hover .docs-library-mini-doc-page{transform:rotateX(5deg) rotateY(-5deg) rotate(2deg) scale(1.05)}.dark .docs-library-mini-doc-page{background:#f8fafc}.docs-library-mini-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:4px}.docs-library-mini-line{height:4px;background:#e2e8f0;border-radius:2px;width:100%;font-size:0}.docs-library-mini-heading{height:8px;background:var(--blue-blue);width:60%;margin-bottom:4px;opacity:.8}.docs-library-mini-image{width:100%;height:40px;background:#f1f5f9;border-radius:4px;margin:4px 0;overflow:hidden}.docs-library-mini-image-placeholder{width:100%;height:100%;background-size:cover;background-position:center;opacity:.6}.docs-library-mini-footer{margin-top:10px;border-top:1px solid #f1f5f9;padding-top:6px;display:flex;justify-content:center}.docs-library-mini-page-num{font-size:8px;color:#94a3b8;font-weight:700}.docs-library-card-content{padding:16px;background:var(--background);flex:1;display:flex;flex-direction:column;gap:12px}.docs-library-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.docs-library-card-top h3{margin:0;font-size:17px;font-weight:700;color:var(--text);line-height:1.3;flex:1}.docs-library-card-status{padding:4px 10px;background:rgba(16,185,129,.1);color:#10b981;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.docs-library-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--best-gray)}.docs-library-card-meta{display:flex;align-items:center;gap:6px;color:var(--sub-text);font-size:13px}.docs-library-card-actions{display:flex;gap:8px}.docs-library-card-open-btn{background:transparent;border:1px solid var(--blue-blue);color:var(--blue-blue);padding:6px 14px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.docs-library-card-open-btn:hover{background:var(--blue-blue);color:#fff}.docs-library-empty{border:1px dashed var(--best-gray);border-radius:16px;min-height:160px;color:var(--sub-text);display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.docs-library-empty svg{font-size:24px;color:var(--blue-blue)}@media (max-width: 900px){.docs-library-grid{grid-template-columns:1fr}}.docs-page{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--main-background);color:var(--text);font-family:var(--font-arial-rounded-mt);overflow:hidden}.docs-page-shell{position:relative;z-index:40;display:flex;flex-direction:column;padding:8px 18px 10px;overflow:visible;user-select:none;-webkit-user-select:none}.docs-page-appbar,.docs-page-appbar-left,.docs-page-appbar-actions,.docs-page-formatbar,.docs-toolbar-group{display:flex;align-items:center}.docs-page-appbar{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:18px;overflow:visible}.docs-page-appbar-left{gap:10px;width:max-content;max-width:100%}.docs-page-appbar-actions{gap:8px;flex-shrink:0;justify-self:end}.docs-toolbar-icon-btn,.docs-page-save-btn,.docs-page-share-btn,.docs-page-secondary-btn,.docs-page-primary-btn,.docs-page-star-btn,.docs-page-back-control{border:2px solid transparent;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.docs-page-back-control:hover,.docs-toolbar-icon-btn:hover,.docs-page-star-btn:hover{background:var(--gray1);border-color:var(--gray2);transform:translateY(-1px)}.docs-page-back-control{flex-shrink:0;min-height:38px;padding:0 4px 0 0;border-radius:12px}.docs-page-star-btn{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--sub-text)}.docs-page-status-text,.docs-page-inline-error{color:var(--sub-text);font-size:12px;line-height:1.4}.docs-page-status-text--busy{color:var(--blue-blue)}.docs-page-inline-error{color:var(--red-red);max-width:320px}.docs-page-save-btn,.docs-page-share-btn,.docs-page-secondary-btn,.docs-page-primary-btn{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:15px;border:2px solid var(--gray2);background:var(--best-gray)}.docs-page-save-btn:hover:not(:disabled),.docs-page-share-btn:hover,.docs-page-secondary-btn:hover,.docs-page-primary-btn:hover{background:var(--gray1);border-color:var(--gray3);transform:translateY(-1px)}.docs-page-save-btn:disabled{opacity:.6;cursor:not-allowed}.docs-page-save-btn--saving{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.docs-page-save-btn--saved{background:var(--green-green);border-color:var(--green-green);color:#fff}.docs-page-save-btn--error{background:rgba(217,53,53,.08);border-color:#d935352e;color:var(--red-red)}.docs-page-share-btn{background:var(--blue-light);border-color:#0f83e938;color:var(--blue-blue);font-family:var(--font-arial-rounded-mt)}.docs-page-secondary-btn{color:var(--text)}.docs-page-page-setup-btn{width:38px;min-width:38px;padding:0;justify-content:center}.docs-page-secondary-btn.is-loading{color:var(--blue-blue)}.docs-page-secondary-btn.is-loading svg{animation:docs-spin .85s linear infinite}.docs-page-primary-btn{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.docs-page-share-chevron{font-size:12px}.docs-page-formatbar{gap:10px;min-width:0;padding:0;background:transparent;overflow:visible;justify-content:center}.docs-page-formatbar::-webkit-scrollbar{display:none}.docs-toolbar-group{gap:6px;flex-shrink:0;overflow:visible}.docs-toolbar-divider{width:1px;height:24px;background:var(--gray2);flex-shrink:0}.docs-toolbar-icon-btn{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--sub-text)}.docs-toolbar-combo-btn{min-height:36px;padding:0 10px;border-radius:12px;border:2px solid var(--gray2);background:var(--background);display:inline-flex;align-items:center;gap:8px;color:var(--text)}.docs-toolbar-combo-btn:hover{border-color:var(--gray3);background:var(--gray1)}.docs-toolbar-combo-btn.is-active{background:var(--gray1);border-color:var(--gray2)}.docs-toolbar-combo-label{font-size:13px;line-height:1;color:var(--text)}.docs-toolbar-combo-chevron{font-size:11px;color:var(--sub-text)}.docs-page-alignment-bloom{width:118px;position:relative;z-index:1600}.docs-page-alignment-bloom-trigger{min-height:36px;justify-content:space-between;gap:8px;padding:0 12px;font-size:13px}.docs-page-alignment-bloom-content{max-height:240px}.docs-page-alignment-bloom div[style*="position: absolute"]{z-index:1601!important}.docs-toolbar-icon-btn:disabled{opacity:.42;cursor:default;transform:none}.docs-toolbar-icon-btn:disabled:hover{background:transparent;border-color:transparent}.docs-toolbar-icon-btn.is-active{background:var(--gray1);border-color:var(--gray2)}.docs-toolbar-icon-btn.is-loading{color:var(--blue-blue)}.docs-toolbar-icon-btn.is-loading svg{animation:docs-spin .85s linear infinite}@keyframes docs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.docs-page-setup-bloom{width:280px}.docs-page-setup-bloom-trigger{width:100%;min-height:44px;justify-content:space-between;padding:0 14px;font-size:14px;font-weight:500}.docs-page-setup-bloom-content{max-height:260px}.docs-toolbar-size-control{height:36px;padding:0 6px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:var(--best-gray);color:var(--text);transition:background .14s ease,border-color .14s ease,transform .14s ease}.docs-toolbar-size-control:hover{background:var(--gray1);transform:translateY(-1px)}.docs-toolbar-size-input{width:30px;min-width:0;border:none!important;background:transparent!important;color:var(--text);font:inherit;font-size:13px;text-align:center;outline:none;user-select:text;-webkit-user-select:text}.docs-toolbar-size-input::-webkit-outer-spin-button,.docs-toolbar-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.docs-toolbar-font-button{width:160px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:var(--best-gray);color:var(--text);margin-right:0}.docs-toolbar-font-button:hover{background:var(--gray1);transform:translateY(-1px)}.docs-toolbar-font-button,.docs-toolbar-size-control{box-shadow:none}.docs-toolbar-font-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-toolbar-popover{position:fixed;z-index:1200;width:min(320px,calc(100vw - 24px));background:var(--background);border:1px solid var(--line-color);border-radius:18px;box-shadow:0 20px 48px #0f172a2e;padding:12px;overflow:hidden}.docs-toolbar-popover .canvas-font-picker-list{max-height:min(320px,55vh);margin-top:8px;border:1px solid var(--gray2);border-radius:14px;background:var(--background)}.docs-toolbar-popover .canvas-font-picker-search{padding:0}.docs-toolbar-popover .canvas-font-picker-search-input{width:100%}.docs-table-picker-popover{width:360px;padding:14px}.docs-table-picker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.docs-table-picker-cell{aspect-ratio:1;border:2px solid var(--gray2);border-radius:8px;background:var(--gray1);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.docs-table-picker-cell:hover,.docs-table-picker-cell:focus-visible,.docs-table-picker-cell.is-active{border-color:var(--blue-blue);background:var(--blue-light)}.docs-table-picker-cell:hover,.docs-table-picker-cell:focus-visible{transform:translateY(-1px)}.docs-table-picker-label{margin-top:14px;text-align:center;font-size:28px;line-height:1;color:var(--text);font-family:ARLRDBD,sans-serif}.docs-page-layout{position:relative;z-index:0;flex:1;min-height:0;display:block;padding:20px 20px 0;background:var(--main-background)}.docs-workspace{min-width:0;min-height:0;height:100%;overflow:auto}.docs-workspace-chrome{min-width:fit-content;padding:0 0 96px}.docs-paper-stack-shell{width:794px;margin:0 auto;position:relative}.docs-paper-stack-shell.is-pageless{background:var(--background);border:1px solid var(--line-color);border-radius:24px;box-shadow:0 12px 32px var(--shadow)}.docs-paper-stack-shell.is-cover-preview{background:transparent;border:0;box-shadow:none}.docs-paper-stack{position:absolute;inset:0;pointer-events:none}.docs-paper-sheet{position:absolute;left:0;right:0;height:1123px;background:var(--background);border:1px solid var(--line-color);border-radius:24px;box-shadow:0 12px 32px var(--shadow)}.docs-paper-sheet:before{content:"";position:absolute;left:40px;right:40px;top:0;height:1px;background:color-mix(in srgb,var(--line-color) 76%,transparent)}.docs-paper-sheet-label{position:absolute;top:18px;left:calc(100% + 14px);min-height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap;background:var(--gray1);border:1px solid var(--gray2);color:var(--sub-text);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.docs-paper-editor{position:relative;z-index:1;padding:18px 0 24px}.docs-live-pages{display:flex;flex-direction:column;gap:28px}.docs-live-pages.is-cover{display:grid;grid-template-columns:repeat(var(--docs-cover-page-columns, 2),var(--docs-cover-page-width, 1fr));gap:32px;align-items:start;justify-content:start}.docs-live-page{position:relative;width:100%;background:var(--background);border:1px solid var(--line-color);border-radius:24px;box-shadow:0 12px 32px var(--shadow)}.docs-live-page:before{content:"";position:absolute;left:40px;right:40px;top:0;height:1px;background:color-mix(in srgb,var(--line-color) 76%,transparent)}.docs-live-page-editor{position:relative;z-index:1}.docs-paged-measurement-root{position:fixed;left:-20000px;top:0;z-index:-1;pointer-events:none;opacity:0}.docs-paged-measurement-page,.docs-paged-measurement-editor{width:100%}.docs-paper-editor.is-pageless{padding:0}.docs-paper-editor.is-preview-source{opacity:0;pointer-events:none}.docs-paged-preview-stack{position:absolute;inset:0;z-index:2;cursor:text}.docs-paged-preview-page{position:absolute;left:0;right:0}.docs-paged-preview-viewport{position:absolute;inset:var(--docs-editor-padding-top, 32px) var(--docs-editor-padding-right, 74px) var(--docs-editor-padding-bottom, 96px) var(--docs-editor-padding-left, 74px);overflow:hidden}.docs-paged-preview-fragment{position:absolute;inset:0 auto auto 0;width:calc(100% - var(--docs-editor-padding-left, 74px) - var(--docs-editor-padding-right, 74px))}.docs-paper-editor .mbe-editable,.docs-live-page-editor .mbe-editable,.docs-paged-measurement-editor .mbe-editable{min-height:var(--docs-page-content-min-height, 930px);position:relative;z-index:1;padding:var(--docs-editor-padding-top, 32px) var(--docs-editor-padding-right, 74px) var(--docs-editor-padding-bottom, 96px) var(--docs-editor-padding-left, 74px);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.72;color:var(--text);caret-color:var(--blue-blue);background:transparent}.docs-paper-editor .mbe-paragraph,.docs-live-page-editor .mbe-paragraph,.docs-paged-measurement-editor .mbe-paragraph{margin:0 0 8px}.docs-paper-editor .mbe-h1,.docs-paper-editor .mbe-h2,.docs-paper-editor .mbe-h3,.docs-live-page-editor .mbe-h1,.docs-live-page-editor .mbe-h2,.docs-live-page-editor .mbe-h3,.docs-paged-measurement-editor .mbe-h1,.docs-paged-measurement-editor .mbe-h2,.docs-paged-measurement-editor .mbe-h3{font-family:var(--font-arial-rounded-mt);color:var(--text)}.docs-paper-editor .mbe-h1,.docs-live-page-editor .mbe-h1,.docs-paged-measurement-editor .mbe-h1{font-size:30px;margin-top:10px}.docs-paper-editor .mbe-h2,.docs-live-page-editor .mbe-h2,.docs-paged-measurement-editor .mbe-h2{font-size:22px;margin-top:28px}.docs-paper-editor .mbe-h3,.docs-live-page-editor .mbe-h3,.docs-paged-measurement-editor .mbe-h3{font-size:18px;margin-top:22px}.docs-paper-editor .mbe-blockquote,.docs-live-page-editor .mbe-blockquote,.docs-paged-measurement-editor .mbe-blockquote{background:var(--gray1);border-left-color:var(--blue-blue);color:var(--sub-text)}.docs-paper-editor .mbe-code-block,.docs-paper-editor .mbe-inline-code,.docs-live-page-editor .mbe-code-block,.docs-live-page-editor .mbe-inline-code,.docs-paged-measurement-editor .mbe-code-block,.docs-paged-measurement-editor .mbe-inline-code{background:var(--gray1);border-color:var(--gray2);color:var(--text)}.docs-paper-editor .mbe-list-bullet,.docs-paper-editor .mbe-list-number,.docs-paper-editor .mbe-check-item-content,.docs-live-page-editor .mbe-list-bullet,.docs-live-page-editor .mbe-list-number,.docs-live-page-editor .mbe-check-item-content,.docs-paged-measurement-editor .mbe-list-bullet,.docs-paged-measurement-editor .mbe-list-number,.docs-paged-measurement-editor .mbe-check-item-content{color:var(--text)}.docs-paper-editor .mbe-check-box,.docs-live-page-editor .mbe-check-box,.docs-paged-measurement-editor .mbe-check-box{border-color:var(--gray3)}.docs-cover-preview-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--docs-cover-page-columns, 2),var(--docs-cover-page-width));grid-auto-rows:var(--docs-cover-page-height);gap:var(--docs-cover-page-gap);pointer-events:auto;cursor:text}.docs-cover-preview-page{position:relative;background:var(--background);border:1px solid var(--line-color);border-radius:24px;box-shadow:0 12px 32px var(--shadow);overflow:hidden}.docs-cover-preview-page:before{content:"";position:absolute;left:40px;right:40px;top:0;height:1px;background:color-mix(in srgb,var(--line-color) 76%,transparent)}.docs-cover-preview-viewport{position:absolute;inset:var(--docs-editor-padding-top, 32px) var(--docs-editor-padding-right, 74px) var(--docs-editor-padding-bottom, 96px) var(--docs-editor-padding-left, 74px);overflow:hidden}.docs-cover-preview-fragment{position:absolute;inset:0 auto auto 0;width:calc(var(--docs-cover-page-width) - var(--docs-editor-padding-left, 74px) - var(--docs-editor-padding-right, 74px))}.docs-cover-preview-fragment .mbe-editable,.docs-paged-preview-fragment .mbe-editable{min-height:auto;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.72;color:var(--text);caret-color:transparent;background:transparent}.docs-cover-preview-fragment .mbe-paragraph,.docs-paged-preview-fragment .mbe-paragraph{margin:0 0 8px}.docs-cover-preview-fragment .mbe-h1,.docs-cover-preview-fragment .mbe-h2,.docs-cover-preview-fragment .mbe-h3,.docs-paged-preview-fragment .mbe-h1,.docs-paged-preview-fragment .mbe-h2,.docs-paged-preview-fragment .mbe-h3{font-family:var(--font-arial-rounded-mt);color:var(--text)}.docs-cover-preview-fragment .mbe-h1,.docs-paged-preview-fragment .mbe-h1{font-size:30px;margin-top:10px}.docs-cover-preview-fragment .mbe-h2,.docs-paged-preview-fragment .mbe-h2{font-size:22px;margin-top:28px}.docs-cover-preview-fragment .mbe-h3,.docs-paged-preview-fragment .mbe-h3{font-size:18px;margin-top:22px}.docs-cover-preview-fragment .mbe-blockquote,.docs-paged-preview-fragment .mbe-blockquote{background:var(--gray1);border-left-color:var(--blue-blue);color:var(--sub-text)}.docs-cover-preview-fragment .mbe-code-block,.docs-cover-preview-fragment .mbe-inline-code,.docs-paged-preview-fragment .mbe-code-block,.docs-paged-preview-fragment .mbe-inline-code{background:var(--gray1);border-color:var(--gray2);color:var(--text)}.docs-cover-preview-fragment .mbe-table-toolbar,.docs-cover-preview-fragment .mbe-table-edge-btn,.docs-cover-preview-fragment .mbe-image-toolbar,.docs-cover-preview-fragment .mbe-image-resize-handle,.docs-cover-preview-fragment [data-slate-zero-width],.docs-cover-preview-fragment [data-slate-spacer],.docs-cover-preview-fragment [data-slate-placeholder],.docs-paged-preview-fragment .mbe-table-toolbar,.docs-paged-preview-fragment .mbe-table-edge-btn,.docs-paged-preview-fragment .mbe-image-toolbar,.docs-paged-preview-fragment .mbe-image-resize-handle,.docs-paged-preview-fragment [data-slate-zero-width],.docs-paged-preview-fragment [data-slate-spacer],.docs-paged-preview-fragment [data-slate-placeholder]{display:none!important}.docs-zoom-controls{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px));z-index:1100;pointer-events:none}.docs-zoom-grid{display:grid;grid-template-columns:44px auto;grid-template-rows:44px 44px;grid-template-areas:"plus toggle" "level minus";gap:6px;align-items:stretch;pointer-events:auto}.docs-zoom-btn,.docs-zoom-level-pill{min-height:44px;border-radius:12px;border:2px solid var(--gray2)!important;background:var(--main-background)!important;box-shadow:0 4px 12px var(--shadow)!important}.docs-zoom-btn{color:var(--gray4);font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.docs-zoom-grid-plus{grid-area:plus}.docs-zoom-grid-minus{grid-area:minus}.docs-zoom-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-1px)}.docs-zoom-level-pill{grid-area:level;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:12px;font-family:ARLRDBD,sans-serif;letter-spacing:.02em}.docs-zoom-mode-state-btn{grid-area:toggle;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;justify-self:stretch;padding:0 14px;pointer-events:auto;border:2px solid var(--gray2);border-radius:12px;background:var(--main-background);box-shadow:0 4px 12px var(--shadow);font-size:13px;font-family:var(--font-arial-rounded-mt);color:var(--gray4);cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}.docs-zoom-mode-state-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-1px)}.docs-modal-scrim{position:fixed;inset:0;z-index:1300;background:rgba(17,24,39,.28);display:flex;align-items:center;justify-content:center;padding:24px}.docs-page-setup-modal{width:min(620px,calc(100vw - 32px));max-height:min(84vh,760px);overflow:auto;background:var(--background);border:1px solid var(--line-color);border-radius:24px;box-shadow:none;padding:22px}.docs-page-setup-header h2{margin:0;font-size:32px;line-height:1.05}.docs-page-setup-mode-toggle{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.docs-page-setup-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.docs-page-setup-field{display:flex;flex-direction:column;gap:8px}.docs-page-setup-field--full{grid-column:1 / -1}.docs-page-setup-label{font-size:14px;color:var(--sub-text)}.docs-page-setup-choice-row{display:flex;gap:12px;flex-wrap:wrap}.docs-page-setup-choice-btn{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--gray2);border-radius:999px;background:var(--background);color:var(--text);font:inherit;font-size:14px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.docs-page-setup-choice-btn:hover{transform:translateY(-1px);border-color:var(--gray3);background:var(--gray1)}.docs-page-setup-choice-btn.is-active{border-color:var(--blue-blue);background:var(--blue-light);color:var(--blue-blue)}.docs-page-setup-margin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.docs-page-setup-margin-field{display:flex;flex-direction:column;gap:6px;color:var(--sub-text);font-size:13px}.docs-page-setup-margin-field input{min-height:44px;border:2px solid var(--gray2);border-radius:12px;background:var(--background);color:var(--text);font:inherit;padding:0 12px;outline:none}.docs-page-setup-title-input{min-height:44px;border:2px solid var(--gray2);border-radius:12px;background:var(--background);color:var(--text);font:inherit;padding:0 14px;outline:none}.docs-page-setup-title-input:focus,.docs-page-setup-margin-field input:focus{border-color:var(--blue-blue)}.docs-page-setup-actions{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.docs-page-setup-link-btn{border:none;background:transparent;color:var(--blue-blue);font:inherit;cursor:pointer}.docs-page-setup-action-group{display:flex;align-items:center;gap:10px}.docs-conflict-modal-scrim{z-index:1350}.docs-conflict-modal{width:min(1040px,calc(100vw - 32px));max-height:min(86vh,840px);overflow:auto;background:var(--background);border:1px solid var(--line-color);border-radius:24px;padding:22px}.docs-conflict-modal-header h2{margin:0;font-size:30px;line-height:1.05}.docs-conflict-modal-header p{margin:8px 0 0;color:var(--sub-text);font-size:14px}.docs-conflict-modal-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.docs-conflict-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:2px solid var(--gray2);border-radius:20px;background:var(--best-gray);min-width:0}.docs-conflict-card-head{display:flex;flex-direction:column;gap:4px}.docs-conflict-card-head h3{margin:0;font-size:20px;line-height:1.15}.docs-conflict-card-kicker{color:var(--blue-blue);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.docs-conflict-card-meta{display:flex;flex-wrap:wrap;gap:8px}.docs-conflict-card-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--gray1);border:1px solid var(--gray2);color:var(--sub-text);font-size:12px}.docs-conflict-card-preview{min-height:220px;padding:16px;border-radius:16px;background:var(--background);border:1px solid var(--gray2);overflow:auto}.docs-conflict-card-preview p{margin:0;color:var(--text);font-size:14px;line-height:1.55;white-space:pre-wrap}.docs-conflict-card-btn{width:100%;justify-content:center}@media (max-width: 720px){.docs-page-setup-modal{width:min(520px,calc(100vw - 24px));padding:18px;border-radius:20px}.docs-page-setup-header h2{font-size:28px}.docs-page-setup-grid{grid-template-columns:1fr}.docs-conflict-modal{width:min(560px,calc(100vw - 24px));padding:18px;border-radius:20px}.docs-conflict-modal-header h2{font-size:26px}.docs-conflict-modal-grid{grid-template-columns:1fr}.docs-conflict-card-preview{min-height:160px}.docs-page-setup-margin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-page-setup-bloom{width:100%;min-width:0}}@media (max-width: 980px){.docs-page-appbar{display:flex;flex-direction:column;align-items:stretch;gap:14px}.docs-page-appbar-actions{justify-content:flex-end;flex-wrap:wrap}.docs-page-formatbar{padding:2px 0 12px;margin-bottom:-12px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;scrollbar-width:none}.docs-page-layout{padding:16px}.docs-paper-editor .mbe-editable,.docs-live-page-editor .mbe-editable,.docs-paged-measurement-editor .mbe-editable{min-height:70vh;padding:max(24px,var(--docs-editor-padding-top, 24px)) max(24px,var(--docs-editor-padding-right, 24px)) max(72px,var(--docs-editor-padding-bottom, 72px)) max(24px,var(--docs-editor-padding-left, 24px))}.docs-zoom-grid{grid-template-columns:40px auto;grid-template-rows:40px 40px;gap:8px}.docs-zoom-btn,.docs-zoom-level-pill{width:40px;height:40px;border-radius:12px}.docs-zoom-level-pill{font-size:11px}.docs-zoom-mode-state-btn{font-size:12px;border-radius:12px}.docs-page-setup-grid,.docs-page-setup-margin-grid{grid-template-columns:1fr}.docs-page-setup-actions{flex-direction:column;align-items:stretch}.docs-page-setup-action-group{justify-content:flex-end}}@media (max-width: 1180px){.docs-page-share-btn{width:38px;min-width:38px;padding:0;justify-content:center}.docs-page-share-btn span,.docs-page-share-btn .docs-page-share-chevron{display:none}}@media print{.docs-page-shell,.docs-zoom-controls{display:none!important}.docs-page,.docs-page-layout,.docs-workspace,.docs-workspace-chrome{display:block;overflow:visible;background:#ffffff;padding:0}.docs-paper-stack-shell{width:100%}.docs-paper-stack{display:none}}.expense-add-page{min-height:100vh;background:var(--main-background);display:flex;flex-direction:column}.expense-add-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--shadow);position:absolute;top:0;left:0;right:0;background:transparent;z-index:100;pointer-events:none}.expense-add-back-btn,.expense-add-retake-btn{pointer-events:auto}.expense-add-back-btn{width:40px;height:40px;border-radius:12px;background:rgba(18,21,23,.8);border:1px solid rgba(34,43,48,.5);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.expense-add-back-btn:hover{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.expense-add-title{flex:1;font-size:20px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.expense-add-retake-btn{width:40px;height:40px;border-radius:12px;background:var(--blue-blue);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.expense-add-retake-btn:hover{opacity:.9}.expense-add-content{flex:1;display:flex;flex-direction:column;padding:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;max-height:100vh}.expense-add-form-section{padding:80px 20px 20px;background:var(--main-background);min-height:100vh}.expense-add-processing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.expense-add-processing-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--blue-blue) 0%,#4F46E5 100%);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:24px;box-shadow:0 8px 24px #4f46e54d}.expense-add-processing-title{font-size:24px;font-weight:600;color:var(--text);margin:0 0 8px}.expense-add-processing-subtitle{font-size:16px;color:var(--sub-text);margin:0}.expense-add-camera-section{position:fixed;inset:0;display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--black);z-index:0}.expense-add-camera-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--black);overflow:hidden}.expense-add-camera-video{width:100%;height:100%;object-fit:cover}.expense-add-camera-error{position:absolute;top:80px;left:20px;right:20px;background:rgba(239,68,68,.95);color:#fff;padding:12px 16px;border-radius:12px;z-index:10;box-shadow:0 4px 12px #0003}.expense-add-camera-controls{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--main-background);border-top:1px solid var(--shadow);border-radius:24px 24px 0 0;z-index:10;box-shadow:0 -8px 24px var(--shadow);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.expense-add-camera-prompt{text-align:center;max-width:400px;padding:40px 20px;margin:auto}.expense-add-camera-icon{width:100px;height:100px;border-radius:24px;background:var(--best-gray);border:2px dashed var(--shadow);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--sub-text);margin:0 auto 24px}.expense-add-camera-title{font-size:24px;font-weight:600;color:var(--text);margin:0 0 8px}.expense-add-camera-subtitle{font-size:16px;color:var(--sub-text);margin:0 0 24px}.expense-add-camera-actions{display:flex;flex-direction:column;gap:12px}.expense-add-camera-btn{padding:16px 24px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid transparent}.expense-add-camera-btn-capture{background:var(--blue-blue);color:#fff;box-shadow:0 8px 20px #007aff4d;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.expense-add-camera-btn-capture:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 25px #007aff66;border-radius:20px}.expense-add-camera-btn-capture:disabled{opacity:.5;cursor:not-allowed}.expense-add-camera-btn-upload{background:var(--main-background);color:var(--text);border:2px solid var(--gray2);box-shadow:0 4px 12px var(--shadow)}.expense-add-camera-btn-upload:hover{background:var(--gray1);border-color:var(--blue-blue);color:var(--blue-blue)}.expense-add-camera-btn-manual{background:var(--gray1);color:var(--sub-text);border:1px solid var(--gray2);font-weight:500}.expense-add-camera-btn-manual:hover{background:var(--gray2);color:var(--text)}.expense-add-camera-btn-primary{background:linear-gradient(135deg,var(--blue-blue) 0%,#4F46E5 100%);color:#fff;border:none;box-shadow:0 4px 12px #4f46e54d}.expense-add-camera-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.expense-add-camera-btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid var(--shadow)}.expense-add-camera-btn-secondary:hover{background:var(--shadow)}.expense-add-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;color:#ef4444;font-size:14px;margin-bottom:16px;text-align:center}.expense-add-form-section{max-width:600px;margin:0 auto;width:100%}.expense-add-image-preview{position:relative;margin-bottom:20px;border-radius:16px;overflow:hidden;background:var(--best-gray)}.expense-add-image-preview img{width:100%;max-height:200px;object-fit:cover}.expense-add-image-clear{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.expense-add-image-clear:hover{background:rgba(239,68,68,.8)}.expense-add-form{display:flex;flex-direction:column;gap:16px}.expense-add-form-group{display:flex;flex-direction:column;gap:6px}.expense-add-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expense-add-form-label{font-size:14px;font-weight:500;color:var(--sub-text)}.expense-add-form-input{padding:12px 16px;border-radius:12px;border:1px solid var(--shadow);background:var(--best-gray);color:var(--text);font-size:16px;transition:all .2s ease}.expense-add-form-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #3b82f61a}.expense-add-form-input::placeholder{color:var(--sub-text);opacity:.6}.expense-add-form-textarea{min-height:100px;resize:vertical}.expense-add-form-actions{display:flex;gap:12px;margin-top:8px;padding-bottom:20px}.expense-add-form-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.expense-add-form-btn-primary{background:linear-gradient(135deg,#36A72D 0%,#2D8A26 100%);color:#fff;border:none;box-shadow:0 4px 12px #2d8a264d}.expense-add-form-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2d8a2666}.expense-add-form-btn-primary:disabled{opacity:.6;cursor:not-allowed}.expense-add-form-btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid var(--shadow)}.expense-add-form-btn-secondary:hover{background:var(--shadow)}@media (max-width: 600px){.expense-add-content{padding:16px}.expense-add-form-row{grid-template-columns:1fr}.expense-add-form-actions{flex-direction:column;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.expenses-page{min-height:100vh;background:var(--best-gray);color:var(--text);font-family:ARLRDBD,sans-serif}.expenses-page .main-content{overflow:hidden;height:100vh;padding:0}.expenses-container{display:flex;height:100vh;overflow:hidden}.expenses-sidebar{width:420px;max-width:100%;height:100vh;background:var(--main-background);box-shadow:0 20px 33px var(--shadow);border-right:1px solid rgba(255,255,255,.15);display:flex;padding-top:20px;padding-right:20px;flex-direction:column;gap:12px;overflow:hidden;position:relative}.expenses-sidebar.expenses-sidebar-collapsed{width:70px;padding-right:4px;transition:width .25s ease;overflow:hidden}.expenses-sidebar-collapsed .expenses-titles,.expenses-sidebar-collapsed .expenses-subtitle,.expenses-sidebar-collapsed .expenses-add-button span{display:none!important}.expenses-sidebar-collapsed .expenses-add-button{justify-content:center;padding:10px;width:48px;height:48px;border-radius:50%}.expenses-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-left:10px}.expenses-collapse-icon-btn{appearance:none;background:var(--best-gray);border:1px solid rgba(255,255,255,.15);color:var(--text);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .18s ease,transform .18s ease;margin-right:8px}.expenses-collapse-icon-btn:hover{background:var(--gray2)}.expenses-collapse-icon-btn:active{transform:scale(.92)}.expenses-titles{display:flex;flex-direction:column;gap:4px;text-align:left}.expenses-title{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}.expenses-subtitle{color:var(--sub-text);font-size:14px}.expenses-spendable-card{margin:0 10px;background:var(--best-gray);border-radius:15px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.expenses-spendable-info{display:flex;flex-direction:column;gap:2px}.expenses-spendable-label{font-size:18px;font-weight:600}.expenses-spendable-sublabel{font-size:12px;color:var(--sub-text)}.expenses-spendable-amount{font-size:20px;font-weight:700;color:var(--green-green)}.expenses-filter-row{display:flex;gap:8px;padding:0 10px;flex-wrap:wrap}.expenses-filter-card{flex:1;min-width:140px;background:var(--best-gray);border-radius:15px;padding:5px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .18s ease,transform .18s ease}.expenses-filter-card:hover{background:var(--gray2)}.expenses-filter-card:active{transform:scale(.98)}.expenses-filter-icon{width:40px;height:40px;background:var(--text);border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--main-background);font-size:18px}.expenses-filter-info{display:flex;flex-direction:column;gap:2px}.expenses-filter-label{font-size:12px;color:var(--sub-text)}.expenses-filter-value{font-size:14px;font-weight:500}.expenses-search-section{padding:0 10px}.expenses-search-card{background:var(--best-gray);border-radius:15px;padding:5px;display:flex;align-items:center;gap:10px}.expenses-search-input{flex:1;background:transparent!important;border:none!important;outline:none!important;font-size:16px;color:var(--text);font-family:inherit}.expenses-search-input::placeholder{color:var(--sub-text)}.expenses-section-header{padding:0 10px;font-size:14px;color:var(--text);font-weight:500}.expenses-list{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px;flex:1;overflow-y:auto;min-height:0}.expenses-loading,.expenses-empty{color:var(--sub-text);font-size:14px;text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.expenses-empty-icon{font-size:48px;opacity:.5}.expenses-card{background:var(--best-gray);border-radius:16px;padding:10px;cursor:pointer;transition:background .18s ease,transform .18s ease;border:2px solid transparent}.expenses-card:hover{background:var(--gray2);transform:translate(2px)}.expenses-card.active{background:var(--blue-blue);border-color:var(--blue-blue)}.expenses-card.active .expenses-card-name,.expenses-card.active .expenses-card-amount{color:var(--primary-btn-text)}.expenses-card.active .expenses-card-tags-item{background:rgba(255,255,255,.2);color:var(--primary-btn-text)}.expenses-card-content{display:flex;align-items:center;gap:12px}.expenses-card-image{width:60px;height:60px;border-radius:12px;object-fit:cover;background:var(--gray2)}.expenses-card-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.expenses-card-name{font-size:16px;font-weight:500;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expenses-card-tags{display:flex;flex-wrap:wrap;gap:6px}.expenses-card-tags-item{background:var(--gray2);border-radius:8px;padding:2px 8px;font-size:12px;color:var(--sub-text)}.expenses-card-right{display:flex;align-items:center;gap:4px}.expenses-card-amount{font-size:14px;font-weight:600}.expenses-card-arrow{color:var(--sub-text);font-size:20px}.expenses-bottom-bar{background:var(--text);border-radius:25px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:10}.expenses-bottom-bar-desktop{margin:0 10px 40px;flex-shrink:0}.expenses-bottom-bar-mobile{position:fixed;bottom:calc(148px + env(safe-area-inset-bottom));left:10px;right:10px;max-width:804px;margin:0 auto;z-index:1340;display:none}.expenses-scan-btn{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .18s ease;background:none;border:none;padding:0;text-align:left}.expenses-scan-btn:hover{opacity:.9}.expenses-scan-icon{width:60px;height:60px;background:var(--main-background);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--text)}.expenses-scan-info{display:flex;flex-direction:column;gap:2px}.expenses-scan-title{font-size:16px;font-weight:600;color:var(--main-background)}.expenses-scan-subtitle{font-size:12px;color:var(--gray3)}.expenses-manual-btn{width:60px;height:60px;background:var(--blue-blue);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-btn-text);cursor:pointer;border:none;transition:filter .18s ease,transform .18s ease}.expenses-manual-btn:hover{filter:brightness(1.1)}.expenses-manual-btn:active{transform:scale(.95)}.expenses-main{flex:1;height:100%;overflow:auto;background:var(--gray1);padding:16px;display:flex;flex-direction:column}.expenses-page-mobile-header{display:flex;align-items:center;padding:8px 0 12px;margin-bottom:8px}.expenses-page-mobile-open{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2);padding:6px 10px;font-size:14px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.expenses-page-mobile-open:hover{filter:brightness(.96)}.expenses-content{display:flex;flex-direction:column;gap:16px}.expenses-header{background:var(--main-background);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:16px}.expenses-header-info{display:flex;flex-direction:column;gap:4px;flex:1}.expenses-header-title{font-size:22px;font-weight:700;margin:0}.expenses-header-subtitle{font-size:14px;color:var(--sub-text);margin:0}.expenses-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.expenses-header-btn{appearance:none;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .18s ease,transform .18s ease;font-family:inherit;display:flex;align-items:center;gap:8px;white-space:nowrap}.expenses-header-btn:active{transform:scale(.98)}.expenses-header-btn-primary{background:var(--blue-blue);color:var(--primary-btn-text)}.expenses-header-btn-primary:hover{filter:brightness(1.1)}.expenses-header-btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid rgba(255,255,255,.2)}.expenses-header-btn-secondary:hover{filter:brightness(.95)}.expenses-header-btn-danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.expenses-header-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef444480}.expenses-detail-panel{background:var(--main-background);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px var(--shadow);flex:1;overflow:hidden;display:flex;flex-direction:column}.expenses-detail-image-container{position:relative;height:300px;background:var(--gray2);display:flex;align-items:center;justify-content:center}.expenses-detail-image{max-width:100%;max-height:100%;object-fit:contain}.expenses-detail-image-overlay{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,var(--main-background),transparent)}.expenses-detail-info{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.expenses-detail-row{display:flex;justify-content:space-between;align-items:center}.expenses-detail-label{font-size:14px;color:var(--sub-text)}.expenses-detail-value{font-size:16px;font-weight:500}.expenses-detail-amount{font-size:28px;font-weight:700;color:var(--text)}.expenses-detail-reason{background:var(--best-gray);border-radius:12px;padding:12px 16px}.expenses-detail-reason-label{font-size:12px;color:var(--sub-text);margin-bottom:4px}.expenses-detail-reason-text{font-size:14px;color:var(--text)}.expenses-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.expenses-detail-tag{background:var(--best-gray);border-radius:10px;padding:6px 12px;font-size:13px;color:var(--sub-text)}.expenses-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.expenses-empty-state-icon{font-size:72px;opacity:.5}.expenses-empty-state-text{color:var(--sub-text);font-size:16px}.expenses-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.expenses-modal{background:var(--main-background);border-radius:20px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.expenses-modal-title{font-size:20px;font-weight:700;margin:0}.expenses-modal-close{background:var(--best-gray);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text);transition:background .18s ease}.expenses-modal-form{display:flex;flex-direction:column;gap:16px}.expenses-form-label{font-size:14px;font-weight:500;color:var(--text)}.expenses-form-input{background:var(--best-gray)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;padding:12px 16px!important;font-size:16px;color:var(--text);font-family:inherit;outline:none;transition:border-color .18s ease}.expenses-form-input:focus{border-color:var(--blue-blue)}.expenses-form-input::placeholder{color:var(--sub-text)}.expenses-form-row{display:flex;gap:12px}.expenses-form-row .expenses-form-group{flex:1}.expenses-modal-actions{display:flex;gap:12px;margin-top:8px}.expenses-modal-btn{flex:1;padding:14px 20px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:filter .18s ease,transform .18s ease}.expenses-modal-btn:active{transform:scale(.98)}.expenses-modal-btn-primary{background:var(--blue-blue);color:var(--primary-btn-text)}.expenses-modal-btn-primary:hover{filter:brightness(1.1)}.expenses-modal-btn-secondary:hover{filter:brightness(.95)}.expenses-image-upload{border:2px dashed var(--gray3);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease}.expenses-image-upload:hover{border-color:var(--blue-blue);background:rgba(15,131,233,.05)}.expenses-image-upload-icon{font-size:48px;color:var(--gray3);margin-bottom:12px}.expenses-image-upload-text{font-size:14px;color:var(--sub-text)}.expenses-image-preview{width:100%;height:200px;object-fit:cover;border-radius:12px}@media (max-width: 1024px){.expenses-sidebar{width:100%;max-width:none}.expenses-main,.expenses-container.expenses-showing-detail .expenses-sidebar{display:none}.expenses-container.expenses-showing-detail .expenses-main{display:flex}.expenses-bottom-bar-desktop{display:none!important}.expenses-bottom-bar-mobile{display:flex!important}}.expenses-date-picker{position:relative}.expenses-date-picker-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--main-background);box-shadow:0 2px 8px var(--shadow);border:1px solid var(--line-color);border-radius:12px;padding:12px;z-index:100;margin-top:8px}.expenses-date-picker-option{padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .18s ease}.expenses-date-picker-option:hover{background:var(--best-gray)}.expenses-date-picker-option.active{background:var(--blue-blue);color:var(--primary-btn-text)}.expenses-date-picker-option.active .expenses-filter-icon{color:#fff}.expenses-fullscreen-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:2000}.expenses-fullscreen-container{position:relative;width:90%;height:90%;max-width:1200px;max-height:800px}.expenses-fullscreen-image{width:100%;height:100%;object-fit:contain}.expenses-fullscreen-close{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .2s ease}.expenses-fullscreen-close:hover{background:rgba(255,255,255,.3)}.expenses-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1500}.expenses-modal{background:var(--main-background);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.expenses-modal-header{display:flex;align-items:center;justify-content:space-between}.expenses-modal-title{font-size:18px;font-weight:600;margin:0;color:var(--text)}.expenses-modal-close{width:40px;height:40px;border-radius:12px;background:var(--best-gray);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s ease}.expenses-modal-close:hover{background:var(--gray2)}.expenses-modal-form{padding:20px;display:flex;flex-direction:column;gap:16px}.expenses-form-group{display:flex;flex-direction:column;gap:6px}.expenses-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expenses-form-label{font-size:14px;font-weight:500;color:var(--sub-text)}.expenses-form-input{padding:12px 16px!important;border-radius:12px!important;border:1px solid var(--shadow)!important;background:var(--best-gray)!important;color:var(--text)!important;font-size:16px!important;transition:border-color .2s ease!important}.expenses-form-input:focus{outline:none!important;border-color:var(--blue-blue)!important}.expenses-form-textarea{min-height:100px;resize:vertical}.expenses-modal-actions{display:flex;gap:12px;padding-top:10px}.expenses-modal-btn{flex:1;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.expenses-modal-btn-primary{background:var(--blue-blue);color:#fff}.expenses-modal-btn-primary:hover{opacity:.9}.expenses-modal-btn-secondary{background:var(--best-gray);color:var(--text)}.expenses-modal-btn-secondary:hover{background:var(--gray2)}.files-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--main-background)}.files-top-bar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 20px;flex-shrink:0}.files-top-bar-actions{display:flex;align-items:center;gap:8px}.files-new-folder-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.files-new-folder-btn:hover{background-color:var(--gray2);transform:translateY(-2px)}.files-new-folder-btn:active{transform:translateY(0)}.files-generate-btn{background:linear-gradient(135deg,var(--blue-blue)22,var(--blue-blue)33);border-color:var(--blue-blue)!important;color:var(--blue-blue)}.files-generate-btn:hover{background:linear-gradient(135deg,var(--blue-blue)44,var(--blue-blue)55)}.files-body{flex:1;display:flex;overflow:hidden}.files-left-panel{width:240px;min-width:200px;height:100%;background:var(--main-background);display:flex;flex-direction:column;gap:4px;padding:16px 10px;overflow-y:auto;flex-shrink:0}.files-panel-section-title{font-family:var(--font-arial-rounded-mt);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sub-text);padding:0 6px 8px}.files-cat-row{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;border-radius:15px;user-select:none;transition:background .18s ease,transform .18s ease;background:transparent;border:2px solid transparent;font-family:var(--font-arial-rounded-mt)}.files-cat-row:hover{background:var(--best-gray);transform:translate(2px)}.files-cat-row.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.files-cat-row.active .files-cat-label{color:#fff;font-weight:700}.files-cat-row.active .files-cat-count,.files-cat-row.active .files-cat-toggle{color:#ffffffbf}.files-cat-row.active .files-cat-add-btn{color:#ffffffd9}.files-cat-toggle{width:12px;display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:9px;flex-shrink:0}.files-cat-icon{font-size:14px;flex-shrink:0}.files-cat-label{flex:1;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-cat-count{font-size:11px;color:var(--sub-text);margin-right:2px}.files-cat-add-btn{width:20px;height:20px;border:none;background:transparent;color:var(--sub-text);border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,background .12s;flex-shrink:0}.files-cat-row:hover .files-cat-add-btn{opacity:1}.files-cat-add-btn:hover{background:var(--gray2)}.files-folder-list{margin:2px 0 4px;display:flex;flex-direction:column;gap:2px}.files-folder-row{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 24px;cursor:pointer;border-radius:12px;user-select:none;transition:background .18s ease,transform .18s ease;background:transparent;border:2px solid transparent;font-family:var(--font-arial-rounded-mt)}.files-folder-row:hover{background:var(--best-gray);transform:translate(2px)}.files-folder-row.active{background:var(--best-gray);border-color:var(--gray2)}.files-folder-row.active .files-folder-name{color:var(--blue-blue);font-weight:700}.files-folder-icon{font-size:13px;flex-shrink:0}.files-folder-name{flex:1;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-creating-row{padding-left:24px}.files-rename-input{flex:1;border:2px solid var(--blue-blue);border-radius:10px;padding:4px 8px;font-family:var(--font-arial-rounded-mt);font-size:13px;background:var(--main-background);color:var(--text);outline:none;min-width:0}.files-rename-input--grid{font-size:12px;padding:4px 8px;width:100%;text-align:center}.files-inline-btn{width:22px;height:22px;border:none;background:var(--blue-blue);color:#fff;border-radius:6px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .12s}.files-inline-btn:hover{opacity:.85}.files-inline-btn--cancel{background:var(--best-gray);color:var(--sub-text);border:2px solid var(--gray2)}.files-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 24px 32px;border-radius:20px;background:var(--best-gray)}.files-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-family:var(--font-arial-rounded-mt);font-size:12px;color:var(--sub-text)}.files-breadcrumb-home{font-size:12px}.files-breadcrumb-sep{font-size:9px;opacity:.5}.files-breadcrumb-link{cursor:pointer;transition:color .12s}.files-breadcrumb-link:hover{color:var(--blue-blue);text-decoration:underline}.files-breadcrumb-current{color:var(--text);font-weight:600}.files-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px}.files-empty-icon{font-size:48px;color:var(--gray3);margin-bottom:4px}.files-empty-title{font-family:var(--font-arial-rounded-mt);font-size:16px;font-weight:700;color:var(--text);margin:0}.files-empty-sub{font-family:var(--font-arial-rounded-mt);font-size:13px;color:var(--sub-text);margin:0 0 8px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;overflow-y:auto}.files-grid-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px 16px;border-radius:20px;background:var(--main-background);box-shadow:0 4px 20px var(--shadow);outline:2px solid var(--gray1);border:none;cursor:pointer;user-select:none;transition:transform .18s ease,box-shadow .18s ease;text-align:center}.files-grid-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow)}.files-grid-item:active{transform:translateY(0)}.files-grid-item-icon{font-size:38px;line-height:1}.files-grid-item-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.files-grid-item-name{font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;color:var(--text);word-break:break-word;line-height:1.3}.files-grid-item-meta{font-family:var(--font-arial-rounded-mt);font-size:11px;color:var(--sub-text)}.files-ctx-menu{position:fixed;z-index:9999;background:var(--main-background);border:2px solid var(--gray2);border-radius:15px;box-shadow:0 8px 30px var(--shadow);padding:6px;min-width:160px}.files-ctx-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;border-radius:10px;font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;transition:background .12s}.files-ctx-item:hover{background:var(--best-gray)}.files-ctx-item--danger{color:var(--red-red)}.files-ctx-item--danger:hover{background:rgba(217,53,53,.08)}.files-ctx-divider{height:1px;background:var(--line-color);margin:4px 2px}.files-home{flex:1;overflow-y:auto;padding:20px 20px 60px}.files-home-inner{width:100%}.files-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.files-home-card{display:flex;flex-direction:column;border-radius:22px;background:var(--main-background);box-shadow:0 4px 24px var(--shadow);outline:2px solid var(--gray1);border:none;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.files-home-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--shadow)}.files-home-card:active{transform:translateY(-1px)}.files-home-card-banner{height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.files-home-card-banner-icon{font-size:44px;position:relative;z-index:1;filter:drop-shadow(0 4px 14px rgba(0,0,0,.2));margin-top:-8px}.files-home-card-banner-ghost{position:absolute;right:-12px;bottom:-16px;font-size:96px;opacity:.09;pointer-events:none;z-index:0}.files-home-card-body{display:flex;flex-direction:column;gap:4px;padding:5px 10px 8px;flex:1}.files-home-card-title{font-family:var(--font-arial-rounded-mt);font-size:17px;font-weight:700;color:var(--text);margin:0}.files-home-card-desc{font-family:var(--font-arial-rounded-mt);font-size:12px;color:var(--sub-text);margin:0}.files-home-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.files-home-card-meta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-arial-rounded-mt);font-size:12px;font-weight:600;color:var(--sub-text);background:var(--best-gray);padding:4px 10px;border-radius:20px}.files-home-card-arrow{width:28px;height:28px;border-radius:50%;background:var(--best-gray);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--sub-text);transition:background .15s,color .15s}.files-home-card:hover .files-home-card-arrow{background:var(--blue-blue);color:#fff}.files-home-card-folders{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line-color);margin-top:10px}.files-home-folder-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--best-gray);border-radius:20px;font-family:var(--font-arial-rounded-mt);font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.files-home-folder-chip--more{color:var(--sub-text);background:transparent;border:1px dashed var(--gray3)}.files-back-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray2);border-radius:10px;background:var(--best-gray);color:var(--text);cursor:pointer;font-size:13px;transition:background .15s,transform .15s;flex-shrink:0}.files-back-btn:hover{background:var(--gray2);transform:translate(-1px)}.files-top-bar-left{display:flex;align-items:center;gap:10px}@media (max-width: 1100px){.files-home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.files-home-grid{grid-template-columns:1fr}.files-home{padding:20px 16px 80px}.files-left-panel{width:180px;min-width:160px;padding:12px 8px}.files-content-area{padding:16px 16px 80px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.files-top-bar{padding:5px 16px}}@media (max-width: 600px){.files-body{flex-direction:column}.files-left-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--line-color);padding:8px;flex-direction:row;flex-wrap:nowrap;height:auto;overflow-x:auto;overflow-y:visible;gap:6px}.files-panel-section-title,.files-folder-list{display:none}.files-cat-row{flex-shrink:0;padding:8px 12px;border-radius:12px}.files-cat-toggle,.files-cat-count,.files-cat-add-btn,.files-new-folder-btn span{display:none}.files-new-folder-btn{padding:0 12px;width:40px;justify-content:center}.files-content-area{overflow-y:auto;overflow-x:hidden;padding:16px 16px 80px}.files-home{padding:16px 16px 80px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.files-cloud-section{margin-top:28px;display:flex;flex-direction:column;gap:10px}.files-cloud-section-header{display:flex;align-items:center;gap:8px;font-family:var(--font-arial-rounded-mt);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sub-text);padding:0 4px}.files-cloud-mount-card{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--main-background);border-radius:16px;box-shadow:0 2px 12px var(--shadow);outline:2px solid var(--gray1);flex-shrink:0}.files-cloud-mount-icon{width:32px;height:32px;border-radius:10px;background:rgba(15,131,233,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.files-cloud-mount-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.files-cloud-mount-name{font-family:var(--font-arial-rounded-mt);font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-cloud-mount-desc{font-family:var(--font-arial-rounded-mt);font-size:12px;color:var(--sub-text)}.files-cloud-id{font-family:var(--font-monospace, monospace);font-size:11px;word-break:break-all}.files-cloud-mount-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.files-cloud-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(52,168,83,.12);color:#34a853;border-radius:20px;font-family:var(--font-arial-rounded-mt);font-size:12px;font-weight:700;white-space:nowrap}.files-cloud-error{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(217,53,53,.1);border:1px solid rgba(217,53,53,.25);border-radius:12px;font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;color:var(--red-red)}.files-cloud-error-close{margin-left:auto;border:none;background:transparent;color:var(--red-red);cursor:pointer;padding:0 2px;display:flex;align-items:center;font-size:13px}.files-cloud-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.files-cloud-row{display:flex;align-items:center;gap:12px;position:relative;padding:12px 16px;border-radius:16px;background:var(--main-background);box-shadow:0 2px 10px var(--shadow);outline:1px solid var(--gray1);transition:transform .15s ease,box-shadow .15s ease}.files-cloud-row:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow)}.files-cloud-row--picker-open{z-index:8}.files-cloud-row-icon{font-size:18px;color:var(--sub-text);flex-shrink:0}.files-cloud-row-name{flex:1;font-family:var(--font-arial-rounded-mt);font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.files-cloud-row-size{font-family:var(--font-arial-rounded-mt);font-size:12px;color:var(--sub-text);flex-shrink:0;min-width:60px;text-align:right}.files-cloud-row-date{font-family:var(--font-arial-rounded-mt);font-size:12px;color:var(--sub-text);flex-shrink:0;min-width:100px;text-align:right}.files-cloud-row-actions{display:flex;align-items:center;gap:6px;position:relative;flex-shrink:0}.files-cloud-row-actions--picker-open{z-index:2}.files-cloud-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid var(--gray2);background:var(--best-gray);color:var(--sub-text);cursor:pointer;font-size:13px;transition:background .15s,color .15s,border-color .15s}.files-cloud-action-btn:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.files-cloud-action-btn--danger:hover{background:var(--red-red);border-color:var(--red-red);color:#fff}.files-cloud-action-btn--active{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:#fff!important}.files-cloud-header{display:flex;align-items:center;gap:12px;padding:6px 16px;font-family:var(--font-arial-rounded-mt);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sub-text)}.files-cloud-header-name{flex:1;min-width:0}.files-cloud-header-size{flex-shrink:0;min-width:60px;text-align:right}.files-cloud-header-date{flex-shrink:0;min-width:100px;text-align:right}.files-cloud-header-actions{flex-shrink:0;min-width:168px;text-align:right}.files-cloud-rename-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.files-rename-input--inline{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:10px;border:2px solid var(--blue-blue);background:var(--card-background, var(--main-background));color:var(--text);font-family:var(--font-arial-rounded-mt);font-size:14px;font-weight:600;outline:none}.files-upload-progress{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(15,131,233,.1);border:1px solid rgba(15,131,233,.3);border-radius:12px;font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;color:var(--blue-blue);margin-bottom:12px}.files-content-area{position:relative}.files-drop-active{outline:3px dashed var(--blue-blue)!important;background:rgba(15,131,233,.04)!important}.files-drop-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(15,131,233,.12);border-radius:16px;font-family:var(--font-arial-rounded-mt);font-size:22px;font-weight:700;color:var(--blue-blue);pointer-events:none}.files-drop-overlay svg{font-size:40px}.files-picker-wrap{position:relative}.files-picker-wrap--active{z-index:12}.files-folder-picker{position:fixed;z-index:60;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--main-background);border-radius:14px;box-shadow:0 8px 28px var(--shadow);outline:1px solid var(--gray2);min-width:150px}.files-folder-picker-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:var(--text);font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s;white-space:nowrap}.files-folder-picker-item:hover{background:var(--gray1)}.files-picker-backdrop{position:fixed;inset:0;z-index:25;background:transparent}.files-cloud-mounting{display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(15,131,233,.08);border:1px solid rgba(15,131,233,.2);border-radius:14px;font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:600;color:var(--blue-blue);margin-bottom:18px}.files-home-card--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}@media (max-width: 700px){.files-cloud-row-date{display:none}.files-cloud-mount-card{flex-wrap:wrap}.files-cloud-header-date{display:none}}.files-storage-usage{display:flex;align-items:center;gap:8px}.files-storage-usage-label{font-family:var(--font-arial-rounded-mt);font-size:11px;font-weight:600;color:var(--sub-text);white-space:nowrap;flex-shrink:0}.files-storage-bar-track{flex:1;height:5px;border-radius:99px;background:var(--gray2);overflow:hidden;min-width:80px}.files-storage-bar-fill{height:100%;border-radius:99px;background:var(--blue-blue);transition:width .4s ease}.files-cloud-row-check{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center}.files-cloud-row-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--blue-blue)}.files-cloud-row-thumb{flex-shrink:0;width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray1)}.files-cloud-row-thumb-img{width:36px;height:36px;object-fit:cover;display:block}.files-cloud-row--selected{background:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background))!important;outline-color:var(--blue-blue)!important}.files-cloud-row--folder{cursor:default}.files-cloud-row-name--folder{cursor:pointer}.files-cloud-row-name--folder:hover{text-decoration:underline;color:var(--blue-blue)}.files-cloud-row--creating{outline:2px dashed var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 5%,var(--main-background))}.files-cloud-header-check{flex-shrink:0;width:20px}.files-cloud-header-thumb{flex-shrink:0;width:36px}.files-bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background));border-radius:14px;outline:1.5px solid var(--blue-blue);margin-bottom:8px;flex-wrap:wrap}.files-bulk-count{font-family:var(--font-arial-rounded-mt);font-size:13px;font-weight:700;color:var(--blue-blue);margin-right:4px}.files-bulk-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1.5px solid var(--gray2);background:var(--best-gray);color:var(--text);font-family:var(--font-arial-rounded-mt);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.files-bulk-btn:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.files-bulk-btn--active{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:#fff!important}.files-bulk-btn--danger:hover{background:var(--red-red);border-color:var(--red-red);color:#fff}.files-layout-toggle{display:flex;align-items:center;border-radius:10px;border:1.5px solid var(--gray2);overflow:hidden}.files-layout-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--best-gray);border:none;color:var(--sub-text);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.files-layout-btn:hover{background:var(--gray1);color:var(--text)}.files-layout-btn--active{background:var(--blue-blue)!important;color:#fff!important}.files-cloud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:4px 0}.files-grid-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 36px;border-radius:16px;background:var(--main-background);box-shadow:0 2px 10px var(--shadow);outline:1px solid var(--gray1);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.files-grid-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.files-grid-card--folder{cursor:default;padding-bottom:14px}.files-grid-card--selected{outline:2px solid var(--blue-blue)!important;background:color-mix(in srgb,var(--blue-blue) 8%,var(--main-background))}.files-grid-card--creating{outline:2px dashed var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 5%,var(--main-background));cursor:default}.files-grid-card-check{position:absolute;top:8px;left:8px;opacity:0;transition:opacity .15s}.files-grid-card:hover .files-grid-card-check,.files-grid-card--selected .files-grid-card-check{opacity:1}.files-grid-card-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--blue-blue)}.files-grid-card-thumb{width:72px;height:72px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray1);flex-shrink:0}.files-grid-thumb-img{width:72px;height:72px;object-fit:cover;display:block}.files-grid-thumb-icon{font-size:30px;color:var(--sub-text)}.files-grid-card-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.files-grid-card-name{font-family:var(--font-arial-rounded-mt);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.files-grid-card-size{font-family:var(--font-arial-rounded-mt);font-size:10px;color:var(--sub-text)}.files-grid-card-actions{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute;bottom:0;left:0;right:0;padding:6px 4px;background:color-mix(in srgb,var(--main-background) 90%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s}.files-grid-card:hover .files-grid-card-actions{opacity:1}.files-grid-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px solid var(--gray2);background:var(--best-gray);color:var(--sub-text);cursor:pointer;font-size:11px;transition:background .12s,color .12s,border-color .12s}.files-grid-action-btn:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.files-grid-action-btn--danger:hover{background:var(--red-red);border-color:var(--red-red);color:#fff}.files-preview-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.files-preview-modal{display:flex;flex-direction:column;background:var(--main-background);border-radius:22px;box-shadow:0 24px 80px #00000059;outline:2px solid var(--gray1);max-width:860px;width:100%;max-height:90vh;overflow:hidden}.files-preview-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-color);flex-shrink:0}.files-preview-title{flex:1;font-family:var(--font-arial-rounded-mt);font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.files-preview-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.files-preview-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid var(--gray2);background:var(--best-gray);color:var(--sub-text);cursor:pointer;font-size:13px;transition:background .15s,color .15s,border-color .15s}.files-preview-btn:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.files-preview-btn--close:hover{background:var(--red-red);border-color:var(--red-red);color:#fff}.files-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;min-height:200px}.files-preview-image{max-width:100%;max-height:70vh;border-radius:12px;object-fit:contain}.files-preview-video{max-width:100%;max-height:70vh;border-radius:12px}.files-preview-audio-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.files-preview-audio-icon{font-size:64px;color:var(--gray3)}.files-preview-audio{width:100%;max-width:400px}.files-preview-generic{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px}.files-preview-generic-icon{font-size:72px;color:var(--gray3)}.files-preview-generic-name{font-family:var(--font-arial-rounded-mt);font-size:16px;font-weight:700;color:var(--text);margin:0;text-align:center;word-break:break-all}.files-preview-generic-size{font-family:var(--font-arial-rounded-mt);font-size:13px;color:var(--sub-text);margin:0 0 8px}.files-cloud-row{cursor:pointer}.fill-form-page{min-height:100vh;background:var(--main-background);display:flex;flex-direction:column}.fill-form-header{padding:20px 24px;background:var(--main-background);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--best-gray);border:1px solid var(--gray2);border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e9ecef;border-color:#ced4da;transform:translate(-2px)}.form-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6c757d}.form-type{padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-weight:500}.form-id{font-family:SF Mono,Monaco,Consolas,monospace;background:var(--best-gray);color:var(--sub-text);padding:4px 8px;border-radius:4px}.fill-form-content{flex:1;padding:40px 20px;max-width:none;margin:0;width:100%}.form-and-preview-container{display:grid;grid-template-columns:1fr 400px;gap:40px;max-width:1400px;margin:0 auto;align-items:start}.form-section{min-width:0}.preview-section{position:sticky;top:120px}.form-section .public-form{background:transparent}.form-section .public-form .form-renderer-container{background:var(--main-background);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--shadow);border:1px solid var(--gray2);border-radius:16px;padding:20px;width:90%}.work-order-live-preview{max-height:calc(100vh - 140px);overflow-y:auto}.validation-errors{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:16px;margin-bottom:24px}.validation-errors h4{margin:0 0 8px;color:#c53030;font-size:14px;font-weight:600}.validation-errors ul{margin:0;padding-left:20px;color:#c53030}.validation-errors li{font-size:14px;margin-bottom:4px}.public-form{background:transparent}.fill-form-footer{padding:20px 24px;background:var(--main-background);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);text-align:center}.form-info{font-size:14px;color:#6c757d}.form-info p{margin:0}.fill-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#6c757d}.fill-form-loading p{margin-top:16px;font-size:16px}.fill-form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#6c757d;max-width:400px;margin:0 auto;padding:40px 20px}.fill-form-error svg{color:#dc3545;margin-bottom:24px}.fill-form-error h2{margin:0 0 16px;color:#495057;font-size:24px;font-weight:600}.fill-form-error p{margin:0 0 32px;font-size:16px;line-height:1.5}.fill-form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;max-width:500px;margin:0 auto;padding:40px 20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 32px #28a7454d}.success-icon svg{color:#fff}.fill-form-success h2{margin:0 0 16px;color:#495057;font-size:28px;font-weight:600}.fill-form-success p{margin:0 0 32px;font-size:16px;line-height:1.6;color:#6c757d}.success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;min-width:140px;justify-content:center}.primary-btn{background:#007aff;color:#fff}.primary-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.secondary-btn{background:#f8f9fa;color:#495057;border:1px solid #e1e5e9}.secondary-btn:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-1px)}@media (max-width: 1200px){.form-and-preview-container{grid-template-columns:1fr 350px;gap:30px}}@media (max-width: 1024px){.form-and-preview-container{grid-template-columns:1fr 320px;gap:24px}.fill-form-content{padding:30px 16px}}@media (max-width: 768px){.form-and-preview-container{grid-template-columns:1fr;gap:20px}.preview-section{position:static;order:-1}.work-order-live-preview{max-height:none;margin-bottom:20px}.fill-form-header{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.form-meta{align-self:flex-end}.fill-form-content{padding:20px 16px}.success-actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.fill-form-success h2{font-size:24px}.success-icon{width:60px;height:60px}.success-icon svg{font-size:24px}}@media (max-width: 480px){.fill-form-content{padding:16px 12px}.fill-form-header{padding:12px 16px}.back-btn{padding:6px 12px;font-size:13px}.form-meta{font-size:11px}}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.fill-form-success{animation:successPulse .6s ease-out}.fill-form-loading,.fill-form-error{animation:fadeIn .4s ease-out}.flowbuilder-page{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.flowbuilder-page *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flowbuilder-page input,.flowbuilder-page textarea,.flowbuilder-page [contenteditable=true],.flowbuilder-page .allow-text-selection{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.flowbuilder-next-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none!important;box-shadow:0 3px 33px var(--shadow)!important;font-weight:600;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.flowbuilder-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)!important}.flowbuilder-next-button:active:not(:disabled){transform:translateY(-1px)}.flowbuilder-next-button:disabled{opacity:.6;cursor:not-allowed}.editor-button,.preview-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:var(--background)!important;border:3px solid var(--gray2)!important;box-shadow:0 3px 33px var(--shadow)!important;padding:0!important;margin:0!important;outline:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important}.editor-button:active,.preview-button:active{transform:scale(.95);transition:transform .1s ease}@supports (-webkit-touch-callout: none){.editor-button,.preview-button{-webkit-appearance:none!important;background-color:var(--background)!important;border:3px solid var(--gray2)!important;box-shadow:0 3px 33px var(--shadow)!important}}@media (max-width: 768px){.simulation-window-highest-z{z-index:1002!important}.simulation-preview-backdrop{z-index:1001!important}}body.topbar-settings-open .editor-button,body.topbar-settings-open .preview-button,body.topbar-settings-open .elements-picker{display:none!important}@media (max-width: 768px){.editor-button{display:none!important}}.FlowExecutorFormUrlBanner{background-color:var(--gray1);border-bottom:1px solid var(--line-color);padding:1rem;margin-bottom:1rem;border-radius:8px 8px 0 0}.FlowExecutorFormUrlBannerContent{display:flex;align-items:flex-start;gap:.75rem}.FlowExecutorFormUrlBannerIcon{color:var(--blue-blue);font-size:1.125rem}.FlowExecutorFormUrlBannerTitle{color:var(--text);font-weight:600;font-family:var(--font-arial-rounded-mt)}.FlowExecutorFormUrlBannerUrl{font-size:.875rem;color:var(--sub-text);margin-top:.25rem;font-family:monospace}.FlowExecutorFormUrlBannerDescription{font-size:.75rem;color:var(--sub-text);margin-top:.5rem}.FlowExecutorErrorContainer{height:100%;overflow:auto;background-color:var(--background)}.FlowExecutorErrorContent{padding:1.5rem}.FlowExecutorErrorAlert{background-color:var(--gray1);border-left:4px solid var(--red-red);padding:1rem;border-radius:12px;box-shadow:var(--shadow)}.FlowExecutorErrorAlertContent{display:flex;align-items:flex-start}.FlowExecutorErrorIconContainer{flex-shrink:0}.FlowExecutorErrorIcon{width:2.5rem;height:2.5rem;background-color:var(--gray2);border-radius:50%;display:flex;align-items:center;justify-content:center}.FlowExecutorErrorIconText{color:var(--red-red);font-size:1.25rem}.FlowExecutorErrorDetails{margin-left:.75rem;flex:1}.FlowExecutorErrorTitle{font-size:1.125rem;font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--text);margin-bottom:.5rem}.FlowExecutorErrorMessage{color:var(--sub-text);margin-bottom:1rem}.FlowExecutorErrorSolution{background-color:var(--main-background);padding:.75rem;border-radius:8px;border:1px solid var(--line-color)}.FlowExecutorErrorSolutionTitle{font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--text);margin-bottom:.5rem}.FlowExecutorErrorSolutionList{font-size:.875rem;color:var(--sub-text)}.FlowExecutorErrorSolutionList li{margin-bottom:.25rem}.FlowExecutorErrorActions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.FlowExecutorErrorLogButton{padding:.5rem 1rem;background-color:var(--gray2);color:var(--text);border-radius:8px;font-size:.875rem;font-family:var(--font-arial-rounded-mt);border:none;cursor:pointer;transition:all .2s ease}.FlowExecutorErrorLogButton:hover{background-color:var(--gray3);transform:translateY(-1px)}.FlowExecutorErrorDebugInfo{font-size:.75rem;color:var(--sub-text);font-family:monospace}.FlowExecutorCompleteContainer{height:100%;overflow:auto;background-color:var(--background)}.FlowExecutorCompleteContent{text-align:center;padding:2rem}.FlowExecutorCompleteIcon{color:var(--blue-blue);font-size:2.5rem;margin-bottom:1rem}.FlowExecutorCompleteTitle{font-size:1.125rem;font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--text)}.FlowExecutorIdleContainer{height:100%;overflow:auto;background-color:var(--background)}.FlowExecutorIdleContent{text-align:center;padding:2rem}.FlowExecutorStartButton{padding:.75rem 1.5rem;background-color:var(--blue-blue);color:var(--primary-btn-text);border-radius:12px;border:none;cursor:pointer;font-family:var(--font-arial-rounded-mt);font-weight:600;transition:all .2s ease;box-shadow:var(--shadow)}.FlowExecutorStartButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.FlowExecutorRunningContainer{height:100%;background-color:var(--background)}.FlowExecutorLoadingContent{text-align:center;padding:1rem}.FlowExecutorLoadingSpinner{animation:spin 1s linear infinite;width:2rem;height:2rem;border:4px solid var(--blue-blue);border-top-color:transparent;border-radius:50%;margin:0 auto 1rem}.FlowExecutorNodeProcessing{text-align:center;padding:1rem;background-color:var(--background)}.FlowExecutorNodeProcessingText{font-size:1.125rem;color:var(--text);font-family:var(--font-arial-rounded-mt)}.FlowExecutorFormLoadingContainer{height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background)}.FlowExecutorFormLoadingContent{text-align:center}.FlowExecutorFormLoadingSpinnerContainer{animation:spin 1s linear infinite;width:2rem;height:2rem;border:4px solid var(--blue-blue);border-top-color:transparent;border-radius:50%;margin:0 auto 1rem}.FlowExecutorFormLoadingText{color:var(--sub-text);font-family:var(--font-arial-rounded-mt)}.FlowExecutorFormErrorContainer{height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background)}.FlowExecutorFormErrorContent{text-align:center;color:var(--red-red)}.FlowExecutorFormErrorIcon{font-size:2.5rem;margin-bottom:1rem}.FlowExecutorFormErrorTitle{font-weight:600;font-family:var(--font-arial-rounded-mt)}.FlowExecutorFormErrorDescription{font-size:.875rem;margin-top:.5rem;color:var(--sub-text)}.FlowExecutorFormContainer{height:100%;overflow:auto;background-color:var(--main-background)}.FlowExecutorMenuContainer{min-height:100%;background-color:var(--gray1);padding:1.5rem;display:flex;align-items:center;justify-content:center}.FlowExecutorMenuContent{max-width:32rem;width:100%}.FlowExecutorMenuHeader{text-align:center;margin-bottom:2rem}.FlowExecutorMenuIconContainer{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--blue-blue);border-radius:50%;margin-bottom:1rem;box-shadow:var(--shadow)}.FlowExecutorMenuIconText{font-size:1.5rem;color:var(--primary-btn-text)}.FlowExecutorMenuTitle{font-size:1.875rem;font-weight:700;font-family:var(--font-arial-rounded-mt);margin-bottom:.75rem;color:var(--text)}.FlowExecutorMenuSubtitle{color:var(--sub-text);font-size:1.125rem}.FlowExecutorMenuGrid{display:grid;gap:1rem}.FlowExecutorMenuOption{position:relative;overflow:hidden;border-radius:16px;transition:all .3s ease;transform:scale(1);border:1px solid var(--line-color);cursor:pointer;background:var(--main-background);box-shadow:var(--shadow)}.FlowExecutorMenuOption:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}.FlowExecutorMenuOptionSelected{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow);background:var(--blue-blue);border-color:var(--blue-blue)}.FlowExecutorMenuOptionDisabled{opacity:.5;cursor:not-allowed}.FlowExecutorMenuOptionOverlay{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.FlowExecutorMenuOption:hover .FlowExecutorMenuOptionOverlay{opacity:.1}.FlowExecutorMenuOptionContent{position:relative;padding:1.5rem;display:flex;align-items:center;gap:1rem}.FlowExecutorMenuOptionIcon{flex-shrink:0;width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-btn-text);background:var(--blue-blue)}.FlowExecutorMenuOptionIconSelected{background:rgba(255,255,255,.2)}.FlowExecutorMenuOptionTextContainer{flex:1;text-align:left}.FlowExecutorMenuOptionTitle{font-weight:600;font-size:1.25rem;font-family:var(--font-arial-rounded-mt);color:var(--text)}.FlowExecutorMenuOptionTitleSelected{color:var(--primary-btn-text)}.FlowExecutorMenuOptionDescription{font-size:.875rem;margin-top:.25rem;color:var(--sub-text)}.FlowExecutorMenuOptionDescriptionSelected{color:#fffc}.FlowExecutorMenuOptionIndicator{flex-shrink:0}.FlowExecutorMenuOptionIndicatorContainer{width:2rem;height:2rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.FlowExecutorMenuOptionIndicatorDot{width:1rem;height:1rem;background:white;border-radius:50%}.FlowExecutorMenuOptionIndicatorDotAnimated{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.FlowExecutorMenuConfirmation{margin-top:2rem;padding:1.5rem;background:var(--main-background);border:1px solid var(--line-color);border-radius:16px;box-shadow:var(--shadow);animation:fadeIn .5s ease-out}.FlowExecutorMenuConfirmationContent{display:flex;align-items:center;gap:.75rem}.FlowExecutorMenuConfirmationIcon{width:2.5rem;height:2.5rem;background:var(--blue-blue);border-radius:50%;display:flex;align-items:center;justify-content:center}.FlowExecutorMenuConfirmationIconText{color:var(--primary-btn-text);font-size:1.125rem}.FlowExecutorMenuConfirmationTitle{color:var(--text);font-weight:600;font-size:1.125rem;font-family:var(--font-arial-rounded-mt)}.FlowExecutorMenuConfirmationSubtitle{color:var(--sub-text);font-size:.875rem}.FlowExecutorPopupHidden{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.FlowExecutorPopupHiddenContent{text-align:center;padding:2rem}.FlowExecutorPopupHiddenIcon{width:4rem;height:4rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:bounce 1s infinite}.FlowExecutorPopupHiddenIconText{color:#fff;font-size:1.5rem}.FlowExecutorPopupHiddenText{color:#374151;font-size:1.125rem;font-weight:500}.FlowExecutorPopupContainer{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 50%,#f3e8ff 100%)}.FlowExecutorPopupContent{max-width:28rem;width:100%}.FlowExecutorPopupDialog{background:white;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #f3f4f6;overflow:hidden;transform:scale(1);opacity:1;transition:all .3s ease}.FlowExecutorPopupDialogClosing{transform:scale(.95);opacity:0}.FlowExecutorPopupHeader{background:linear-gradient(135deg,#3b82f6,#4f46e5);padding:1.5rem;color:#fff}.FlowExecutorPopupHeaderContent{display:flex;align-items:center;gap:1rem}.FlowExecutorPopupHeaderIcon{width:3rem;height:3rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.FlowExecutorPopupHeaderIconText{font-size:1.5rem}.FlowExecutorPopupHeaderTitle{font-size:1.25rem;font-weight:700}.FlowExecutorPopupHeaderSubtitle{color:#bfdbfe;font-size:.875rem}.FlowExecutorPopupBody{padding:1.5rem}.FlowExecutorPopupMessage{color:#374151;font-size:1.125rem;line-height:1.75;margin-bottom:1.5rem}.FlowExecutorPopupButton{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:600;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;transform:scale(1)}.FlowExecutorPopupButton:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);transform:scale(1.05)}.FlowExecutorPopupButton:focus{outline:none;box-shadow:0 0 0 4px #3b82f633}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.FlowExecutorNotificationContainer{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#fffbeb 0%,#fed7aa 50%,#fecaca 100%)}.FlowExecutorNotificationContent{max-width:28rem;width:100%}.FlowExecutorNotificationWrapper{transform:scale(1);opacity:1;transform:translateY(0);transition:all .5s ease}.FlowExecutorNotificationWrapperHidden{transform:scale(.95);opacity:0;transform:translateY(-1rem)}.FlowExecutorNotificationDialog{background:white;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #fed7aa;overflow:hidden}.FlowExecutorNotificationHeader{background:linear-gradient(135deg,#f97316,#ef4444);padding:1rem}.FlowExecutorNotificationHeaderContent{display:flex;align-items:center;justify-content:space-between}.FlowExecutorNotificationHeaderLeft{display:flex;align-items:center;gap:.75rem}.FlowExecutorNotificationHeaderIcon{width:2.5rem;height:2.5rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce 1s infinite}.FlowExecutorNotificationHeaderIconText{font-size:1.25rem}.FlowExecutorNotificationHeaderTitle{font-weight:600;color:#fff}.FlowExecutorNotificationHeaderSubtitle{color:#fed7aa;font-size:.75rem}.FlowExecutorNotificationCloseButton{color:#fff;padding:.5rem;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;background:transparent}.FlowExecutorNotificationCloseButton:hover{color:#fed7aa;background:rgba(255,255,255,.1)}.FlowExecutorNotificationCloseButtonText{font-size:1.125rem}.FlowExecutorNotificationBody{padding:1.5rem}.FlowExecutorNotificationMessage{color:#374151;font-size:1.125rem;line-height:1.75;margin-bottom:1rem}.FlowExecutorNotificationActions{display:flex;gap:.75rem}.FlowExecutorNotificationDismissButton{flex:1;padding:.5rem 1rem;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;transform:scale(1)}.FlowExecutorNotificationDismissButton:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:scale(1.05)}.FlowExecutorNotificationCountdown{display:flex;align-items:center;justify-content:center;width:3rem;height:2.5rem;background:#f3f4f6;border-radius:.5rem}.FlowExecutorNotificationCountdownText{font-size:.875rem;font-family:monospace;color:#4b5563}.FlowExecutorNotificationProgressBar{height:.25rem;background:#e5e7eb}.FlowExecutorNotificationProgressFill{height:100%;background:linear-gradient(135deg,#f97316,#ef4444);transition:all 1s linear}.FlowExecutorConditionalContainer{padding:1.5rem;text-align:center;background-color:var(--background)}.FlowExecutorConditionalTitle{font-size:1.25rem;font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--text);margin-bottom:1rem}.FlowExecutorConditionalSpinner{animation:spin 1s linear infinite;width:2rem;height:2rem;border:4px solid var(--blue-blue);border-top-color:transparent;border-radius:50%;margin:0 auto}.FlowExecutorCalendarContainer{padding:1.5rem}.FlowExecutorCalendarTitle{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.FlowExecutorCalendarContent{display:flex;flex-direction:column;gap:1rem}.FlowExecutorCalendarInput{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem}.FlowExecutorCalendarButton{width:100%;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s ease}.FlowExecutorCalendarButton:hover{background:#2563eb}.FlowExecutorCalendarButton:disabled{opacity:.5;cursor:not-allowed}.FlowExecutorMapContainer{padding:1.5rem}.FlowExecutorMapTitle{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.FlowExecutorMapContent{display:flex;flex-direction:column;gap:1rem}.FlowExecutorMapPlaceholder{background:#f3f4f6;height:12rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.FlowExecutorMapPlaceholderText{color:#6b7280}.FlowExecutorMapInput{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem}.FlowExecutorMapButton{width:100%;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s ease}.FlowExecutorMapButton:hover{background:#2563eb}.FlowExecutorMapButton:disabled{opacity:.5;cursor:not-allowed}.FlowExecutorServiceEndContainer{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--gray1)}.FlowExecutorServiceEndContent{max-width:32rem;width:100%}.FlowExecutorServiceEndHeader{text-align:center;margin-bottom:2rem}.FlowExecutorServiceEndIcon{display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:50%;background:linear-gradient(135deg,var(--blue-blue),#22c55e);margin-bottom:1.5rem;box-shadow:var(--shadow)}.FlowExecutorServiceEndIconAnimated{animation:bounce 1s infinite}.FlowExecutorServiceEndIconText{color:var(--primary-btn-text);font-size:2.5rem}.FlowExecutorServiceEndTitleContainer{margin-bottom:.5rem}.FlowExecutorServiceEndTitle{font-size:2.5rem;font-weight:700;font-family:var(--font-arial-rounded-mt);background:var(--blue-blue);background-clip:text;-webkit-background-clip:text;color:transparent}.FlowExecutorServiceEndSubtitle{font-size:1.25rem;color:var(--sub-text);font-family:var(--font-arial-rounded-mt)}.FlowExecutorServiceEndCard{background:var(--main-background);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line-color);overflow:hidden;margin-bottom:1.5rem}.FlowExecutorServiceEndCardHeader{background:var(--blue-blue);padding:20px;color:var(--primary-btn-text)}.FlowExecutorServiceEndCardHeaderContent{display:flex;align-items:center}.FlowExecutorServiceEndCardHeaderIcon{width:20px;height:20px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.FlowExecutorServiceEndCardHeaderIconText{font-size:1.125rem}.FlowExecutorServiceEndCardHeaderTitle{font-size:1.25rem;font-weight:600;margin:0;font-family:var(--font-arial-rounded-mt)}.FlowExecutorServiceEndCardHeaderSubtitle{color:#fffc;font-size:.875rem;margin:2}.FlowExecutorServiceEndCardBody{padding:1.5rem}.FlowExecutorServiceEndDescription{color:var(--sub-text);font-size:1.125rem;line-height:1.75;margin-bottom:0}.FlowExecutorServiceEndVariables{background:var(--gray1);border:1px solid var(--line-color);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.FlowExecutorServiceEndVariablesTitle{font-weight:600;font-family:var(--font-arial-rounded-mt);color:var(--text);margin-bottom:.5rem}.FlowExecutorServiceEndVariablesContent{font-family:monospace;font-size:.875rem;color:var(--sub-text);white-space:pre-wrap}.FlowExecutorServiceEndStats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.FlowExecutorServiceEndStat{text-align:center;padding:1rem;background:var(--gray1);border-radius:12px;border:1px solid var(--line-color);box-shadow:var(--shadow)}.FlowExecutorServiceEndStatValue{font-size:1.5rem;font-weight:700;font-family:var(--font-arial-rounded-mt);color:var(--blue-blue)}.FlowExecutorServiceEndStatLabel{font-size:.875rem;color:var(--sub-text);margin-top:.25rem}.flows-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:wrap!important}.flows-page-top-bar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.flows-page-filter-select{min-width:144px;height:40px}.flows-page-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;height:40px;background:rgba(239,68,68,.1);color:#ef4444;border:2px solid rgba(239,68,68,.2);border-radius:15px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);white-space:nowrap}.flows-page-clear-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.flows-page-clear-btn svg{font-size:14px}.loading-indicator{font-size:12px;color:var(--sub-text);font-style:italic;font-family:var(--font-arial-rounded-mt)}.flows-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.flows-page-create-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.flows-page-create-btn:active{transform:translateY(0)}.section-header,.section-header-actions,.clear-local-flows-btn{display:none}.flows-controls{display:flex;align-items:center;gap:1rem}.flows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.create-flow-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--best-gray);border-radius:16px;background:var(--background);cursor:pointer;transition:all .2s ease;min-height:280px;gap:1rem;box-shadow:0 3px 12px #0000000d}@media (max-width: 900px){.create-flow-card{min-height:auto!important;padding:1rem!important;gap:.5rem!important}}.create-flow-card:hover{border-color:var(--blue-blue);background:var(--gray1);transform:translateY(-2px);box-shadow:0 6px 24px #0f83e926}.create-flow-card svg{font-size:2.5rem;color:var(--blue-blue)}.create-flow-card span{font-size:1.1rem;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.flow-card{background:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;min-height:320px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;box-shadow:0 3px 12px #0000000d}.flow-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:var(--blue-blue)}.flow-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-right:20px;position:relative;z-index:1}.flow-header-actions{display:flex;align-items:center;gap:12px}.flow-card:hover .delete-btn-header{opacity:1}.flow-icon{width:48px;height:48px;background:var(--blue-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.flow-status-indicator{display:flex;align-items:center;justify-content:center;position:relative}.flow-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.flow-title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px;z-index:100}.flow-title{font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0;flex:1}.flow-description{font-size:14px;color:var(--sub-text);line-height:1.4;margin:0;font-family:ARLRDBD,sans-serif;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;z-index:100}.flow-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0;z-index:1}@media (max-width: 768px){.flow-stats{grid-template-columns:1fr 1fr;gap:6px}.flow-stats .stat-item:nth-child(n+3){grid-column:1 / -1}}.stat-item{display:flex;flex-direction:column;gap:2px;text-align:center;padding:8px;background:var(--best-gray)!important;border-radius:8px;transition:all .2s ease}.flow-node-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.node-type-chip{padding:4px 8px;background:var(--best-gray);border-radius:6px;font-size:10px;font-weight:500;color:var(--sub-text);text-transform:capitalize;font-family:ARLRDBD,sans-serif;border:1px solid transparent;transition:all .2s ease;z-index:1}.node-type-chip:hover{background:rgba(99,102,241,.1);border-color:var(--blue-blue);color:var(--blue-blue)}.node-type-chip.more{background:rgba(99,102,241,.1);color:var(--blue-blue);font-weight:600}.flow-preview-container{position:absolute;top:0;right:0;width:280px;height:180px;overflow:hidden;pointer-events:none;z-index:0;border-radius:8px;opacity:.3;transition:opacity .3s ease;background:transparent}.flow-card:hover .flow-preview-container{opacity:.7}.flow-preview-overlay{position:relative;width:280px;height:180px;transform:scale(.85) rotate(-15deg) translate(20px) translateY(-20px);transform-origin:top right;background:linear-gradient(135deg,rgba(99,102,241,.05),#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:12px;box-shadow:0 6px 20px #6366f11a;overflow:hidden}.flow-preview-minimap{position:relative;width:100%;height:100%;padding:12px;box-sizing:border-box}.preview-node{position:absolute;width:8px;height:8px;background:var(--blue-blue);border-radius:2px;box-shadow:0 1px 3px #6366f14d;animation:pulse 2s infinite}.preview-edge{position:absolute;width:2px;height:12px;background:linear-gradient(to bottom,var(--blue-blue),transparent);border-radius:1px;opacity:.6;left:50%;top:30%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.flow-actions{display:flex;gap:6px;justify-content:flex-end;padding:16px 20px 20px;border-top:1px solid var(--best-gray);margin-top:auto;opacity:.4;transition:opacity .2s ease;flex-wrap:wrap;z-index:1}.flow-card:hover .flow-actions{opacity:1}.flow-card .flow-actions .action-btn.primary-btn{background:var(--blue-blue)!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d!important}.flow-card .flow-actions .action-btn.primary-btn:hover{background:var(--blue-blue)!important;box-shadow:0 4px 16px #07096666!important}.flow-card .flow-actions .action-btn.secondary-btn{background:#F7F7F7!important;color:#2c2e30!important;border:1px solid var(--best-gray)!important}.flow-card .flow-actions .action-btn.secondary-btn:hover{background:#EEEEEE!important;border-color:var(--blue-blue)!important;color:var(--blue-blue)!important}.empty-state{padding:3rem 2rem;justify-content:center;align-items:center;color:var(--text-secondary);grid-column:1 / -1}.empty-state p{font-size:.9rem;color:var(--sub-text);margin:0}@media (max-width: 900px){.flows-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;align-items:start!important}.flows-grid .flow-card,.flows-grid .create-flow-card{width:100%!important;min-width:0!important;min-height:auto!important;box-sizing:border-box!important;height:fit-content!important}.flows-grid .create-flow-card{display:none!important}.flows-grid .create-flow-card svg{font-size:1.25rem!important}.flows-grid .create-flow-card span{font-size:.75rem!important}.flows-grid .flow-card .flow-card-header{padding:8px 8px 0!important}.flows-grid .flow-card .flow-icon{width:24px!important;height:24px!important;font-size:10px!important;border-radius:6px!important}.flows-grid .flow-card .flow-header-actions{gap:6px!important}.flows-grid .flow-card .delete-btn-header{width:18px!important;height:18px!important;font-size:8px!important}.flows-grid .flow-card .status-icon{font-size:10px!important;padding:3px!important}.flows-grid .flow-card .flow-preview-container{display:block!important;width:80px!important;height:50px!important;top:0!important;right:0!important;opacity:.15!important}.flows-grid .flow-card .flow-preview-overlay{width:80px!important;height:50px!important;transform:scale(.5) rotate(-15deg) translate(8px) translateY(-8px)!important}.flows-grid .flow-card .flow-content{padding:4px 8px!important;gap:3px!important}.flows-grid .flow-card .flow-title-section{margin-bottom:0!important;gap:4px!important}.flows-grid .flow-card .flow-title{font-size:11px!important;line-height:1.1!important}.flows-grid .flow-card .flow-description{display:none!important}.flows-grid .flow-card .draft-badge{font-size:5px!important;padding:1px 3px!important}.flows-grid .flow-card .flow-stats{display:flex!important;flex-direction:row!important;gap:2px!important;margin:2px 0!important;width:100%!important}.flows-grid .flow-card .flow-stats .stat-item{flex:1!important;padding:2px!important;border-radius:3px!important;min-width:0!important}.flows-grid .flow-card .flow-stats .stat-label{font-size:5px!important;letter-spacing:0!important}.flows-grid .flow-card .flow-stats .stat-value{font-size:8px!important}.flows-grid .flow-card .flow-stats .stat-item:nth-child(n+4){display:none!important}.flows-grid .flow-card .flow-node-types{display:none!important}.flows-grid .flow-card .flow-actions{padding:4px 8px 8px!important;gap:3px!important;opacity:1!important;border-top:none!important;margin-top:0!important}.flows-grid .flow-card .flow-actions .action-btn{padding:4px 6px!important;font-size:8px!important;border-radius:4px!important;width:100%!important}.flows-grid .flow-card .flow-actions .action-btn span{font-size:8px!important}.flows-page-top-bar-actions .flows-page-clear-btn span,.flows-page-top-bar-actions .flows-page-create-btn span{display:none!important}.flows-page-clear-btn,.flows-page-create-btn{padding:0 12px!important;min-width:40px!important;justify-content:center!important}}@media (max-width: 480px){.flows-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.flows-grid .flow-card .flow-title{font-size:10px!important}.flows-grid .flow-card .flow-icon{width:24px!important;height:24px!important;font-size:10px!important}.flows-grid .flow-card .flow-stats .stat-label{font-size:5px!important}.flows-grid .flow-card .flow-stats .stat-value{font-size:7px!important}.flows-grid .flow-card .flow-preview-container,.flows-grid .flow-card .flow-preview-overlay{width:80px!important;height:50px!important}}@media (prefers-color-scheme: dark){.flow-card{box-shadow:0 3px 12px #ffffff0d}.flow-card:hover{box-shadow:0 8px 32px #ffffff1a}.create-flow-card{box-shadow:0 3px 12px #ffffff0d}.create-flow-card:hover{box-shadow:0 6px 24px #6366f133}}.flows-page-emoji{font-size:20px;line-height:1}input,textarea,select,button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;outline:none!important;box-shadow:none!important;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;font:"A"}input{background-color:var(--gray1)!important;border:1px solid var(--gray2)!important;color:var(--text)!important;font-family:var(--font-arial-rounded-mt)!important;outline:none;transition:all .2s}.form-builder{height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--text);font-family:ARLRDBD,sans-serif;position:relative;overflow:hidden}.form-builder *{outline:none!important;box-shadow:none!important}.form-builder *:focus{outline:none!important;box-shadow:none!important}.form-builder input,.form-builder textarea,.form-builder select{outline:none!important;box-shadow:none!important;border:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.form-builder input:focus,.form-builder textarea:focus,.form-builder select:focus{outline:none!important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.sidebar-content-form{height:90vh;background:var(--main-background);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-shrink:0;scroll-behavior:smooth}.sidebar-container{background-color:var(--main-background);transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,width .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.sidebar-visible{transform:translate(0);opacity:1;pointer-events:auto}.sidebar-container.sidebar-hidden{transform:translate(-100%);opacity:0;pointer-events:none;width:0!important;min-width:0!important;margin:0!important;overflow:hidden}.sidebar-content-form::-webkit-scrollbar{width:6px}.sidebar-content-form::-webkit-scrollbar-track{background:transparent}.sidebar-content-form::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px;transition:background .2s ease}.sidebar-content-form::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.sidebar-content-form{scrollbar-width:thin;scrollbar-color:var(--best-gray) transparent}.resize-handle{width:4px;background:transparent;cursor:col-resize;user-select:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,width .3s cubic-bezier(.4,0,.2,1),background-color .2s ease;position:relative;flex-shrink:0;transform:translate(0);opacity:1}.resize-handle.resize-handle-hidden{transform:translate(-100%);opacity:0;pointer-events:none;width:0;min-width:0;overflow:hidden}.resize-handle:hover,.resize-handle.resizing{background:var(--accent)}.resize-handle:before{content:"";position:absolute;inset:0 -2px;background:transparent}.resize-handle.properties-resize{border-right:1px solid var(--best-gray)}.resize-handle.properties-resize:hover{border-right-color:var(--accent)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--main-background)}.header-logo{height:18px;object-fit:contain}.back-nav{display:flex;align-items:center;padding:8px;border-radius:8px;cursor:pointer;background:transparent;border:none;color:var(--text)}.form-info-section{background-color:var(--main-background);display:flex;flex-direction:column;gap:6px;transition:background-color .2s ease;border-radius:0}.form-info-section:hover{background-color:#007bff04}.form-title{font-size:16px;font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);margin:0 0 4px;line-height:1.3}.form-description{font-size:13px;font-family:ARLRDBD,sans-serif;color:var(--sub-text);margin:0;line-height:1.4;opacity:.7}.sidebar-input{border:none!important;background:transparent!important;outline:none!important;padding:0!important;margin:0!important;width:100%!important;font-family:inherit!important;resize:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.sidebar-input:focus{border:none!important;outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.sidebar-input:hover{background:rgba(0,123,255,.02)!important;border-radius:4px!important;cursor:text}.sidebar-input:focus:hover{background:rgba(0,123,255,.04)!important}.sidebar-input.title{font-size:16px;font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);line-height:1.2;min-height:20px}.sidebar-input.description{font-size:13px;font-family:ARLRDBD,sans-serif;color:var(--sub-text);line-height:1.3;min-height:16px;opacity:.8}.sidebar-input::placeholder{color:var(--text-secondary);opacity:.5;font-style:italic}.sidebar-input:focus{color:var(--text);opacity:1}.sidebar-input:focus::placeholder{opacity:.3}.form-info-section:focus-within{background-color:#007bff06;border-left:2px solid var(--accent);padding-left:18px}.sidebar-input:focus{color:var(--text)!important;opacity:1!important;background:rgba(0,123,255,.03)!important;border-radius:4px!important;padding:2px 4px!important}.form-name-input.sidebar-input{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.form-name-input.sidebar-input::placeholder{color:var(--text);opacity:.7}.form-description-input.sidebar-input{font-size:13px;color:var(--sub-text);line-height:1.4;opacity:.7;resize:none;min-height:20px}.form-description-input.sidebar-input::placeholder{color:var(--sub-text);opacity:.7}.navigation-breadcrumb{display:flex;align-items:center;padding:12px 20px;gap:6px;background:var(--main-background)}.breadcrumb-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--best-gray);border:none;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;color:var(--sub-text);transition:all .2s ease;font-family:ARLRDBD,sans-serif;white-space:nowrap}.breadcrumb-btn:hover{background:rgba(0,0,0,.08);color:var(--text)}.breadcrumb-btn.active{background:rgba(15,131,233,.1);color:var(--blue-blue);font-weight:600}.breadcrumb-btn i{font-size:12px}.breadcrumb-arrow{font-size:12px;color:var(--sub-text);opacity:.5;margin:0 2px}.sidebar-content{flex:1;overflow-y:auto;padding:0;background:var(--background)}.section-title{display:flex;align-items:center;gap:8px;padding:16px 20px 8px;font-size:11px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.8px;font-family:ARLRDBD,sans-serif;opacity:.6}.section-title i{font-size:14px}.categories-grid{display:flex;flex-direction:column}.category-items{display:flex;flex-direction:column;gap:6px;padding:0 16px 20px}.category-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--gray1);border:1px solid var(--gray2);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;font-family:ARLRDBD,sans-serif;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.category-card:hover:not(:disabled){background:var(--gray2);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 0 0 1px #0f83e91a}.category-card:disabled{opacity:.4;cursor:not-allowed;background:rgba(0,0,0,.02)}.category-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.category-card-icon.informative{background:linear-gradient(135deg,#667EEA,#764BA2);color:#fff}.category-card-icon.collective{background:linear-gradient(135deg,#4FACFE,#00F2FE);color:#fff}.category-card-icon.connection{background:linear-gradient(135deg,#FDBB2D,#22C1C3);color:#fff}.category-card-icon.stream{background:linear-gradient(135deg,#A8EDEA,#FED6E3);color:#666}.category-card-icon.state{background:linear-gradient(135deg,#FF9A9E,#FECFEF);color:#666}.category-card-icon i{font-size:16px}.category-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.2;font-family:ARLRDBD,sans-serif}.category-desc{font-size:11px;color:var(--sub-text);opacity:.6;line-height:1.2;font-family:ARLRDBD,sans-serif}.category-arrow{font-size:14px;color:var(--sub-text);opacity:.4;transition:all .2s ease}.category-card:hover:not(:disabled) .category-arrow{color:var(--blue-blue);opacity:1;transform:translate(1px)}.category-fields-view{display:flex;flex-direction:column;flex:1;min-height:0}.field-types-grid{padding:0 16px 40px;flex:1}.field-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:8px;background:rgba(0,0,0,.03);border-radius:8px;font-size:10px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.8px;font-family:ARLRDBD,sans-serif;opacity:.7}.field-group-header i{font-size:12px}.field-items{display:flex;flex-direction:column;gap:8px!important}.field-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:white;border:1px solid rgba(0,0,0,.06);border-radius:10px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 2px #0000000a}.field-item:hover{background:white;border-color:#0f83e933;transform:translateY(-1px);box-shadow:0 3px 8px #00000014,0 0 0 1px #0f83e91a}.field-item:active{cursor:grabbing;transform:rotate(1deg) scale(1.01)}.field-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#667EEA,#764BA2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #667eea4d}.field-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.field-desc{font-size:11px;color:var(--sub-text);opacity:.6;line-height:1.2;font-family:ARLRDBD,sans-serif}.drag-indicator{color:var(--sub-text);opacity:0;transition:opacity .2s ease}.field-item:hover .drag-indicator{opacity:.3}.drag-indicator i{font-size:14px}.category-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card-icon.informative{background:linear-gradient(135deg,#3B82F6,#1E40AF);color:#fff}.category-card-icon.collective{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.category-card-icon.connection{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.category-card-icon.stream{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff}.category-card-icon.state{background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff}.category-card-icon i{font-size:18px}.category-card-content{flex:1;display:flex;flex-direction:column;gap:2px}.category-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.2}.category-desc{font-size:12px;color:var(--sub-text);opacity:.8;line-height:1.2}.category-arrow{font-size:16px;color:var(--best-gray);transition:all .2s ease}.category-card:hover:not(:disabled) .category-arrow{color:var(--blue-blue);transform:translate(2px)}.category-fields-view{display:flex;flex-direction:column}.field-types-grid{padding:0 12px 20px}.field-group{margin-bottom:20px}.field-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:8px;background:var(--gray1);border-radius:6px;font-size:12px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;font-family:ARLRDBD,sans-serif}.field-group-header i{font-size:14px}.field-items{display:flex;flex-direction:column;gap:2px}.field-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--background);border:1px solid var(--best-gray);border-radius:6px;cursor:grab;transition:all .2s ease;position:relative}.field-item:hover{background:var(--gray1);border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.field-item:active{cursor:grabbing;transform:rotate(2deg) scale(1.02)}.field-icon{width:28px;height:28px;border-radius:6px;background:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.field-icon i{font-size:14px}.field-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.field-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.2;font-family:ARLRDBD,sans-serif}.field-desc{font-size:11px;color:var(--sub-text);opacity:.8;line-height:1.2;font-family:ARLRDBD,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-indicator{color:var(--best-gray);opacity:0;transition:opacity .2s ease}.field-item:hover .drag-indicator{opacity:1}.form-builder-content{display:flex;height:100vh;flex:1}.form-name-input{font-size:22px;font-weight:700;font-family:ARLRDBD,sans-serif;background:transparent;border:2px solid transparent;color:var(--text);padding:6px 10px;border-radius:8px;transition:all .2s ease;width:100%;max-width:300px}.form-name-input:hover,.form-name-input:focus{background:var(--gray1);border-color:var(--blue-blue);outline:none;box-shadow:0 0 0 3px #0f83e91a}.form-description-input{font-size:13px;font-family:ARLRDBD,sans-serif;background:transparent;border:2px solid transparent;color:var(--sub-text);padding:5px 10px;border-radius:8px;resize:none;min-height:32px;transition:all .2s ease;width:100%;max-width:300px}.form-description-input:hover,.form-description-input:focus{background:var(--gray1);border-color:var(--blue-blue);outline:none;box-shadow:0 0 0 3px #0f83e91a}.header-actions{display:flex;gap:12px}.preview-button,.save-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-family:ARLRDBD,sans-serif;font-size:14px;transition:all .2s ease;border:none;min-width:120px;justify-content:center}.preview-button{background:var(--gray1);color:var(--text);border:2px solid var(--best-gray)}.preview-button:hover{background:var(--gray2);border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.save-button{background:var(--blue-blue);color:#fff;box-shadow:0 2px 8px #0f83e94d}.save-button:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0f83e966}.form-builder-content{flex:1;display:flex;height:calc(100vh - 100px);gap:0}.field-palette{width:300px;background:var(--background);padding:24px;overflow-y:auto;position:relative;box-shadow:0 2px 24px var(--shadow);border-radius:24px;margin:16px;border:1px solid var(--best-gray)}.sidebar-header h3{margin:0 0 5px;font-size:21px;font-weight:700;font-family:ARLRDBD,sans-serif;color:var(--text)}.sidebar-subtitle{margin:0;color:var(--sub-text);font-size:18px;font-family:ARLRDBD,sans-serif;line-height:1.3}.field-types{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px}.field-types::-webkit-scrollbar{width:4px}.field-types::-webkit-scrollbar-track{background:transparent}.field-types::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:2px}.field-types::-webkit-scrollbar-thumb:hover{background:var(--blue-blue)}.field-type-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--background);border:6px solid var(--gray1);border-radius:22px;cursor:grab;transition:all .2s ease;user-select:none;min-height:60px;box-shadow:0 3px 33px var(--shadow)}.field-type-item:hover{transform:translateY(-2px);box-shadow:0 6px 40px var(--shadow);border-color:var(--blue-blue)}.field-type-item:active{cursor:grabbing;transform:translateY(0)}.field-type-item i{font-size:24px;color:var(--sub-text);min-width:40px;display:flex;align-items:center;justify-content:center}.field-type-content{display:flex;flex-direction:column;flex:1}.field-type-label{font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);font-size:16px;line-height:1.2}.form-canvas{flex:1;background:var(--main-background);padding:0 10px 50px;overflow-y:auto;position:relative}.form-dropzone{min-height:600px;border:2px dashed var(--best-gray);border-radius:20px;padding:20px;transition:all .3s ease;position:relative;background:transparent}.form-dropzone.dragging{border-color:var(--blue-blue);background:rgba(15,131,233,.02)}.empty-form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);color:var(--sub-text);text-align:center;position:relative;z-index:1}.empty-form i{font-size:48px;margin-bottom:16px;opacity:.5;color:var(--blue-blue)}.empty-form p{font-size:16px;font-family:ARLRDBD,sans-serif;margin:0}.form-preview h2{margin:0 0 8px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:28px;font-weight:700}.form-desc{margin:0 0 32px;color:var(--sub-text);font-size:16px;line-height:1.5}.form-fields{display:flex;flex-direction:column;gap:0px}.form-field-wrapper{position:relative;padding:20px;border:2px solid var(--best-gray);border-radius:30px;background:var(--background);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 3px 33px var(--shadow);margin-bottom:20px}.form-field-wrapper:hover:not(.dragging){box-shadow:0 6px 40px var(--shadow);transform:translateY(-2px)}.form-field-wrapper.selected{border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a;background:rgba(15,131,233,.02)}.form-field-wrapper[draggable=true]{cursor:move}.form-field-wrapper.dragging{opacity:.9;transform:rotate(2deg) scale(1.05);box-shadow:0 20px 40px #0000004d;z-index:1000;transition:none;border-color:var(--blue-blue);pointer-events:none}.form-field-wrapper{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.form-fields{display:flex;flex-direction:column;gap:20px}.form-fields .form-field-wrapper:not(.dragging){transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.form-field-controls{display:flex;justify-content:space-between;align-items:center;height:28px;margin-bottom:12px;padding:8px;background:var(--background);border-radius:10px;opacity:1;visibility:visible;border-color:var(--best-gray);box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.drag-handle{color:var(--sub-text);cursor:grab;font-size:16px;padding:6px 8px;border-radius:6px;transition:all .2s ease}.drag-handle:hover{color:var(--blue-blue);background:var(--gray1)}.drag-handle:active{cursor:grabbing}.field-actions{display:flex;gap:6px}.field-actions button{width:32px;height:32px;border:none;border-radius:8px;background:var(--background);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease;border:1px solid var(--best-gray);box-shadow:0 2px 4px #0000000d}.field-actions button:hover:not(:disabled){background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);transform:translateY(-2px);box-shadow:0 4px 8px #0f83e94d}.field-actions button:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.field-actions .delete-btn:hover:not(:disabled){background:#FF4757;color:#fff;border-color:#ff4757;box-shadow:0 4px 8px #ff47574d}.form-field-content{display:flex;flex-direction:column;gap:12px;width:100%}.field-label{font-weight:500;font-family:ARLRDBD,sans-serif;color:var(--text);display:flex;align-items:center;gap:4px;font-size:16px;margin-bottom:8px;opacity:.8}.field-label.hidden{display:none}.required{color:var(--red-red);font-size:16px}.form-builder .form-input,.form-builder .form-textarea,.form-builder .form-select,.form-builder input[type=text].form-input,.form-builder input[type=email].form-input,.form-builder input[type=number].form-input,.form-builder input[type=tel].form-input,.form-builder input[type=password].form-input,.form-builder input[type=search].form-input,.form-builder input[type=url].form-input{padding:16px 20px!important;border:1px solid transparent!important;border-radius:17px!important;background:var(--best-gray)!important;color:var(--text)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;width:100%!important;box-sizing:border-box!important;outline:none!important}.form-builder .form-input::placeholder,.form-builder .form-textarea::placeholder,.form-builder input[type=text].form-input::placeholder,.form-builder input[type=email].form-input::placeholder,.form-builder input[type=number].form-input::placeholder,.form-builder input[type=tel].form-input::placeholder,.form-builder input[type=password].form-input::placeholder,.form-builder input[type=search].form-input::placeholder,.form-builder input[type=url].form-input::placeholder{color:var(--sub-text)!important;opacity:.6!important;font-size:16px!important;line-height:1!important;letter-spacing:0!important;font-family:ARLRDBD,sans-serif!important}.form-builder .form-textarea{min-height:80px!important;resize:vertical!important;max-width:none!important;width:100%!important}.form-builder textarea.form-textarea{max-width:none!important;width:100%!important}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.form-builder .form-input:focus,.form-builder .form-textarea:focus,.form-builder .form-select:focus,.form-builder input[type=text].form-input:focus,.form-builder input[type=email].form-input:focus,.form-builder input[type=number].form-input:focus,.form-builder input[type=tel].form-input:focus,.form-builder input[type=password].form-input:focus,.form-builder input[type=search].form-input:focus,.form-builder input[type=url].form-input:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.form-builder .radio-group{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px 0!important}.form-builder .radio-group.radio-wrap{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important}.form-builder .radio-group.radio-list{flex-direction:column!important;gap:8px!important;align-items:stretch!important}.form-builder .radio-option{display:flex!important;align-items:center!important;gap:0!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:0!important;transition:all .2s ease!important;position:relative!important;flex-shrink:0!important}.form-builder .radio-group.radio-wrap .radio-option{flex:0 0 auto!important;margin-bottom:0!important}.form-builder .radio-group.radio-list .radio-option{flex:1 1 auto!important;width:100%!important}.form-builder .radio-option input[type=radio]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;margin:0!important}.form-builder .radio-option span{display:inline-block!important;padding:12px 20px!important;background:var(--background)!important;border:2px solid var(--best-gray)!important;border-radius:25px!important;font-family:ARLRDBD,sans-serif!important;font-size:16px!important;font-weight:500!important;color:var(--text)!important;transition:all .2s ease!important;cursor:pointer!important;user-select:none!important;min-width:120px!important;text-align:center!important;box-shadow:0 2px 4px #0000000d!important}.form-builder .radio-option:hover span{border-color:var(--blue-blue)!important;background:var(--gray1)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000001a!important}.form-builder .radio-option input[type=radio]:checked+span{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #0f83e94d!important}.form-builder .radio-option input[type=radio]:checked+span:hover{background:var(--blue-blue)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0f83e966!important}.form-builder .checkbox-option{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:8px 0!important;transition:all .2s ease!important}.form-builder .checkbox-option:hover{color:var(--blue-blue)!important}.form-builder .checkbox-option input{margin:0!important;transform:scale(1.2)!important;accent-color:var(--blue-blue)!important}.form-builder .toggle-option{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:8px 0!important;transition:all .2s ease!important}.form-builder .toggle-option:hover{color:var(--blue-blue, #0081CC)!important}.form-builder .toggle-option .toggle-input{opacity:0!important;width:0!important;height:0!important;position:absolute!important}.form-builder .toggle-option .toggle-slider{position:relative!important;display:inline-block!important;width:80px!important;height:32px!important;background-color:#d1d5db!important;border-radius:16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;box-shadow:inset 0 2px 4px #0000001a!important}.form-builder .toggle-option .toggle-slider:before{content:""!important;position:absolute!important;height:20px!important;width:40px!important;left:6px!important;top:6px!important;background-color:#fff!important;border-radius:10px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a!important}.form-builder .toggle-option .toggle-input:checked+.toggle-slider{background-color:var(--blue-blue)!important;box-shadow:inset 0 2px 4px #3b82f64d!important}.form-builder .toggle-option .toggle-input:checked+.toggle-slider:before{transform:translate(26px)!important;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a!important}.form-builder .toggle-option .toggle-text{font-size:16px!important;color:var(--text)!important;font-family:ARLRDBD,sans-serif!important}.bottom-action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:var(--background);padding:6px;border-radius:16px;box-shadow:0 2px 16px var(--shadow);border:1px solid var(--best-gray);z-index:1000}.form-builder .map-area-field{width:100%!important;margin:0!important}.form-builder .map-area-field.conditional-input{border:2px dashed #ff9800!important;border-radius:16px!important;padding:8px!important}.form-builder .map-area-field.conditional-inactive{opacity:.5!important;pointer-events:none!important}.form-builder .conditional-map{border-radius:12px!important;overflow:hidden!important}.form-builder .preview-map-area{width:100%!important;margin:8px 0!important}.form-builder .preview-map-area .map-area-selection{width:100%!important}.form-builder .file-upload-field{width:100%!important;margin:0!important}.form-builder .file-upload-field.conditional-input{border:2px dashed #ff9800!important;border-radius:16px!important;padding:8px!important}.form-builder .file-upload-field.conditional-inactive{opacity:.5!important;pointer-events:none!important}.form-builder .file-upload-field .file-upload-container{width:100%!important}.form-builder .file-upload-field .file-upload-area{border-color:var(--best-gray)!important;background:var(--background)!important}.form-builder .file-upload-field .file-upload-area.dragging{border-color:var(--accent)!important;background:var(--accent-light)!important}.form-builder .file-upload-field .file-upload-add-button{border-color:var(--best-gray)!important;background:var(--gray1)!important;color:var(--sub-text)!important}.form-builder .file-upload-field .file-upload-add-button:hover{background:var(--blue-blue)!important;color:#fff!important}.action-button{display:flex;align-items:center;gap:6px;padding:8px 12px;height:auto;min-height:36px;background:var(--gray1);border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-weight:500;font-size:13px;color:var(--text);text-decoration:none}.action-button:hover{background:rgba(0,0,0,.06);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-button i{font-size:14px}.action-button.primary{background:var(--blue-blue);color:#fff}.action-button.primary:hover{background:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.action-button.ai-generate{background:var(--blue-blue)!important;color:#fff!important;font-weight:600;position:relative;overflow:hidden}.action-button.ai-generate:hover{background:var(--blue-blue)!important;transform:translateY(-1px);box-shadow:0 4px 12px #4facfe66}.action-button.ai-generate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.action-button.ai-generate:hover:before{left:100%}.action-button.ai-generate:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00aded4d!important;color:#fff!important;background:radial-gradient(circle at center,#00ADED 0%,#0081CC 100%)!important}.action-button.ai-generate *{position:relative;z-index:2;color:#fff!important}.action-button.ai-generate:hover,.action-button.ai-generate:focus,.action-button.ai-generate:active{color:#fff!important}body .action-button.ai-generate{color:#fff!important}body .action-button.ai-generate:hover{background:radial-gradient(circle at center,#00ADED 0%,#0081CC 100%)!important;color:#fff!important}.action-button img{height:20px;width:auto}.properties-panel{width:320px;background:var(--main-background);border-left:none;overflow-y:auto;display:flex;flex-direction:column;position:relative;height:100vh;flex-shrink:0;transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,width .3s cubic-bezier(.4,0,.2,1)}.properties-panel.properties-panel-visible{transform:translate(0);opacity:1;pointer-events:auto}.properties-panel.properties-panel-hidden{transform:translate(100%);opacity:0;pointer-events:none;width:0!important;min-width:0!important;overflow:hidden}.properties-panel-container{margin:10px 10px 10px 2px;border-radius:20px;padding:0;box-shadow:none;border:none;overflow:visible;display:flex;flex-direction:column;height:100%}.properties-panel-header{display:flex;align-items:center;margin:5px;border-radius:19px;justify-content:space-between;padding:8px;background:var(--best-gray);position:sticky;top:0;z-index:10}.selected-field-badge{display:flex;align-items:center;gap:12px}.field-type-indicator{width:40px;height:40px;border-radius:10px;background:var(--blue-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.field-info{display:flex;flex-direction:column;gap:2px}.field-name{font-family:ARLRDBD,sans-serif;font-weight:600;font-size:16px;color:var(--text);line-height:1.2}.field-type{font-family:ARLRDBD,sans-serif;font-size:12px;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.close-properties-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--gray1);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.close-properties-btn:hover{background:var(--gray3);transform:scale(1.05)}.properties-content{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;overflow:visible;gap:6px}.property-section{border-radius:12px;padding:12px;background-color:var(--main-background)!important;box-shadow:0 4px 10px var(--shadow)!important;outline:2px solid var(--gray1)!important}.section-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:10px;font-family:ARLRDBD,sans-serif;font-weight:600;font-size:14px;color:var(--text);text-transform:none;letter-spacing:.1px}.section-header i{font-size:16px;color:var(--blue-blue)}.form-group-properties{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:12px}.form-group-properties:last-child{margin-bottom:0}.form-group-properties:has(.options-input-container){flex-direction:column;align-items:stretch;gap:8px}.form-group-properties:has(.options-input-container) .form-label{min-width:auto;margin-bottom:8px}.options-form-group-properties{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.options-form-group-properties .form-label{min-width:auto!important;margin-bottom:0!important}.options-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.options-header-row .form-label{flex:0 0 auto;min-width:120px}.options-header-row .options-input-container{flex:1;margin-bottom:0}.form-label-properties{display:flex;flex-direction:column;gap:2px;min-width:120px;flex-shrink:0}.form-label-properties>span:first-child{font-family:ARLRDBD,sans-serif;font-weight:600;font-size:13px;color:var(--text)}.label-hint{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--sub-text);opacity:.7}.form-builder input[type=text].modern-input,.form-builder .modern-input,.modern-input,.modern-textarea{padding:10px!important;border:1px solid transparent!important;border-radius:15px!important;background:var(--best-gray)!important;color:var(--text)!important;font-size:14px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;width:100%!important;box-sizing:border-box!important;outline:none!important}.form-builder input[type=text].modern-input:focus,.form-builder .modern-input:focus,.modern-input:focus,.modern-textarea:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.modern-textarea{resize:vertical;min-height:100px}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;width:100%;position:relative}.toggle-input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:12px;transition:all .3s ease;flex-shrink:0;margin-left:auto}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:var(--blue-blue)}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{display:flex;flex-direction:column;gap:2px;flex:1}.toggle-text>span:first-child{font-family:ARLRDBD,sans-serif;font-weight:600;font-size:13px;color:var(--text)}.toggle-hint{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--sub-text);opacity:.7}.options-preview{margin-top:8px}.preview-text{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--sub-text);padding:6px 10px;background:var(--gray1);border-radius:6px;display:inline-block}.properties-panel-footer{padding:16px 10px;background:var(--background);position:sticky;bottom:0;z-index:10;margin-top:auto}.field-actions-grid{display:flex;flex-direction:column;gap:10px;width:100%}.field-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.field-actions-row .action-btn{flex:1;min-width:0;width:100%}.field-actions-grid .action-btn.danger{width:100%;grid-column:1 / -1}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:none;font-family:ARLRDBD,sans-serif;font-weight:600;font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;min-height:36px;white-space:nowrap;box-sizing:border-box;width:100%}.action-btn.secondary{background:var(--background);color:var(--text);border:1px solid var(--best-gray);box-shadow:0 2px 4px #0000000d}.action-btn.secondary:hover:not(:disabled){background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 8px #0f83e94d}.action-btn.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0f83e933}.action-btn.danger{background:linear-gradient(135deg,#FF4757,#FF3742);color:#fff;box-shadow:0 4px 12px #ff47574d}.action-btn.danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff475766}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn.secondary:disabled{background:var(--gray2)!important;color:var(--sub-text)!important;border-color:var(--gray3)!important}.action-btn:disabled:hover{background:var(--gray2)!important;color:var(--sub-text)!important;transform:none!important;box-shadow:none!important}.action-btn i{font-size:14px}.properties-panel h3{margin:0 0 24px;font-size:16px;font-weight:700;font-family:ARLRDBD,sans-serif;color:var(--text);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.field-properties{display:flex;flex-direction:column;gap:20px;padding:20px}.property-group{display:flex;flex-direction:column;align-items:space-between;gap:8px}.property-group label{font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.3px}.property-group input,.property-group textarea{padding:16px 20px;border:1px solid transparent;border-radius:17px;background:var(--best-gray);color:var(--text);font-size:16px;font-family:ARLRDBD,sans-serif;line-height:1;letter-spacing:0;transition:all .2s ease;width:100%;box-sizing:border-box;outline:none}.property-group input:focus,.property-group textarea:focus{outline:none;border-color:transparent;background:var(--best-gray);box-shadow:none}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:14px;color:var(--text);padding:8px 0}.checkbox-label input{margin:0;transform:scale(1.1)}.no-selection{color:var(--sub-text);text-align:center;padding:40px 16px;font-family:ARLRDBD,sans-serif;font-size:14px;line-height:1.5}.categories-view{background:var(--background);border:6px solid var(--gray1);border-radius:25px;padding:25px;box-shadow:0 3px 33px var(--shadow);margin-top:20px}.add-section-card{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--gray1)}.add-section-card h3{margin:0 0 8px;font-size:28px;font-weight:700;font-family:ARLRDBD,sans-serif;color:var(--text)}.section-subtitle{margin:0;font-size:16px;font-family:ARLRDBD,sans-serif;color:var(--sub-text);opacity:.7}.field-categories{display:flex;flex-direction:column;gap:12px;flex:1;padding:0 16px 40px}.category-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:500;color:var(--text)}.category-item:hover{border-color:var(--blue-blue);background:var(--gray1);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.category-item:active{transform:translateY(0);box-shadow:0 2px 6px var(--shadow)}.category-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon.informative{background:linear-gradient(135deg,#3B82F6,#1D4ED8);color:#fff}.category-icon.collective{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.category-icon.connection{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.category-icon.stream{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff}.category-icon.state{background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff}.category-label{font-weight:500;color:var(--text)}.category-fields{display:flex;flex-direction:column;gap:16px}.category-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--best-gray)}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);align-self:flex-start;font-family:ARLRDBD,sans-serif;position:relative;overflow:hidden}.back-button svg{width:12px;height:12px}.category-title{margin:0;font-size:18px;font-weight:700;font-family:ARLRDBD,sans-serif;color:var(--text)}.field-types{display:flex;flex-direction:column;gap:8px}.field-type-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;cursor:grab;transition:all .2s ease;min-height:56px;box-shadow:0 2px 6px var(--shadow)}.field-type-item:hover{background:var(--gray1);border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 4px 10px var(--shadow)}.field-type-item:active{cursor:grabbing;transform:scale(.98)}.field-type-icon{width:32px;height:32px;border-radius:8px;background:var(--blue-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.field-type-icon i{font-size:16px;color:#fff}.field-type-content{flex:1;display:flex;flex-direction:column;gap:2px}.field-type-label{font-size:14px;font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);margin:0;line-height:1.3}.field-type-desc{font-size:12px;color:var(--sub-text);font-family:ARLRDBD,sans-serif;opacity:.8;line-height:1.2}.field-category-group{margin-bottom:24px}.field-category-title{font-size:14px;font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--sub-text);margin:0 0 12px;padding:0 4px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.field-category-items{display:flex;flex-direction:column;gap:8px}.field-category-group:last-child{margin-bottom:0}.field-category-items .field-type-item{padding:12px 16px;margin-bottom:0}.options-input-container{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:4px;background:var(--gray1);border-radius:12px;border:1px solid var(--best-gray);width:100%}.options-add-input{flex:1;background:var(--best-gray)!important;border:1px solid transparent!important;padding:5px!important;border-radius:15px!important;font-size:14px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;color:var(--text)!important;transition:all .2s ease!important;min-width:0!important;box-sizing:border-box!important;outline:none!important}.options-add-input:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.add-option-btn{display:flex;align-items:center;justify-content:center;padding:5px;background:var(--blue-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:30px;height:30px;flex-shrink:0}.add-option-btn:hover{background:var(--blue-dark, #0a85d1);transform:scale(1.05)}.add-option-btn .material-icons{font-size:16px}.options-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-height:200px;overflow-y:auto;padding:8px;background:var(--gray1);border-radius:12px;border:1px solid var(--best-gray)}.options-list:empty{display:none}.option-tag{display:flex;align-items:center;gap:8px;background:var(--background);border:1px solid var(--best-gray);border-radius:20px;padding:6px 10px 6px 14px;font-size:13px;color:var(--text);transition:all .2s ease;box-shadow:0 1px 3px #0000000d;white-space:nowrap;flex-shrink:0}.option-tag:hover{border-color:var(--blue-blue);box-shadow:0 2px 6px #0f83e91a}.option-text{user-select:none;font-weight:500;font-family:ARLRDBD,sans-serif}.remove-option-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;background:var(--gray3)!important;border:none!important;border-radius:50%!important;cursor:pointer!important;color:var(--sub-text)!important;transition:all .2s ease!important;flex-shrink:0!important;padding:0!important;margin:0!important}.remove-option-btn:hover{background:#ff4757!important;color:#fff!important}.remove-option-btn .material-icons{font-size:12px!important;line-height:1!important}.options-preview .preview-text{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--blue-blue);padding:6px 10px;background:rgba(15,131,233,.1);border-radius:6px;display:inline-block;border:1px solid rgba(15,131,233,.2)}.options-list:empty:before{content:"No options added yet. Type in the input above and press Enter to add options.";color:var(--sub-text);font-style:italic;font-size:12px;padding:12px;display:block;text-align:center;background:var(--secondary-background);border-radius:8px;border:1px dashed var(--best-gray)}.property-tabs{position:relative!important;display:flex!important;background:var(--best-gray)!important;border-radius:12px!important;padding:2px!important;margin:10px 5px!important;gap:0!important}.tab-btn{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 16px!important;background:transparent!important;border:none!important;border-radius:10px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-family:ARLRDBD,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--sub-text)!important;position:relative!important;z-index:1!important;box-shadow:none!important;transform:none!important}.tab-btn:hover{background:transparent!important;box-shadow:none!important;transform:none!important}.tab-btn .material-icons{font-size:18px!important;transition:all .3s ease!important}.tab-btn.active{color:var(--text)!important;background:transparent!important;box-shadow:none!important}.tab-btn.active .material-icons{color:var(--text)!important}.property-tabs:before{content:""!important;position:absolute!important;top:4px!important;left:4px!important;width:calc(33.333% - 4px)!important;height:calc(100% - 8px)!important;background:var(--main-background)!important;border-radius:10px!important;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:0!important}.property-tabs[data-active-tab=general]:before{transform:translate(0)!important}.property-tabs[data-active-tab=variables]:before{transform:translate(calc(100% + 4px))!important}.property-tabs[data-active-tab=conditions]:before{transform:translate(calc(200% + 8px))!important}.tab-btn i{font-size:14px}.conditional-indicator,.variable-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;margin-left:8px;font-size:10px}.conditional-indicator{background:rgba(79,172,254,.2);color:#1e40af}.variable-indicator{background:rgba(34,197,94,.2);color:#15803d}.conditional-indicator i,.variable-indicator i{font-size:10px}.variable-preview{margin-top:16px}.variable-card{background:var(--gray1);border:1px solid var(--best-gray);border-radius:8px;padding:12px}.variable-info{display:flex;flex-direction:column;gap:4px}.variable-name{font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:600;color:var(--blue-blue)}.variable-type{font-size:11px;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px}.variable-value{font-size:11px;color:var(--text);font-family:Monaco,Menlo,monospace}.smart-logic-intro{background:var(--gray1);border:1px solid var(--best-gray);border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.smart-logic-intro i{color:var(--blue-blue);font-size:24px;background:rgba(15,131,233,.1);padding:12px;border-radius:8px;flex-shrink:0}.intro-text{margin:0;font-size:14px;line-height:1.6;color:var(--sub-text)}.logic-sentence{background:var(--secondary-background);border:1px solid var(--best-gray);border-radius:12px;padding:10px;position:relative;display:flex;align-items:center;gap:12px;min-height:56px;box-shadow:0 2px 4px #00000005}.sentence-part{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#374151}.sentence-text{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap;font-size:15px}.sentence-text i{font-size:16px;color:#64748b}.form-builder .logic-action-select{background:var(--blue-blue)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;gap:6px!important;height:36px!important;min-width:100px!important;width:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.form-builder .logic-action-select:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 6px #0f83e94d!important}.form-builder .logic-action-select i{font-size:12px}.sentence-text{font-size:14px;color:var(--text);font-weight:500;display:flex;align-items:center;gap:4px}.sentence-text i{color:var(--sub-text);font-size:16px}.conditions-builder{margin-top:16px;position:relative}.add-first-condition{text-align:center;padding:10px;border:2px dashed var(--best-gray);border-radius:12px;transition:all .2s ease}.add-first-condition:hover{border-color:var(--blue-blue);background:rgba(15,131,233,.02)}.add-condition-btn.primary{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0 auto;transition:all .2s ease;box-shadow:0 2px 6px #0f83e933}.add-condition-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.add-condition-btn.primary i{font-size:16px}.add-condition-btn.secondary{background:var(--secondary-background);color:var(--blue-blue);border:1px solid var(--best-gray);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.condition-sentence{display:inline-flex;align-items:center;gap:2px;flex-wrap:nowrap;position:relative;overflow:hidden;white-space:nowrap;padding:4px 0}.remove-condition-btn{width:24px;height:30px;border:none;border-radius:6px;background:rgba(244,67,54,.08);color:#dc2626;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease;flex-shrink:0;border:1px solid rgba(244,67,54,.15);opacity:.7}.remove-condition-btn:hover{background:rgba(244,67,54,.15);color:#b91c1c;opacity:1;transform:none;border-color:#f443364d}.remove-condition-btn i{font-size:12px}.field-selector,.operator-selector,.value-selector,.value-input{padding:10px 14px;border:1px solid transparent;border-radius:10px!important;background:var(--best-gray);color:var(--text);font-size:13px;font-family:ARLRDBD,sans-serif;line-height:1;letter-spacing:0;transition:all .2s ease;min-width:100px;box-sizing:border-box;outline:none;position:relative;height:36px;display:inline-flex;align-items:center;-webkit-border-radius:10px!important;-moz-border-radius:10px!important;box-shadow:0 1px 3px #0000000d}.smart-logic-builder .field-selector,.smart-logic-builder .operator-selector,.smart-logic-builder .value-selector,.smart-logic-builder .value-input{border-radius:10px!important;-webkit-border-radius:10px!important;-moz-border-radius:10px!important}.field-selector-wrapper,.operator-selector-wrapper,.value-selector-wrapper,.value-input-wrapper{position:relative;display:inline-block;margin:0 4px}.field-selector:focus,.operator-selector:focus,.value-selector:focus,.value-input:focus{outline:none;border-color:var(--blue-blue);background:var(--best-gray);box-shadow:0 0 0 3px #0f83e91a}.value-input::placeholder{color:var(--sub-text);opacity:.6;font-size:13px;line-height:1;letter-spacing:0;font-family:ARLRDBD,sans-serif}.logic-connector{display:inline-flex;justify-content:center;height:24px;background:var(--blue-blue);color:#fff;align-items:center;justify-self:center;border-radius:20px;font-size:14px;font-weight:700;padding:5px 12px;margin:5px}.connector-select{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;justify-content:center;flex:auto;text-align:center}.condition-builder{display:flex;align-items:center;flex-direction:column;z-index:10}.condition-preview{border:1px solid var(--blue-blue);border-radius:8px;padding:10px 14px;margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--sub-text);position:relative;overflow:hidden;white-space:nowrap;max-width:100%}.condition-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.condition-preview i{color:var(--blue-blue);font-size:12px;background:rgba(15,131,233,.1);padding:2px;border-radius:50%;flex-shrink:0}.condition-preview strong{color:var(--text);font-weight:600}.add-more-conditions{text-align:center;margin-top:24px;padding:8px 0}.add-condition-btn.secondary{background:var(--best-gray);color:var(--blue-blue);border:1px solid var(--best-gray);border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.add-condition-btn.secondary:hover{border-color:var(--blue-blue);background:var(--blue-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f83e933}.add-condition-btn.secondary i{font-size:14px}.logic-summary{background:linear-gradient(135deg,var(--gray1) 0%,var(--secondary-background) 100%);border:1px solid var(--best-gray);border-radius:16px;padding:10px;position:relative;box-shadow:0 2px 8px #0000000d}.logic-summary:before{position:absolute;top:-14px;left:24px;background:var(--background);padding:10px;border-radius:50%;font-size:18px;border:2px solid var(--best-gray);box-shadow:0 2px 4px #0000000d}.summary-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-weight:600;font-size:16px;color:var(--text)}.summary-header i{font-size:18px;color:var(--blue-blue);background:rgba(15,131,233,.1);padding:8px;border-radius:8px}.summary-text{font-size:15px;line-height:1.7;color:var(--text)}.summary-condition{margin:12px 0;padding-left:24px;position:relative}.summary-condition:before{content:"→";position:absolute;left:0;color:var(--blue-blue);font-weight:700}.logic-word{background:var(--blue-blue);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-right:8px;box-shadow:0 2px 4px #0f83e94d}.summary-text strong{color:var(--blue-blue);font-weight:600;background:rgba(15,131,233,.1);padding:2px 6px;border-radius:4px}.form-field-wrapper.disabled{opacity:.6;pointer-events:none}.form-field-wrapper.disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px);border-radius:30px;pointer-events:none}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.variable-card{background:var(--secondary-background);border:1px solid var(--best-gray);border-radius:12px;padding:16px;transition:all .2s ease}.variable-card:hover{border-color:var(--blue-blue);box-shadow:0 4px 12px #0f83e91a;transform:translateY(-1px)}.save-notification{position:fixed;top:20px;right:20px;background:var(--background);color:var(--text);padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--best-gray);display:flex;align-items:center;gap:8px;z-index:10000;animation:slideInRight .3s ease}.save-notification i{color:#10b981;font-size:18px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.condition-inputs{grid-template-columns:1fr;gap:8px}.remove-condition-btn{justify-self:flex-end;margin-top:8px}.property-tabs{margin:8px 16px}.tab-btn{padding:6px 8px;font-size:11px}.tab-btn span{display:none}.variables-grid{grid-template-columns:1fr}}@media (max-width: 1400px){.field-palette{width:280px;padding:20px}}@media (max-width: 1200px){.field-palette{width:260px;padding:16px}.form-canvas{padding:20px}}@media (max-width: 768px){.form-builder-content{flex-direction:column;height:auto}.field-palette{width:100%;margin:10px;padding:16px;border-radius:16px}.category-list{gap:6px}.category-item{padding:10px 12px;min-height:44px}.field-type-item{padding:10px;min-height:50px}.form-canvas{padding:16px}.form-field-content{max-width:100%}.form-input,.form-textarea,.form-select{max-width:100%;font-size:16px}.field-label{font-size:14px}}.field-palette::-webkit-scrollbar,.form-canvas::-webkit-scrollbar,.properties-panel::-webkit-scrollbar,.properties-content::-webkit-scrollbar{width:6px}.field-palette::-webkit-scrollbar-track,.form-canvas::-webkit-scrollbar-track,.properties-panel::-webkit-scrollbar-track,.properties-content::-webkit-scrollbar-track{background:var(--gray1);border-radius:3px}.field-palette::-webkit-scrollbar-thumb,.form-canvas::-webkit-scrollbar-thumb,.properties-panel::-webkit-scrollbar-thumb,.properties-content::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}.field-palette::-webkit-scrollbar-thumb:hover,.form-canvas::-webkit-scrollbar-thumb:hover,.properties-panel::-webkit-scrollbar-thumb:hover,.properties-content::-webkit-scrollbar-thumb:hover{background:var(--blue-blue)}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.field-type-item:hover{animation:none}.field-type-item:active{animation:bounce .6s ease-in-out}.properties-panel-footer .field-actions-row{align-items:stretch}.properties-panel-footer .action-btn.secondary,.properties-panel-footer .action-btn.danger{height:36px;min-height:36px;max-height:36px}.action-btn i{font-size:16px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-size:13px;color:var(--sub-text)}.breadcrumb-item{font-weight:500;font-family:ARLRDBD,sans-serif}.breadcrumb-item.clickable{background:none;border:none;padding:4px 8px;cursor:pointer;color:var(--blue-blue);border-radius:4px;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;transition:all .2s ease;position:relative}.breadcrumb-item.clickable:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:1px;background:var(--blue-blue);opacity:0;transition:opacity .2s ease}.breadcrumb-item.clickable:hover{background:rgba(15,131,233,.1);color:var(--blue-dark, #0A6BC2)}.breadcrumb-item.clickable:hover:after{opacity:1}.breadcrumb-item.current{color:var(--text);font-weight:600;opacity:.7}.breadcrumb-separator{font-size:14px;color:var(--best-gray);opacity:.5}.preview-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);padding:20px}.preview-modal-content{background:var(--background);border-radius:12px;box-shadow:0 24px 48px #00000026;width:100%;height:100%;max-width:none;max-height:none;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1);background:var(--background);flex-shrink:0}.preview-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text)}.preview-header-controls{display:flex;align-items:center;gap:16px}.device-view-pills{display:flex;background:rgba(0,0,0,.05);border-radius:8px;padding:4px;gap:2px}.device-pill-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--sub-text);transition:all .2s ease;white-space:nowrap}.device-pill-btn:hover{background:rgba(59,130,246,.1);color:#3b82f6}.device-pill-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.device-pill-btn i{font-size:16px}@media (max-width: 768px){.device-pill-btn{padding:6px 8px;font-size:12px;gap:4px}.device-pill-btn i{font-size:14px}.preview-header-controls{gap:12px}}.close-preview{background:none;border:none;font-size:18px;color:var(--sub-text);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-preview:hover{background:rgba(0,0,0,.05);color:var(--text)}.preview-modal-body{padding:20px;overflow-y:auto;flex:1;background:var(--gray1);display:flex;justify-content:center;align-items:flex-start}.preview-form-container{width:100%;max-width:var(--preview-max-width, 100%);margin:0 auto;background:var(--background);padding:32px;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px #00000014;transition:all .3s ease}.preview-form-container.mobile{--preview-max-width: 375px;min-height:667px}.preview-form-container.tablet{--preview-max-width: 768px;min-height:600px}.preview-form-container.desktop{--preview-max-width: 1200px;min-height:700px}.preview-form-title{font-size:24px;font-weight:600;color:var(--text);margin:0 0 8px}.preview-form-description{color:var(--sub-text);margin:0 0 32px;line-height:1.5}.preview-form{display:flex;flex-direction:column;gap:24px}.preview-field{display:flex;flex-direction:column;gap:8px}.preview-field-label{font-weight:500;font-family:ARLRDBD,sans-serif;color:var(--text);font-size:16px;opacity:.8;display:flex;align-items:center;gap:4px;margin-bottom:8px}.preview-field-label.hidden{display:none}.preview-required{color:#d93535;margin-left:4px}.form-builder .preview-input,.form-builder .preview-textarea,.form-builder .preview-select{width:100%!important;max-width:300px!important;padding:16px 20px!important;border:1px solid transparent!important;border-radius:17px!important;background:var(--best-gray)!important;color:var(--text)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;box-sizing:border-box!important;outline:none!important}.form-builder .preview-textarea{max-width:none!important;width:100%!important;min-height:80px!important;resize:vertical!important}.form-builder .preview-input::placeholder,.form-builder .preview-textarea::placeholder{color:var(--sub-text)!important;opacity:.6!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important}.form-builder .preview-input:focus,.form-builder .preview-textarea:focus,.form-builder .preview-select:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray)!important;box-shadow:none!important}.form-builder .preview-radio-group{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px 0!important}.form-builder .preview-radio-group.preview-radio-wrap{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important}.form-builder .preview-radio-group.preview-radio-list{flex-direction:column!important;gap:8px!important}.form-builder .preview-radio-option{display:flex!important;align-items:center!important;gap:0!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:0!important;transition:all .2s ease!important;position:relative!important;flex-shrink:0!important}.form-builder .preview-radio-option input[type=radio]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;margin:0!important}.form-builder .preview-radio-option span{display:inline-block!important;padding:12px 20px!important;background:var(--background)!important;border:2px solid var(--best-gray)!important;border-radius:25px!important;font-family:ARLRDBD,sans-serif!important;font-size:16px!important;font-weight:500!important;color:var(--text)!important;transition:all .2s ease!important;cursor:pointer!important;user-select:none!important;min-width:120px!important;text-align:center!important;box-shadow:0 2px 4px #0000000d!important}.form-builder .preview-radio-option:hover span{border-color:var(--blue-blue)!important;background:var(--gray1)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000001a!important}.form-builder .preview-radio-option input[type=radio]:checked+span{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #0f83e94d!important}.form-builder .preview-radio-option input[type=radio]:checked+span:hover{background:var(--blue-blue)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0f83e966!important}.form-builder .preview-checkbox-group{display:flex!important;flex-direction:column!important;gap:12px!important;padding:8px 0!important}.form-builder .preview-checkbox-option{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:8px 0!important;transition:all .2s ease!important}.form-builder .preview-checkbox-option:hover{color:var(--blue-blue)!important}.form-builder .preview-checkbox-option input{margin:0!important;transform:scale(1.2)!important;accent-color:var(--blue-blue)!important}.form-builder .preview-toggle-option{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;color:var(--text)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:8px 0!important;transition:all .2s ease!important}.form-builder .preview-toggle-option:hover{color:var(--blue-blue)!important}.form-builder .preview-toggle-option .toggle-input{opacity:0!important;width:0!important;height:0!important;position:absolute!important}.form-builder .preview-toggle-option .toggle-slider{position:relative!important;display:inline-block!important;width:80px!important;height:32px!important;background-color:var(--gray3)!important;border-radius:16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;box-shadow:none!important}.form-builder .preview-toggle-option .toggle-slider:before{content:""!important;position:absolute!important;height:20px!important;width:40px!important;left:6px!important;top:6px!important;background-color:#fff!important;border-radius:10px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important}.form-builder .preview-toggle-option .toggle-input:checked+.toggle-slider{background-color:var(--blue-blue)!important;box-shadow:inset 0 2px 4px #3b82f64d!important}.form-builder .preview-toggle-option .toggle-input:checked+.toggle-slider:before{transform:translate(26px)!important;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a!important}.form-builder .preview-toggle-option .toggle-text{font-size:16px!important;color:var(--text)!important;font-family:ARLRDBD,sans-serif!important}.preview-submit-btn{background:var(--blue-blue);color:#fff;border:2px solid var(--best-gray);padding:0;border-radius:12px;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s ease;align-self:flex-start;width:300px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow);font-family:ARLRDBD,sans-serif}.preview-submit-btn:hover{background:var(--blue-blue);filter:opacity(.5);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow);border-color:var(--blue-blue)}.preview-empty{text-align:center;padding:40px;color:var(--sub-text);font-style:italic}.preview-empty p{margin:0}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .modern-input{padding-right:45px!important;width:100%!important}.visibility-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%)!important;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--sub-text);font-size:16px;width:28px;height:28px}.visibility-toggle:hover{background:var(--gray1);color:var(--blue-blue);transform:translateY(-50%) scale(1.1)}.visibility-toggle.visible{color:var(--blue-blue)}.visibility-toggle.hidden{color:var(--sub-text);opacity:.5}.visibility-toggle:hover:after{content:attr(title);position:absolute;top:-35px;left:50%;transform:translate(-50%);background:var(--text);color:var(--background);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;opacity:.9;font-family:ARLRDBD,sans-serif}.visibility-toggle:hover:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text);z-index:1000}.block-name-input{background:transparent!important;border:1px solid transparent!important;padding:4px 8px!important;border-radius:6px!important;font-family:ARLRDBD,sans-serif!important;font-weight:600!important;font-size:16px!important;color:var(--text)!important;width:100%!important;box-sizing:border-box!important;transition:all .2s ease!important}.block-name-input:hover,.block-name-input:focus{background:var(--gray1)!important;border-color:var(--blue-blue)!important;outline:none!important}.block-header{font-size:23px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;line-height:1.2;display:flex;align-items:center;gap:8px}.block-sub-header{font-size:18px;color:var(--sub-text);font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0}.preview-block-header{font-size:23px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;line-height:1.2;margin-bottom:5px;display:flex;align-items:center;gap:8px}.preview-block-sub-header{font-size:18px;color:#1012136b;font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0}.field-drop-zone{position:relative;cursor:pointer;user-select:none;z-index:10}.field-drop-zone:hover{background:rgba(var(--accent-rgb),.05)!important;border:2px dashed var(--accent)!important;height:30px!important}.field-drop-zone.active{background:rgba(var(--accent-rgb),.1)!important;border:2px dashed var(--accent)!important;height:40px!important;animation:pulse-drop-zone 1s ease-in-out infinite}@keyframes pulse-drop-zone{0%,to{opacity:1;transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.form-fields:not(.dragging-new-field) .field-drop-zone{display:none}.conditional-dependency-indicator{position:absolute;top:-10px;left:20px;right:20px;z-index:10;pointer-events:none}.dependency-line{height:2px;background:linear-gradient(90deg,var(--accent) 0%,rgba(var(--accent-rgb),.6) 50%,var(--accent) 100%);border-radius:1px;margin-bottom:8px;animation:pulse-dependency 2s ease-in-out infinite}.dependency-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--background);border:1px solid var(--accent);border-radius:12px;font-size:11px;font-weight:500;color:var(--accent);box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(8px);position:relative}.dependency-badge:before{content:"";position:absolute;inset:0;background:rgba(var(--accent-rgb),.05);border-radius:inherit;z-index:-1}.dependency-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-field-wrapper.conditional{position:relative;border-style:dashed;border-width:2px}.form-field-wrapper.conditionally-hidden{opacity:.4;pointer-events:auto;filter:grayscale(30%);border-color:#f443364d;background:rgba(244,67,54,.02)}.form-field-wrapper.conditionally-hidden .dependency-badge{background:rgba(244,67,54,.1);border-color:#f44336;color:#f44336}.form-field-wrapper.conditionally-hidden .dependency-line{background:linear-gradient(90deg,#f44336 0%,rgba(244,67,54,.6) 50%,#f44336 100%)}.form-field-wrapper.conditionally-visible .dependency-badge{background:rgba(76,175,80,.1);border-color:#4caf50;color:#4caf50}.form-field-wrapper.conditionally-visible .dependency-line{background:linear-gradient(90deg,#4caf50 0%,rgba(76,175,80,.6) 50%,#4caf50 100%)}.form-field-wrapper.conditional:not(.conditionally-visible){opacity:.6;border-style:dashed;border-color:#ff980080;background:rgba(255,152,0,.02)}.form-field-wrapper.conditional:not(.conditionally-visible) .dependency-badge{background:rgba(255,152,0,.1);border-color:#ff9800;color:#ff9800}.form-field-wrapper.conditional:not(.conditionally-visible) .dependency-line{background:linear-gradient(90deg,#ff9800 0%,rgba(255,152,0,.6) 50%,#ff9800 100%)}@keyframes pulse-dependency{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.98)}}.form-field-wrapper.conditional .form-field-content{position:relative}.form-field-wrapper.conditional .form-field-content:before{content:"";position:absolute;inset:-10px;border:1px dashed rgba(var(--accent-rgb),.3);border-radius:20px;pointer-events:none;z-index:-1}.form-field-wrapper.conditional:hover .dependency-badge{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.form-field-wrapper.conditional:hover .dependency-line{animation-duration:1s}.conditional-input{border-style:dashed!important;transition:all .3s ease}.conditional-input.conditional-inactive{opacity:.7;filter:contrast(.8)}.conditional-input:focus{border-style:solid!important}.form-field-wrapper.conditionally-hidden{transform:scale(.98);transition:all .3s ease}.form-field-wrapper.conditionally-visible{box-shadow:0 0 0 1px #4caf5033}.form-field-wrapper.conditional{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.conditional-dependency-indicator{transition:all .3s ease}.form-field-wrapper.conditionally-visible .dependency-badge{animation:pulse-active 3s ease-in-out infinite}@keyframes pulse-active{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 4px 16px #4caf504d}}.conditional-field-overlay{position:absolute;top:5px;right:5px;width:12px;height:12px;pointer-events:none;z-index:20}.conditional-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--accent);animation:conditional-pulse 2s ease-in-out infinite}@keyframes conditional-pulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(.8);opacity:.8}}.form-field-wrapper.conditional{position:relative;border-style:dashed!important;border-width:2px!important;background:rgba(var(--accent-rgb),.02)!important}.form-field-wrapper.conditional:after{content:"";position:absolute;inset:-2px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:inherit;pointer-events:none;z-index:-1}.form-field-wrapper.conditional{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3)!important}.preview-input:disabled,.preview-textarea:disabled,.preview-select:disabled{opacity:.6!important;background:rgba(244,67,54,.05)!important;border-color:#f44336!important;cursor:not-allowed!important}.preview-field{transition:all .3s ease;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-block-header{position:relative}.preview-modal-content{max-height:95vh;overflow-y:auto}.form-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:5px;background:var(--main-background);gap:16px;min-height:60px;font-size:13px}.form-actions-bar .form-info-section{flex:1;display:flex;flex-direction:column;gap:8px;max-width:400px}.form-actions-right{display:flex;align-items:center;gap:12px}.draft-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:10px;font-weight:500;opacity:.7;padding:6px 8px;background:rgba(251,191,36,.1);border-radius:6px;border:1px solid rgba(251,191,36,.2)}.draft-indicator.modified{background:rgba(255,152,0,.1);border-color:#ff98004d;color:#ff9800;opacity:1}.draft-indicator .material-icons{font-size:16px;opacity:.8}.draft-indicator .draft-text{text-align:center;line-height:1.2;max-width:100px}.form-actions-bar .action-btn{padding:6px 12px;font-size:12px;font-weight:500;border-radius:8px;display:flex;align-items:center;gap:6px;min-width:auto;height:32px;transition:all .2s ease;background:var(--blue-blue)}.form-actions-bar .action-btn.secondary{background:var(--best-gray);border:1px solid var(--border-color);color:var(--text-secondary)}.form-actions-bar .action-btn.secondary:hover{background:var(--best-gray);color:var(--text);border-color:var(--accent)}.form-actions-bar .action-btn.primary{background:var(--gray2);border:1px solid var(--gray3);color:var(--text);width:200px}.form-actions-bar .action-btn.primary:hover{background:var(--blue-blue);color:#fff;transform:translateY(-1px)}.form-canvas-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;background:var(--background);border-bottom:1px solid var(--best-gray);gap:20px}.form-title-section{flex:1;display:flex;flex-direction:column;gap:8px}.form-name-input{font-size:24px;font-weight:600;color:var(--text);background:transparent;border:none;padding:4px 0;font-family:inherit;border-bottom:2px solid transparent;transition:border-color .2s ease;outline:none}.form-name-input:focus{border-bottom-color:var(--accent)}.form-name-input::placeholder{color:var(--text-secondary);opacity:.6}.form-description-input{font-size:14px;color:var(--text-secondary);background:transparent;border:none;padding:4px 0;font-family:inherit;border-bottom:1px solid transparent;transition:border-color .2s ease;outline:none}.form-description-input:focus{border-bottom-color:var(--accent);color:var(--text)}.form-description-input::placeholder{color:var(--text-secondary);opacity:.5}.form-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.draft-indicator{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);background:rgba(var(--accent-rgb),.08);padding:4px 10px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.15)}.draft-indicator i{font-size:12px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;white-space:nowrap;outline:none;box-shadow:none}.action-btn.secondary{background:var(--secondary-background);color:var(--text);border:1px solid var(--best-gray)}.action-btn.secondary:hover{background:var(--gray2);border-color:var(--accent)}.action-btn.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.action-btn.primary:hover{background:var(--accent-hover, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.25)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-btn i.spinning{animation:spin 1s linear infinite}.form-canvas{display:flex;flex-direction:column;flex:1;overflow:hidden}.form-dropzone{flex:1;overflow-y:auto;padding:16px 20px 20px;position:relative}.form-dropzone:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--best-gray) 1px,transparent 1px),radial-gradient(circle,var(--best-gray) 1px,transparent 1px);background-size:30px 26px;background-position:0 0,15px 13px;mask-image:radial-gradient(ellipse at center,transparent 20%,black 80%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 20%,black 80%);pointer-events:none;z-index:0}.form-dropzone::-webkit-scrollbar{width:8px}.form-dropzone::-webkit-scrollbar-track{background:transparent;border-radius:10px}.form-dropzone::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:10px;transition:background .2s ease}.form-dropzone::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.form-dropzone{scrollbar-width:thin;scrollbar-color:var(--best-gray) transparent}.form-group-properties:has(.formBuilderPage-file-type-container){flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px;background:var(--gray1);border-radius:12px;border:1px solid var(--line-color)}.form-group-properties:has(.formBuilderPage-file-type-container) .form-label-properties{min-width:auto!important;margin-bottom:0!important}.formBuilderPage-file-type-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}.formBuilderPage-file-type-option{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:20px;border:2px solid var(--best-gray);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;background-color:var(--background);color:var(--text);user-select:none;pointer-events:auto;position:relative;z-index:1}.formBuilderPage-file-type-option.selected{background-color:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 2px 8px #0f83e94d}.formBuilderPage-file-type-option:not(.selected){background-color:var(--background);color:var(--text);border-color:var(--best-gray)}.formBuilderPage-file-type-option:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.formBuilderPage-file-type-option:not(.selected):hover{border-color:var(--blue-blue);background-color:var(--gray1)}.formBuilderPage-file-type-option:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.room-mode-pill-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.room-mode-pill-group.compact{margin-top:4px}.room-mode-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--best-gray);background:var(--main-background);font-size:12px;cursor:pointer;min-width:120px;transition:border-color .15s ease,background .15s ease,color .15s ease}.room-mode-pill .pill-label{font-weight:600;color:var(--text)}.room-mode-pill .pill-hint{font-size:11px;color:var(--sub-text);text-align:left}.room-mode-pill.active{border-color:var(--accent, #2563eb);background:rgba(37,99,235,.08)}.room-mode-pill.active .pill-label{color:var(--accent, #2563eb)}.field-view-toggle{position:relative;display:flex;background:var(--best-gray);border-radius:12px;padding:4px;margin:5px}.field-view-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:500;color:var(--sub-text);position:relative;z-index:1}.field-view-toggle .toggle-btn .material-icons{font-size:18px;transition:all .3s ease}.field-view-toggle .toggle-btn.active,.field-view-toggle .toggle-btn.active .material-icons{color:var(--text)}.field-view-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.field-view-toggle[data-active=custom]:before{transform:translate(100%)}.field-search-bar{display:flex;align-items:center;gap:8px;padding:3px;border-radius:10px;margin:3px;background:var(--gray1);border-bottom:1px solid var(--best-gray)}.field-search-bar .material-icons{font-size:20px;margin-left:8px;color:var(--sub-text)}.field-search-bar input{flex:1;background:var(--best-gray);border:1px solid transparent;padding:8px 12px;border-radius:8px;font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--text);outline:none;transition:all .2s ease}.field-search-bar input:focus{border-color:var(--blue-blue);background:var(--gray1)}.field-search-bar input::placeholder{color:var(--sub-text);opacity:.6}.field-categories-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.field-category-section{display:flex;flex-direction:column;border-bottom:1px solid var(--best-gray)}.field-category-section:last-child{border-bottom:none}.field-category-header{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.field-category-header:hover{background:var(--best-gray)}.field-category-header .category-name{font-size:13px;font-weight:500;font-family:ARLRDBD,sans-serif;color:var(--sub-text)}.field-category-header .chevron-icon{font-size:20px;color:var(--sub-text);transition:transform .2s ease}.field-category-items{display:flex;flex-direction:column;gap:0;padding:0 8px 8px}.field-list-item{display:flex;align-items:stretch;gap:12px;padding:5px;border-radius:8px;cursor:grab;transition:all .2s ease;margin-bottom:4px;background-color:var(--main-background)!important;box-shadow:0 2px 10px var(--shadow)!important;outline:2px solid var(--gray1)!important}.field-list-item:hover{background:var(--best-gray);border-color:var(--blue-blue);transform:translate(4px)}.field-list-item:active{cursor:grabbing}.field-list-icon{display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;background:var(--best-gray);border-radius:6px;flex-shrink:0;transition:all .2s ease}.field-list-icon .material-icons{font-size:18px;color:var(--text)}.field-list-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.field-list-name{font-size:14px;font-weight:500;font-family:ARLRDBD,sans-serif;color:var(--text);line-height:1.2}.field-list-description{font-size:11px;font-weight:400;font-family:ARLRDBD,sans-serif;color:var(--sub-text);line-height:1.3;opacity:0;max-height:0;overflow:hidden;transition:all .2s ease}.field-list-item:hover .field-list-description{opacity:1;max-height:50px}.field-list-item .drag-handle{font-size:20px;color:var(--sub-text);opacity:.5;transition:opacity .2s ease;flex-shrink:0;align-self:center}.field-list-item:hover .drag-handle{opacity:1}.field-list-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px);background:rgba(0,0,0,.9);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-family:ARLRDBD,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:1000;box-shadow:0 2px 8px #0003}.field-list-item[data-tooltip]:hover:after{opacity:1;transition-delay:.1s}.field-list-item[data-tooltip]:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(2px);border:6px solid transparent;border-right-color:#000000e6;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:1000}.field-list-item[data-tooltip]:hover:before{opacity:1;transition-delay:.1s}.coming-soon-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.coming-soon-view .material-icons{font-size:64px;color:var(--sub-text);opacity:.5;margin-bottom:20px}.coming-soon-view h3{font-size:24px;font-weight:600;font-family:ARLRDBD,sans-serif;color:var(--text);margin:0 0 12px}.coming-soon-view p{font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--sub-text);margin:0}.summary-editable-select,.summary-editable-input{display:inline-block!important;background:var(--main-background)!important;border:2px solid var(--best-gray)!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;border-radius:20px!important;padding:6px 12px!important;font-size:13px!important;font-weight:600!important;color:var(--text-color)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;margin:0 4px!important;font-family:inherit!important;width:auto!important;max-width:fit-content!important;flex-shrink:0!important;box-shadow:0 1px 3px #0000000d!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;overflow:hidden!important}.summary-editable-select:hover,.summary-editable-input:hover{background:var(--secondary-background)!important;border-color:var(--blue-blue)!important;box-shadow:0 2px 8px #4facfe26!important;transform:translateY(-1px)!important}.summary-editable-select:focus,.summary-editable-input:focus{outline:none!important;border-color:var(--blue-blue)!important;background:var(--main-background)!important;box-shadow:0 0 0 3px #4facfe26,0 2px 8px #0000001a!important;transform:translateY(0)!important}.summary-editable-select.logic-operator{background:var(--blue-blue)!important;color:#fff!important;font-weight:700!important;text-transform:uppercase!important;font-size:11px!important;padding:6px 12px!important;letter-spacing:.5px!important;width:auto!important;min-width:60px!important;max-width:80px!important;border:2px solid var(--blue-blue)!important;box-shadow:0 2px 6px #4facfe4d!important}.summary-editable-select.logic-operator:hover{background:#3a8fd9!important;border-color:#3a8fd9!important;box-shadow:0 3px 10px #4facfe66!important;transform:translateY(-1px)!important}.summary-editable-select.logic-operator:focus{box-shadow:0 0 0 3px #4facfe4d,0 2px 8px #4facfe66!important}.summary-editable-select.operator{min-width:100px!important;max-width:150px!important;width:auto!important}.summary-editable-input{min-width:60px!important;max-width:150px!important;width:auto!important;font-weight:500!important}.summary-condition{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:8px}.summary-condition span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.logic-summary{position:relative;cursor:default}.logic-summary .summary-text{line-height:2}.logic-summary .summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--blue-blue)}.logic-summary .summary-header i{font-size:18px}.formbuilder-frame-preset-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.formbuilder-frame-preset-modal{background:var(--background);border-radius:12px;box-shadow:0 8px 32px #0003;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;color:var(--text)}.formbuilder-frame-preset-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gray2);position:sticky;top:0;background:var(--background);z-index:10}.formbuilder-frame-preset-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.formbuilder-frame-preset-close{background:none;border:none;color:var(--sub-text);cursor:pointer;font-size:24px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.formbuilder-frame-preset-close:hover{background:var(--gray2);color:var(--text)}.formbuilder-frame-preset-content{padding:20px}.formbuilder-frame-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;padding:16px;background:var(--gray1);border-radius:12px;box-shadow:0 3px 33px var(--shadow)}.formbuilder-frame-preset-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid var(--gray2);border-radius:8px;background:var(--gray1);cursor:pointer;transition:all .2s;color:var(--text)}.formbuilder-frame-preset-option:hover{border-color:var(--blue-blue);background:var(--gray2)}.formbuilder-frame-preset-option.formbuilder-frame-preset-selected{border-color:var(--blue-blue);background:rgba(15,131,233,.1)}.formbuilder-frame-preset-preview{background:var(--gray2);border-radius:4px;border:1px solid var(--gray2)}.formbuilder-frame-preset-label{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.formbuilder-frame-preset-name{font-size:12px;font-weight:600;color:var(--text)}.formbuilder-frame-preset-size{font-size:10px;color:var(--sub-text)}.formbuilder-frame-custom-inputs{display:flex;flex-direction:row;gap:12px;padding:16px;background:var(--gray1);border-radius:8px;border:1px solid var(--gray2);align-items:flex-end}.formbuilder-frame-custom-inputs .formbuilder-frame-custom-field{flex:1}.formbuilder-frame-custom-inputs button{white-space:nowrap;flex-shrink:0}.formbuilder-frame-custom-field label{font-size:12px;font-weight:600;color:var(--text)}.formbuilder-frame-custom-field input{padding:8px 12px!important;border-radius:6px!important;background-color:var(--main-background)!important}.formbuilder-frame-item{position:relative}.formbuilder-frame-remove-btn{color:var(--sub-text);transition:all .2s}.formbuilder-frame-remove-btn:hover{color:#d32f2f;transform:scale(1.2)}*{-webkit-tap-highlight-color:transparent}input,textarea,select,button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent;margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;font:"A"}.form-renderer{width:100%;height:100%;display:flex;flex-direction:column;font-family:ARLRDBD,sans-serif;background:var(--main-background, #ffffff);color:var(--text, #1a1a1a)}.form-renderer *{outline:none!important;box-shadow:none!important}.form-renderer *:focus{outline:none!important;box-shadow:none!important}.form-renderer input,.form-renderer textarea,.form-renderer select{outline:none!important;box-shadow:none!important;border:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.form-renderer input:focus,.form-renderer textarea:focus,.form-renderer select:focus{outline:none!important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.form-renderer-container{max-width:600px;padding:8px!important;margin:0 auto;padding:32px;background:var(--background, #ffffff);border-radius:12px;box-shadow:0 4px 24px #00000014}.form-renderer.mobile .form-renderer-container{max-width:375px;min-height:667px;padding:16px;margin:0;border-radius:12px;box-shadow:0 4px 24px #00000014}.form-renderer.tablet .form-renderer-container{max-width:768px;min-height:600px;padding:24px}.form-renderer.desktop .form-renderer-container{max-width:1200px;background:transparent;padding:32px}.form-renderer.public-form .form-renderer-container{max-width:none!important;width:98%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.form-renderer.public-form .form-renderer-title,.form-renderer.public-form .form-renderer-description{display:none!important}.form-renderer.public-form .form-renderer-field-title{font-size:18px!important;line-height:1!important;margin:0!important}.form-renderer.public-form .form-renderer-field-subtitle{font-size:13px!important}@media (max-width: 768px){.form-renderer.public-form .form-renderer-field-title{font-size:16px!important}.form-renderer.public-form .form-renderer-field-subtitle{font-size:12px!important}.form-renderer.desktop.public-form .form-renderer-container,.form-renderer.public-form.desktop .form-renderer-container{padding-left:8px!important;padding-right:8px!important;width:95%!important}}.form-renderer-title{font-size:24px;font-weight:600;color:var(--text, #1a1a1a);margin:0 0 8px;line-height:1.3;font-family:ARLRDBD,sans-serif}.form-renderer-description{font-size:14px;color:var(--sub-text, #666);margin:0 0 32px;line-height:1.5;font-family:ARLRDBD,sans-serif}.form-renderer-form{display:flex;flex-direction:column;gap:24px}.form-renderer-field{display:flex;flex-direction:column;gap:8px}.form-renderer-field-header{display:flex;flex-direction:column;gap:4px}.form-renderer-field-title{font-size:23px;font-weight:600;color:var(--text, #1a1a1a);font-family:ARLRDBD,sans-serif;line-height:1.2;margin-bottom:5px;display:flex;align-items:center;gap:8px}.form-renderer-field-subtitle{font-size:18px;color:var(--sub-text, #666);font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0}.form-renderer-required{color:#d93535;margin-left:4px}.form-renderer-conditional-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(76,175,80,.2);color:#4caf50;font-size:12px}.form-renderer-conditional-indicator .material-icons{font-size:12px}.form-renderer .form-renderer-input,.form-renderer .form-renderer-textarea,.form-renderer .form-renderer-select,.form-renderer input[type=text].form-renderer-input,.form-renderer input[type=email].form-renderer-input,.form-renderer input[type=number].form-renderer-input,.form-renderer input[type=tel].form-renderer-input,.form-renderer input[type=password].form-renderer-input,.form-renderer input[type=search].form-renderer-input,.form-renderer input[type=url].form-renderer-input,.form-renderer input[type=date].form-renderer-input,.form-renderer input[type=time].form-renderer-input{width:100%!important;max-width:300px!important;padding:16px 20px!important;border:1px solid transparent!important;border-radius:17px!important;background:var(--best-gray, #f5f5f5)!important;color:var(--text, #1a1a1a)!important;font-size:16px!important;font-family:ARLRDBD,sans-serif!important;line-height:1!important;letter-spacing:0!important;transition:all .2s ease!important;box-sizing:border-box!important;outline:none!important}.form-renderer .form-renderer-textarea{max-width:none!important;width:100%!important;min-height:80px!important;resize:vertical!important}.form-renderer .form-renderer-input::placeholder,.form-renderer .form-renderer-textarea::placeholder,.form-renderer input[type=text].form-renderer-input::placeholder,.form-renderer input[type=email].form-renderer-input::placeholder,.form-renderer input[type=number].form-renderer-input::placeholder,.form-renderer input[type=tel].form-renderer-input::placeholder,.form-renderer input[type=password].form-renderer-input::placeholder,.form-renderer input[type=search].form-renderer-input::placeholder,.form-renderer input[type=url].form-renderer-input::placeholder,.form-renderer input[type=date].form-renderer-input::placeholder,.form-renderer input[type=time].form-renderer-input::placeholder{color:var(--sub-text, #666)!important;opacity:.6!important;font-size:16px!important;line-height:1!important;letter-spacing:0!important;font-family:ARLRDBD,sans-serif!important}.form-renderer .form-renderer-input:focus,.form-renderer .form-renderer-textarea:focus,.form-renderer .form-renderer-select:focus,.form-renderer input[type=text].form-renderer-input:focus,.form-renderer input[type=email].form-renderer-input:focus,.form-renderer input[type=number].form-renderer-input:focus,.form-renderer input[type=tel].form-renderer-input:focus,.form-renderer input[type=password].form-renderer-input:focus,.form-renderer input[type=search].form-renderer-input:focus,.form-renderer input[type=url].form-renderer-input:focus,.form-renderer input[type=date].form-renderer-input:focus,.form-renderer input[type=time].form-renderer-input:focus{outline:none!important;border-color:transparent!important;background:var(--best-gray, #f5f5f5)!important;box-shadow:none!important}.form-renderer .form-renderer-input:disabled,.form-renderer .form-renderer-textarea:disabled,.form-renderer .form-renderer-select:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.form-renderer .form-renderer-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.form-renderer .form-renderer-radio-group{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px 0!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-wrap{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-list{flex-direction:column!important;gap:8px!important;align-items:stretch!important}.form-renderer .form-renderer-radio-option{display:flex!important;align-items:center!important;gap:0!important;font-size:16px!important;color:var(--text, #1a1a1a)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:0!important;transition:all .2s ease!important;position:relative!important;flex-shrink:0!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-wrap .form-renderer-radio-option{flex:0 0 auto!important;margin-bottom:0!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-list .form-renderer-radio-option{flex:1 1 auto!important;width:100%!important}.form-renderer .form-renderer-radio-option input[type=radio]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;margin:0!important}.form-renderer .form-renderer-radio-option span{display:inline-block!important;padding:12px 20px!important;background:var(--background, #ffffff)!important;border:2px solid var(--best-gray, #e1e5e9)!important;border-radius:25px!important;font-family:ARLRDBD,sans-serif!important;font-size:16px!important;font-weight:500!important;color:var(--text, #1a1a1a)!important;transition:all .2s ease!important;cursor:pointer!important;user-select:none!important;text-align:center!important;box-shadow:0 2px 4px #0000000d!important;white-space:nowrap!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-wrap .form-renderer-radio-option span{min-width:auto!important;flex-shrink:0!important}.form-renderer .form-renderer-radio-group.form-renderer-radio-list .form-renderer-radio-option span{min-width:120px!important;width:100%!important}.form-renderer .form-renderer-radio-option:hover span{border-color:var(--blue-blue, #007aff)!important;background:var(--gray1, #f8f9fa)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000001a!important}.form-renderer .form-renderer-radio-option input[type=radio]:checked+span{background:var(--blue-blue, #007aff)!important;border-color:var(--blue-blue, #007aff)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #0f83e94d!important}.form-renderer .form-renderer-radio-option input[type=radio]:checked+span:hover{background:var(--blue-blue, #007aff)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0f83e966!important}.form-renderer .form-renderer-radio-option input[type=radio]:disabled+span{color:#999!important;cursor:not-allowed!important;opacity:.5!important}.form-renderer .form-renderer-checkbox-option{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;color:var(--text, #1a1a1a)!important;cursor:pointer!important;font-family:ARLRDBD,sans-serif!important;padding:8px 0!important;transition:all .2s ease!important}.form-renderer .form-renderer-checkbox-option:hover{color:var(--blue-blue, #007aff)!important}.form-renderer .form-renderer-checkbox-option .toggle-input{opacity:0!important;width:0!important;height:0!important;position:absolute!important}.form-renderer .form-renderer-checkbox-option .toggle-slider{position:relative!important;display:inline-block!important;width:50px!important;height:24px!important;background-color:#ccc!important;border-radius:12px!important;transition:all .3s ease!important;box-shadow:inset 0 2px 4px #0000001a!important}.form-renderer .form-renderer-checkbox-option .toggle-slider:before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:20px!important;height:20px!important;background-color:#fff!important;border-radius:50%!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0003!important}.form-renderer .form-renderer-checkbox-option .toggle-input:checked+.toggle-slider{background-color:var(--blue-blue, #007aff)!important;box-shadow:inset 0 2px 4px #3b82f64d!important}.form-renderer .form-renderer-checkbox-option .toggle-input:checked+.toggle-slider:before{transform:translate(26px)!important;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a!important}.form-renderer .form-renderer-checkbox-option .toggle-text{font-size:16px!important;color:var(--text, #1a1a1a)!important;font-family:ARLRDBD,sans-serif!important;user-select:none!important}.form-renderer .form-renderer-checkbox-option .toggle-input:disabled+.toggle-slider{cursor:not-allowed!important;opacity:.5!important}.form-renderer .form-renderer-checkbox-option .toggle-input:disabled+.toggle-slider+.toggle-text{color:#999!important;cursor:not-allowed!important}.form-renderer-submit-btn{background:var(--blue-blue, #007aff)!important;color:#fff!important;border:2px solid var(--best-gray, #e1e5e9)!important;padding:0!important;border-radius:12px!important;font-weight:600!important;cursor:pointer!important;font-size:14px!important;transition:all .2s ease!important;align-self:flex-start!important;width:300px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px var(--shadow, rgba(0, 0, 0, .1))!important;font-family:ARLRDBD,sans-serif!important}.form-renderer-submit-btn:hover:not(:disabled){background:var(--blue-blue, #007aff)!important;filter:opacity(.5)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px var(--shadow, rgba(0, 0, 0, .15))!important;border-color:var(--blue-blue, #007aff)!important}.form-renderer-submit-btn:active:not(:disabled){transform:translateY(-1px)!important}.form-renderer-submit-btn:disabled{background:#e1e5e9!important;color:#999!important;cursor:not-allowed!important;transform:none!important;filter:none!important}.form-renderer-empty{text-align:center;padding:40px;color:var(--sub-text, #666)}.form-renderer-empty p{margin:0;font-size:14px;font-family:ARLRDBD,sans-serif}.form-renderer-field-input{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.form-renderer.desktop .form-renderer-container{max-width:100%;padding:16px;margin:0;border-radius:12px;box-shadow:0 4px 24px #00000014}.form-renderer-title{font-size:20px}.form-renderer .form-renderer-radio-group.form-renderer-radio-wrap{flex-direction:column!important}}@media (max-width: 480px){.form-renderer-container{padding:12px}.form-renderer-title{font-size:18px}.form-renderer .form-renderer-input,.form-renderer .form-renderer-textarea,.form-renderer .form-renderer-select{font-size:16px!important}}.forms-page-top-bar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.forms-page-filter-select{min-width:144px;height:40px}.forms-controls{display:flex;align-items:center;gap:1rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.create-form-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--best-gray);border-radius:16px;background:var(--background);cursor:pointer;transition:all .2s ease;min-height:280px;gap:1rem;box-shadow:0 3px 12px #0000000d}.create-form-card:hover{border-color:var(--blue-blue);background:var(--gray1);transform:translateY(-2px);box-shadow:0 6px 24px #0f83e926}.create-form-card svg{font-size:2.5rem;color:var(--blue-blue)}.create-form-card span{font-size:1.1rem;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.test-form-card{border-color:#28a745}.test-form-card:hover{border-color:#28a745;background:rgba(40,167,69,.05)}.test-form-card svg{color:#28a745}.form-card{background:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;min-height:280px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;box-shadow:0 3px 12px #0000000d}.form-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:var(--blue-blue)}.form-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;position:relative;z-index:1}.form-header-actions{display:flex;align-items:center;gap:12px}.delete-btn-header{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;opacity:.4;z-index:1}.delete-btn-header:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px);opacity:1;z-index:1}.form-card:hover .delete-btn-header{opacity:1}.form-icon{width:48px;height:48px;background:var(--blue-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #0f83e94d;flex-shrink:0}.form-status-indicator{display:flex;align-items:center;justify-content:center;position:relative}.status-icon{font-size:16px;padding:8px;border-radius:8px;transition:all .2s ease}.status-icon.cloud{color:#4caf50;background:rgba(76,175,80,.1)}.status-icon.draft{color:#2196f3;background:rgba(33,150,243,.1)}.status-icon.modified{color:#ff9800;background:rgba(255,152,0,.1)}.form-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.form-title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.form-title{font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0;flex:1}.draft-badge{background:rgba(33,150,243,.1);color:#2196f3;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-family:ARLRDBD,sans-serif}.draft-badge.modified{background:rgba(255,152,0,.1);color:#ff9800}.form-description{font-size:14px;color:var(--sub-text);line-height:1.4;margin:0;font-family:ARLRDBD,sans-serif;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:8px 0;z-index:1}.stat-value{font-size:14px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.form-field-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.field-type-chip{padding:4px 8px;background:var(--best-gray);border-radius:6px;font-size:10px;font-weight:500;color:var(--sub-text);text-transform:capitalize;font-family:ARLRDBD,sans-serif;border:1px solid transparent;transition:all .2s ease;z-index:1}.form-preview-container{position:absolute;top:0;right:0;width:300px;height:200px;overflow:visible;pointer-events:none;z-index:0;border-radius:8px;opacity:.5;transition:opacity .3s ease;background:transparent}.form-card:hover .form-preview-container{opacity:1}.form-preview-overlay{position:relative;width:300px;height:500px;transform:scale(.8) rotate(-20deg) translate(0) translateY(-100px);transform-origin:top right;background:var(--background);border:1px solid var(--best-gray);border-radius:12px;box-shadow:0 6px 20px #00000026;overflow:hidden}.form-preview-renderer{width:100%;height:100%;font-size:12px!important;pointer-events:none;overflow:hidden;padding:12px!important;box-sizing:border-box}.form-preview-renderer h1,.form-preview-renderer h2{font-size:14px!important;font-weight:600!important;margin:0 0 8px!important;color:var(--text)!important}.form-preview-renderer p{font-size:10px!important;margin:0 0 12px!important;color:var(--sub-text)!important}.form-preview-renderer .form-field{margin-bottom:8px!important}.form-preview-renderer label{font-size:9px!important;font-weight:500!important;margin-bottom:3px!important;display:block!important;color:var(--text)!important}.form-preview-renderer input,.form-preview-renderer textarea,.form-preview-renderer select{width:100%!important;height:20px!important;min-height:20px!important;font-size:8px!important;padding:3px 6px!important;border:1px solid var(--best-gray)!important;border-radius:4px!important;background:var(--gray1)!important;box-sizing:border-box!important}.form-preview-renderer textarea{height:40px!important;resize:none!important}.form-preview-renderer .radio-option,.form-preview-renderer .checkbox-option{font-size:8px!important;margin:2px 0!important;display:flex!important;align-items:center!important;gap:4px!important}.form-preview-renderer .radio-option span,.form-preview-renderer .checkbox-option span{font-size:8px!important}.form-preview-renderer .map-area-selection,.form-preview-renderer .map-path-selection,.form-preview-renderer .location-input,.form-preview-renderer .precise-location-input,.form-preview-renderer .measurement-input,.form-preview-renderer .datetime-calendar{display:none!important}.form-preview-renderer .map-area-selection:after,.form-preview-renderer .map-path-selection:after,.form-preview-renderer .location-input:after,.form-preview-renderer .precise-location-input:after,.form-preview-renderer .measurement-input:after,.form-preview-renderer .datetime-calendar:after{content:"[Map/Location Field]";display:block!important;background:var(--gray2)!important;color:var(--sub-text)!important;font-size:7px!important;padding:8px!important;text-align:center!important;border-radius:4px!important;font-style:italic!important}.form-actions{display:flex;gap:6px;justify-content:flex-end;padding:16px 20px 20px;border-top:1px solid var(--best-gray);margin-top:auto;opacity:.4;transition:opacity .2s ease;flex-wrap:wrap;z-index:1}.form-card:hover .form-actions{opacity:1}.form-card .form-actions .action-btn.primary-btn{background:var(--blue-blue)!important;color:#fff!important;box-shadow:0 2px 8px #0f83e94d!important}.form-card .form-actions .action-btn.primary-btn:hover{background:#0F6CC9!important;box-shadow:0 4px 16px #0f83e966!important}.form-card .form-actions .action-btn.secondary-btn{background:#F7F7F7!important;color:#2c2e30!important;border:1px solid var(--best-gray)!important}.form-card .form-actions .action-btn.secondary-btn:hover{background:#EEEEEE!important;border-color:#0f83e9!important;color:#0f83e9!important}.danger-btn{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);min-width:32px;padding:6px}.danger-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--text)}.empty-state p{font-size:.9rem;margin:0}.clear-local-forms-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-local-forms-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.clear-local-forms-btn svg{font-size:.8rem}.servos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.servo-card{background-color:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow)}.servo-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow);border-color:var(--blue-blue)}.servo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.servo-icon{width:40px;height:40px;background-color:var(--blue-blue);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.servo-status-indicator .status-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--background)}.servo-content{display:flex;flex-direction:column;gap:12px}.servo-title-section{display:flex;flex-direction:column;gap:4px}.servo-title{margin:0;font-size:16px;font-weight:600;color:var(--text)}.servo-nickname{font-size:14px;color:var(--gray2);font-style:italic}.servo-stats{display:flex;gap:12px}.servo-stats .stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray2);flex:1}.servo-stats .stat-item svg{color:var(--blue-blue)}.servo-stats .stat-value{font-weight:500;color:var(--text)}.servo-type{display:flex;align-items:center}.type-chip{background-color:var(--secondary-background);border:1px solid var(--best-gray);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--text);font-weight:500}.more-servos-card{background-color:var(--secondary-background);border:2px dashed var(--best-gray);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--gray2);min-height:160px}.more-servos-card:hover{border-color:var(--blue-blue);background-color:#008cff0d;color:var(--blue-blue)}.more-servos-card svg{font-size:24px}.view-all-servos-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--blue-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.view-all-servos-btn:hover{background-color:#008cffcc}@media (max-width: 768px){.forms-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.form-actions{opacity:.4}.form-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-item:last-child{grid-column:1 / -1}.form-preview-container{display:none}.servos-grid{grid-template-columns:1fr}.servo-stats{flex-direction:column;gap:8px}.servo-stats .stat-item{justify-content:space-between}}@media (prefers-color-scheme: dark){.form-card{box-shadow:0 3px 12px #ffffff0d}.form-card:hover{box-shadow:0 8px 32px #ffffff1a}.create-form-card{box-shadow:0 3px 12px #ffffff0d}.create-form-card:hover{box-shadow:0 6px 24px #0f83e933}}.google-business-page{min-height:100vh;background:var(--main-background);color:var(--text);font-family:ARLRDBD,sans-serif;display:flex}.google-business-main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100vh}.google-business-header{padding:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.google-business-back-button{flex-shrink:0}.google-business-header-content{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:1}.google-business-header-title-row{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.google-business-title{font-family:ARLRDBD,sans-serif;font-size:16px;color:var(--text);margin:0}.google-business-subtitle{font-family:ARLRDBD,sans-serif;font-size:10px;color:var(--sub-text);margin:0}.google-business-header-icon{width:30px;height:30px;background-color:var(--best-gray);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4285f4;font-size:16px}.google-business-container{width:90%;flex:1;max-width:1400px;margin:0 auto;overflow-y:auto;overflow-x:hidden}.google-business-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--sub-text);font-size:16px}.google-business-loading svg{font-size:40px;color:var(--blue-blue)}.google-business-locations-tabs{margin-bottom:24px;background:var(--best-gray);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:flex;align-items:center;gap:8px}.google-business-locations-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;width:100%;padding:4px 0;scroll-behavior:smooth}.google-business-locations-scroll::-webkit-scrollbar{height:4px}.google-business-locations-scroll::-webkit-scrollbar-track{background:transparent}.google-business-locations-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.google-business-locations-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.google-business-location-tab{background:var(--main-background);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;color:var(--sub-text);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;transition:all .18s ease;font-family:ARLRDBD,sans-serif}.google-business-location-tab:hover{background:rgba(66,133,244,.1);border-color:#4285f44d;color:var(--text)}.google-business-location-tab-active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.google-business-location-tab-active:hover{filter:brightness(1.1)}.google-business-location-icon{font-size:18px;line-height:1}.google-business-location-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.google-business-tabs{position:relative;display:flex;background:var(--best-gray);border-radius:12px;padding:4px;margin-bottom:24px}.google-business-tabs:before{content:"";position:absolute;top:4px;left:4px;width:calc(33.333% - 4px);height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.google-business-tabs[data-active=reviews]:before{transform:translate(100%)}.google-business-tabs[data-active=media]:before{transform:translate(200%)}.google-business-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:500;color:var(--sub-text);position:relative;z-index:1}.google-business-tab:hover:not(.google-business-tab-active){color:var(--text)}.google-business-tab-active{color:var(--text)}.google-business-tab-badge{background:var(--blue-blue);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin-left:4px}.google-business-location-details{display:flex;flex-direction:column;gap:24px}.google-business-detail-card{background:var(--best-gray);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;box-shadow:0 4px 12px #00000026}.google-business-detail-title{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--text);letter-spacing:-.3px}.google-business-detail-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.google-business-detail-row:last-child{border-bottom:none}.google-business-detail-icon{color:var(--blue-blue);font-size:16px;margin-top:4px;flex-shrink:0}.google-business-detail-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.google-business-detail-subtitle{font-size:15px;font-weight:600;margin:0 0 12px;color:var(--text)}.google-business-categories{display:flex;flex-wrap:wrap;gap:8px}.google-business-category-tag{background:rgba(66,133,244,.15);color:#4285f4;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid rgba(66,133,244,.3)}.google-business-reviews-container{display:flex;flex-direction:column;gap:16px}.google-business-reviews-header{background:var(--best-gray);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;align-items:center;gap:12px}.google-business-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--sub-text)}.google-business-empty-state svg{font-size:48px;opacity:.4}.google-business-reviews-list{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 350px);overflow-y:auto;padding-right:8px}.google-business-review-card{background:var(--best-gray);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000026}.google-business-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.google-business-reviewer-info{display:flex;align-items:center;gap:12px}.google-business-reviewer-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.google-business-reviewer-name{font-weight:600;color:var(--text);font-size:15px}.google-business-review-date{font-size:13px;color:var(--sub-text)}.google-business-stars{display:flex;gap:4px}.google-business-star-filled{color:#fbbf24;font-size:16px}.google-business-star-empty{color:var(--gray2);font-size:16px}.google-business-review-comment{color:var(--text);line-height:1.6;margin:12px 0;font-size:14px}.google-business-review-reply-existing{display:flex;gap:12px;background:rgba(34,197,94,.1);padding:12px;border-radius:8px;margin-top:12px}.google-business-reply-icon{color:#22c55e;font-size:16px;margin-top:2px}.google-business-reply-label{font-weight:600;color:var(--text);font-size:13px;margin-bottom:4px}.google-business-reply-text{color:var(--text);font-size:14px;line-height:1.5;margin-bottom:4px}.google-business-reply-date{font-size:12px;color:var(--sub-text)}.google-business-review-actions{margin-top:12px}.google-business-reply-button{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:filter .18s ease}.google-business-reply-button:hover{filter:brightness(1.1)}.google-business-reply-form{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--main-background);border-radius:12px;border:1px solid var(--gray2)}.google-business-reply-textarea{background:var(--best-gray);border:1px solid var(--gray2);border-radius:10px;padding:12px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:14px;resize:vertical;min-height:80px}.google-business-reply-textarea:focus{outline:none;border-color:var(--blue-blue)}.google-business-reply-form-actions{display:flex;justify-content:flex-end;gap:12px}.google-business-reply-cancel,.google-business-reply-submit{border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .18s ease}.google-business-reply-cancel{background:var(--gray1);color:var(--text)}.google-business-reply-cancel:hover{background:var(--gray2)}.google-business-reply-submit{background:var(--blue-blue);color:#fff}.google-business-reply-submit:hover:not(:disabled){filter:brightness(1.1)}.google-business-reply-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.google-business-header,.google-business-container{padding:16px}.google-business-tabs{gap:8px}.google-business-tab{padding:10px 16px;font-size:14px}.google-business-review-header{flex-direction:column;align-items:flex-start;gap:12px}}.google-business-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.google-business-overall-rating{display:flex;align-items:center;gap:10px}.google-business-rating-stars{display:flex;gap:2px}.google-business-rating-stars .fa-star{font-size:16px}.google-business-star-filled{color:#ffc107}.google-business-star-empty{color:#fff3}.google-business-rating-value{font-size:16px;font-weight:600;color:var(--text);min-width:35px}.google-business-edit-button{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:filter .18s ease}.google-business-edit-button:hover{filter:brightness(1.1)}.google-business-edit-actions{display:flex;gap:12px}.google-business-cancel-button{background:var(--gray1);color:var(--text);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .18s ease}.google-business-cancel-button:hover{background:var(--gray2)}.google-business-save-button{background:var(--green);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:filter .18s ease}.google-business-save-button:hover:not(:disabled){filter:brightness(1.1)}.google-business-save-button:disabled,.google-business-cancel-button:disabled{opacity:.6;cursor:not-allowed}.google-business-edit-form{display:flex;flex-direction:column;gap:24px}.google-business-form-group{display:flex;flex-direction:column;gap:10px}.google-business-form-label{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.google-business-form-label svg{color:var(--blue-blue);font-size:14px}.google-business-form-input{background:var(--main-background);border:1px solid var(--gray2);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text);font-family:ARLRDBD,sans-serif;transition:border-color .18s ease}.google-business-form-input:focus{outline:none;border-color:var(--blue-blue)}.google-business-form-input::placeholder{color:var(--sub-text)}.google-business-form-input-small{max-width:120px}.google-business-form-textarea{background:var(--main-background);border:1px solid var(--gray2);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text);font-family:ARLRDBD,sans-serif;resize:vertical;min-height:100px;transition:border-color .18s ease}.google-business-form-textarea:focus{outline:none;border-color:var(--blue-blue)}.google-business-form-textarea::placeholder{color:var(--sub-text)}.google-business-address-row{display:flex;gap:12px;margin-top:8px}.google-business-phone-row{display:flex;gap:12px;align-items:center}.google-business-remove-btn{background:var(--red);color:#fff;border:none;border-radius:8px;padding:10px 12px;cursor:pointer;transition:filter .18s ease}.google-business-remove-btn:hover{filter:brightness(1.1)}.google-business-add-btn{background:transparent;border:1px dashed var(--gray2);color:var(--sub-text);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease;margin-top:8px}.google-business-add-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.google-business-hours-grid{display:flex;flex-direction:column;gap:12px}.google-business-hours-row{display:flex;align-items:center;gap:16px;padding:12px;background:var(--main-background);border-radius:10px}.google-business-day-label{font-weight:600;color:var(--text);min-width:100px;font-size:14px}.google-business-time-inputs{display:flex;align-items:center;gap:12px;flex:1}.google-business-time-input{background:var(--best-gray);border:1px solid var(--gray2);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);font-family:ARLRDBD,sans-serif}.google-business-time-input:focus{outline:none;border-color:var(--blue-blue)}.google-business-time-separator{color:var(--sub-text);font-size:13px}.google-business-hours-display{display:flex;flex-direction:column;gap:8px}.google-business-hours-display-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--main-background);border-radius:8px}.google-business-hours-day{font-weight:600;color:var(--text);font-size:14px}.google-business-hours-time{color:var(--sub-text);font-size:14px}.google-business-description{margin:0;line-height:1.6;color:var(--text);font-size:14px}.google-business-additional-phone{color:var(--sub-text);font-size:13px;margin-top:4px}.google-business-category-primary{background:rgba(34,197,94,.15);color:#22c55e;border-color:#22c55e4d}.google-business-media-container{display:flex;flex-direction:column;gap:24px}.google-business-media-header{display:flex;justify-content:space-between;align-items:center}.google-business-media-title{font-size:20px;font-weight:700;color:var(--text);margin:0}.google-business-media-actions{display:flex;gap:12px}.google-business-upload-button{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:filter .18s ease}.google-business-upload-button:hover:not(:disabled){filter:brightness(1.1)}.google-business-upload-button:disabled{opacity:.6;cursor:not-allowed}.google-business-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.google-business-media-item{position:relative;border-radius:12px;overflow:hidden;background:var(--best-gray);border:1px solid rgba(255,255,255,.1)}.google-business-media-content{width:100%;height:180px;object-fit:cover;display:block}.google-business-media-video{position:relative}.google-business-media-type-badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.google-business-media-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}.google-business-media-item:hover .google-business-media-overlay{opacity:1}.google-business-media-delete{background:var(--red);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:filter .18s ease}.google-business-media-delete:hover{filter:brightness(1.1)}.google-business-media-description{padding:12px;margin:0;font-size:13px;color:var(--sub-text);border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.google-business-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.google-business-edit-actions{width:100%}.google-business-edit-actions button{flex:1;justify-content:center}.google-business-address-row{flex-direction:column}.google-business-form-input-small{max-width:none}.google-business-hours-row{flex-direction:column;align-items:flex-start;gap:12px}.google-business-media-header{flex-direction:column;align-items:flex-start;gap:16px}.google-business-media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.instagram-media-page{min-height:100vh;background:var(--main-background);color:var(--text);font-family:ARLRDBD,sans-serif;display:flex}.instagram-media-main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.instagram-media-header{background:var(--main-background);border-bottom:1px solid rgba(255,255,255,.15);padding:20px}.instagram-media-header-content{display:flex;align-items:center;gap:16px}.instagram-media-back-button{background:var(--gray1);border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:background .18s ease}.instagram-media-back-button:hover{background:var(--gray2)}.instagram-media-title{margin:0;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--text)}.instagram-media-title svg{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instagram-media-subtitle{color:var(--sub-text);font-size:14px;margin:4px 0 0}.instagram-media-container{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}.instagram-media-loading,.instagram-media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:400px;color:var(--sub-text)}.instagram-media-retry-button{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .18s ease}.instagram-media-retry-button:hover{filter:brightness(1.08)}.instagram-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:400px;color:var(--sub-text)}.instagram-media-empty svg{opacity:.5}.instagram-media-empty-subtitle{font-size:14px;opacity:.7}.instagram-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.instagram-media-card{background:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .18s ease,outline-color .18s ease}.instagram-media-card:hover{transform:translateY(-4px);outline-color:var(--gray2)}.instagram-media-card-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--best-gray)}.instagram-media-card-image{width:100%;height:100%;object-fit:cover}.instagram-media-card-type{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.instagram-media-card-content{padding:16px;display:flex;flex-direction:column;gap:12px}.instagram-media-card-caption{color:var(--text);font-size:14px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.instagram-media-card-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--sub-text)}.instagram-media-card-stat{display:flex;align-items:center;gap:6px}.instagram-media-card-date{margin-left:auto}.instagram-media-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.instagram-media-modal{background:var(--main-background);border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 120px #00000080;border:1px solid var(--gray1)}.instagram-media-modal-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);border:none;color:#fff;width:40px;height:40px;border-radius:12px;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .18s ease}.instagram-media-modal-close:hover{background:rgba(0,0,0,.85)}.instagram-media-modal-content{display:grid;grid-template-columns:1fr 400px;max-height:90vh}.instagram-media-modal-image-container{background:var(--best-gray);display:flex;align-items:center;justify-content:center;overflow:hidden}.instagram-media-modal-image{max-width:100%;max-height:90vh;object-fit:contain}.instagram-media-modal-details{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:var(--main-background)}.instagram-media-modal-header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);font-size:15px}.instagram-media-modal-header svg{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instagram-media-modal-caption{color:var(--text);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.instagram-media-modal-stats{display:flex;gap:20px;padding:16px;background:var(--best-gray);border-radius:12px}.instagram-media-modal-stat{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.instagram-media-modal-stat svg{color:var(--sub-text)}.instagram-media-modal-date{color:var(--sub-text);font-size:13px}.instagram-media-modal-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--blue-blue);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:filter .18s ease}.instagram-media-modal-link:hover{filter:brightness(1.08)}@media (max-width: 1024px){.instagram-media-modal-content{grid-template-columns:1fr}.instagram-media-modal-details{max-height:300px}}@media (max-width: 768px){.instagram-media-header,.instagram-media-container{padding:16px}.instagram-media-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.instagram-media-title{font-size:20px}}@media (max-width: 480px){.instagram-media-grid{grid-template-columns:1fr}}.instagram-media-page.light{background:var(--main-background)}.dashboard-layout{min-height:100vh;background:var(--main-background);color:var(--text);font-family:ARLRDBD,sans-serif;display:flex}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.integrations-header{background:var(--main-background);border-bottom:1px solid rgba(255,255,255,.15);padding:20px}.integrations-header-content{display:flex;flex-direction:column;gap:4px}.integrations-title{margin:0;font-size:24px;font-weight:700}.integrations-subtitle{color:var(--sub-text);font-size:14px;margin:0}.integrations-container{background-color:var(--main-background);flex:1;padding:20px;margin:0 auto;max-width:1200px}.integrations-loading{display:flex;align-items:center;justify-content:center;height:300px;font-size:24px;color:var(--sub-text)}.integrations-card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.integrations-stripe-card{background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);border-radius:20px;border:none;padding:20px;transition:transform .18s ease}.integrations-stripe-card:hover{transform:translateY(-2px)}.integrations-card-header{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.integrations-stripe-icon-container{width:100px;height:50px;background:linear-gradient(135deg,#635BFF 0%,#7C78E8 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.integrations-google-icon{background:linear-gradient(230deg,#4285F4 0%,#EA4335 25%,#FBBC04 50%,#34A853 75%,#4285F4 100%);background-size:200% 200%}.integrations-square-icon{background:var(--gray1);color:var(--text)}.integrations-etransfer-icon{background:linear-gradient(135deg,#fcb426 0%,#ffc857 100%)}.integrations-instagram-icon{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.integrations-instagram-username{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--best-gray);border-radius:8px;color:var(--text);font-size:14px;font-weight:600}.integrations-stripe-text{color:#fff;font-size:28px;font-weight:700;letter-spacing:-2px}.integrations-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.integrations-card-title{margin:0;font-size:18px;font-weight:700}.integrations-card-description{color:var(--sub-text);font-size:12px;margin:0}.integrations-status-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.integrations-status-label{font-size:14px;font-weight:600}.integrations-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--gray1);border:1px solid rgba(255,255,255,.1)}.integrations-status-connected{background:rgba(34,197,94,.15);color:#22c55e;border-color:#22c55e4d}.integrations-status-disconnected{background:rgba(239,68,68,.15);color:#ef4444;border-color:#ef44444d}.integrations-status-coming-soon{background:rgba(252,180,38,.15);color:#fcb426;border-color:#fcb4264d}.integrations-actions{display:flex;flex-wrap:wrap;gap:12px}.integrations-action-button{background:var(--blue-blue);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:filter .18s ease,transform .18s ease}.integrations-action-button:hover:not(:disabled){filter:brightness(1.08)}.integrations-action-button:active:not(:disabled){transform:scale(.98)}.integrations-action-button:disabled{opacity:.6;cursor:not-allowed}.integrations-setup-button,.integrations-verify-button{background:var(--blue-blue)}.integrations-button-arrow{display:flex;align-items:center;gap:8px;margin-left:auto}.integrations-error-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px}.integrations-error-container svg{flex-shrink:0;font-size:16px}.integrations-secondary-button{background:var(--gray1);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .18s ease,transform .18s ease}.integrations-secondary-button:hover{background:var(--gray2)}.integrations-secondary-button:active{transform:scale(.98)}.integrations-coming-soon-container{display:flex;align-items:center;justify-content:center;padding:20px 16px;background:rgba(252,180,38,.08);border-radius:10px;border:1px solid rgba(252,180,38,.2);min-height:60px}.integrations-coming-soon-text{color:var(--sub-text);font-size:14px;text-align:center;margin:0;font-weight:500}@media (max-width: 768px){.integrations-header,.integrations-container{padding:16px}.integrations-card-container{grid-template-columns:1fr}.integrations-title{font-size:18px}}@media (max-width: 1024px){.integrations-page{flex-direction:column}}.integrations-page.light{background:var(--main-background)}.integrations-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.integrations-modal{width:100%;max-width:520px;background:var(--main-background);border-radius:20px;box-shadow:0 40px 120px #00000073;border:1px solid var(--gray1);display:flex;flex-direction:column;overflow:hidden}.integrations-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;gap:12px}.integrations-modal-title{margin:0;font-size:20px}.integrations-modal-subtitle{margin:6px 0 0;color:var(--sub-text);font-size:13px}.integrations-modal-close{border:none;background:var(--gray1);color:var(--text);width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.integrations-modal-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.integrations-modal-list{display:flex;flex-direction:column;gap:12px}.integrations-modal-list-row{display:flex;align-items:stretch;gap:8px}.integrations-modal-list-row .integrations-modal-list-item{flex:1}.integrations-modal-cover-screen-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--gray1);background:var(--best-gray);color:var(--sub-text);cursor:pointer;font-size:10px;font-weight:600;transition:border-color .15s ease,color .15s ease,background .15s ease;white-space:nowrap;flex-shrink:0}.integrations-modal-cover-screen-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(15,131,233,.06)}.integrations-modal-cover-screen-btn svg{font-size:15px}.integrations-modal-cover-screen-image{width:100%;height:100%;object-fit:cover;border-radius:8px;max-width:80px;max-height:80px}.integrations-modal-list-item{width:100%;border:1px solid var(--gray1);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--best-gray);color:var(--text);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.integrations-modal-list-item.selected{border-color:var(--blue-blue);box-shadow:0 6px 30px #0f83e933}.integrations-modal-list-info{display:flex;flex-direction:column;gap:4px;text-align:left}.integrations-modal-list-title{font-weight:600;font-size:15px}.integrations-modal-list-meta{font-size:12px;color:var(--sub-text)}.integrations-modal-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.integrations-modal-primary,.integrations-modal-secondary{flex:1;min-width:160px;border-radius:12px;padding:14px 16px;font-weight:600;cursor:pointer;border:none}.integrations-modal-primary{background:var(--blue-blue);color:#fff}.integrations-modal-primary:disabled{opacity:.6;cursor:not-allowed}.integrations-modal-secondary{background:var(--gray1);color:var(--text);border:1px solid var(--gray2)}.integrations-modal-empty{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:var(--best-gray);border:1px dashed var(--gray2);text-align:center;color:var(--sub-text)}.integrations-stripe-payout-container{display:flex;flex-direction:column;gap:20px;position:relative}.integrations-stripe-payout-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:var(--sub-text);font-size:14px}.integrations-stripe-payout-success-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;font-size:14px;font-weight:600;animation:integrations-stripe-payout-slide-in .3s ease-out}.integrations-stripe-payout-success-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.integrations-stripe-payout-success-text{flex:1}@keyframes integrations-stripe-payout-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.integrations-stripe-payout-confetti-container{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden;z-index:10}.integrations-stripe-payout-confetti{position:absolute;top:-20px;font-size:24px;animation:integrations-stripe-payout-confetti-fall linear forwards;opacity:0}@keyframes integrations-stripe-payout-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(500px) rotate(360deg)}}.integrations-stripe-payout-schedule{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--best-gray);border-radius:12px;border:1px solid var(--gray1)}.integrations-stripe-payout-schedule-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--text);transition:opacity .18s ease}.integrations-stripe-payout-schedule-header:hover{opacity:.8}.integrations-stripe-payout-schedule-title{margin:0;font-size:14px;font-weight:700;color:var(--text)}.integrations-stripe-payout-schedule-chevron{font-size:14px;color:var(--sub-text);transition:transform .25s ease}.integrations-stripe-payout-schedule-chevron-expanded{transform:rotate(180deg)}.integrations-stripe-payout-schedule-form{display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px solid var(--gray1);margin-top:4px}.integrations-stripe-payout-pills{display:flex;gap:8px;flex-wrap:wrap}.integrations-stripe-payout-pills-wrap{max-height:120px;overflow-y:auto}.integrations-stripe-payout-pill{padding:8px 16px;border-radius:20px;border:1px solid var(--gray1);background:var(--main-background);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:ARLRDBD,sans-serif}.integrations-stripe-payout-pill:hover:not(:disabled){background:var(--gray1);border-color:var(--gray2)}.integrations-stripe-payout-pill:disabled{opacity:.5;cursor:not-allowed}.integrations-stripe-payout-pill-active{background:var(--blue-blue)!important;color:#fff!important;border-color:var(--blue-blue)!important}.integrations-stripe-payout-pill-small{padding:6px 12px;font-size:13px;min-width:44px;text-align:center}.integrations-stripe-payout-delay-input-wrapper{display:flex;gap:8px;align-items:center}.integrations-stripe-payout-delay-input{flex:1;padding:10px 12px!important}.integrations-stripe-payout-delay-apply{padding:10px 20px;border-radius:8px;border:none;background:var(--blue-blue);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:filter .18s ease;font-family:ARLRDBD,sans-serif;white-space:nowrap}.integrations-stripe-payout-delay-apply:hover:not(:disabled){filter:brightness(1.1)}.integrations-stripe-payout-delay-apply:disabled{opacity:.5;cursor:not-allowed}.integrations-stripe-payout-balance{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.integrations-stripe-payout-balance-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--best-gray);border-radius:12px;border:1px solid var(--gray1)}.integrations-stripe-payout-balance-item.integrations-stripe-payout-pending{opacity:.7}.integrations-stripe-payout-label{font-size:13px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px}.integrations-stripe-payout-amount{font-size:22px;font-weight:700;color:#22c55e}.integrations-stripe-payout-form{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--best-gray);border-radius:12px;border:1px solid var(--gray1)}.integrations-stripe-payout-form-group{display:flex;flex-direction:column;gap:6px}.integrations-stripe-payout-form-label{font-size:14px!important;font-weight:600!important;color:var(--text)!important}.integrations-stripe-payout-input-wrapper{position:relative;display:flex;align-items:center}.integrations-stripe-payout-currency-symbol{position:absolute;left:12px;font-weight:600;color:var(--sub-text);font-size:14px}.integrations-stripe-payout-input{width:95%!important;background:var(--main-background)!important;border:1px solid var(--gray1)!important;border-radius:8px!important;padding:10px 12px 10px 28px!important;color:var(--text)!important;font-size:14px!important;font-family:ARLRDBD,sans-serif!important;transition:border-color .18s ease!important}.integrations-stripe-payout-input:focus{outline:none!important;border-color:var(--blue-blue)!important;box-shadow:0 0 0 3px #0f83e91a!important}.integrations-stripe-payout-form-group:last-child .integrations-stripe-payout-input{padding:10px 12px!important}.integrations-stripe-payout-help{font-size:12px!important;color:var(--sub-text)!important}.integrations-stripe-payout-pending-section{display:flex;flex-direction:column;gap:10px;padding:16px;background:rgba(252,180,38,.08);border-radius:12px;border:1px solid rgba(252,180,38,.2)}.integrations-stripe-payout-pending-title{margin:0;font-size:14px;font-weight:700;color:#fcb426}.integrations-stripe-payout-history{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--best-gray);border-radius:12px;border:1px solid var(--gray1)}.integrations-stripe-payout-history-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--text);transition:opacity .18s ease}.integrations-stripe-payout-history-header:hover{opacity:.8}.integrations-stripe-payout-history-title{margin:0;font-size:14px;font-weight:700;color:var(--text)}.integrations-stripe-payout-history-chevron{font-size:14px;color:var(--sub-text);transition:transform .25s ease}.integrations-stripe-payout-history-chevron-expanded{transform:rotate(180deg)}.integrations-stripe-payout-history-list{display:flex;flex-direction:column;gap:8px;padding-top:10px}.integrations-stripe-payout-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--main-background);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.integrations-stripe-payout-history-info{display:flex;align-items:center;gap:12px}.integrations-stripe-payout-history-amount{font-weight:700;color:var(--text);font-size:14px}.integrations-stripe-payout-history-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.integrations-stripe-payout-status-succeeded,.integrations-stripe-payout-status-paid{background:rgba(34,197,94,.15);color:#22c55e}.integrations-stripe-payout-status-pending{background:rgba(252,180,38,.15);color:#fcb426}.integrations-stripe-payout-status-in_transit{background:rgba(59,130,246,.15);color:#3b82f6}.integrations-stripe-payout-status-failed{background:rgba(239,68,68,.15);color:#ef4444}.integrations-stripe-payout-history-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.integrations-stripe-payout-history-description{font-size:12px;color:var(--text);font-weight:500;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.integrations-stripe-payout-history-date{font-size:12px;color:var(--sub-text)}.integrations-stripe-payout-history-arrival{font-size:11px;color:var(--blue-blue);font-weight:500}.integrations-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important;padding:16px!important;border-bottom:1px solid var(--border-color)}@media (max-width: 900px){.integrations-page-top-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:wrap!important}}.invoice-page{min-height:100vh;background:var(--best-gray);font-family:ARLRDBD}.invoice-container{margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-background);backdrop-filter:blur(20px);border-radius:16px;padding:8px;margin:20px;box-shadow:0 8px 32px var(--shadow);border:1px solid rgba(255,255,255,.2)}.toolbar-left{display:flex;align-items:center;gap:16px}.toolbar-left-content{display:flex;flex-direction:column;gap:4px}.toolbar-left h1{margin:0;font-size:20px;font-weight:700;background:var(--text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:ARLRDBD}.invoice-number{font-size:14px;color:#666;font-weight:500;font-family:ARLRDBD}.toolbar-right{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--blue-blue);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.btn-secondary{background:var(--best-gray);color:var(--text);border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.invoice-main-area{display:flex;flex:1;gap:20px;overflow:hidden}.page-stack-navigation{position:fixed;left:20px;top:50%;transform:translateY(-60%);z-index:100;pointer-events:none;width:170px;height:240px;overflow:visible;perspective:1000px}.page-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d}.page-stack-item{position:absolute;width:148px;aspect-ratio:210 / 297;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:all;transform-origin:center center;will-change:transform,opacity;box-shadow:0 10px 30px #00000026;border-radius:8px}.page-stack-item:hover{transform:translateY(-15px) translate(-10px) rotate(-5deg) scale(1.08)!important;z-index:999!important;box-shadow:0 20px 40px #0003}.page-stack-item.active{box-shadow:0 25px 50px #00000040}.mini-invoice-page{width:100%;height:100%;aspect-ratio:210 / 297;background:white;border:1px solid #ddd;border-radius:10px;padding:6px;font-size:6px;line-height:1.2;overflow:hidden;box-shadow:0 4px 15px #00000026;display:flex;flex-direction:column;gap:3px}.mini-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:2px;border-bottom:.5px solid #eee}.mini-logo{width:12px;height:6px;background:#f0f0f0;border:.5px solid #ddd;border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:3px;color:#666}.mini-invoice-number{font-size:4px;color:#666;font-weight:500}.mini-title{font-size:5px;font-weight:600;color:#333}.mini-billing{display:flex;gap:3px;padding-bottom:2px;border-bottom:.5px solid #eee}.mini-billing-section{flex:1;border:.5px solid #e0e0e0;border-radius:2px;padding:2px;background:white}.mini-company{font-size:4px;font-weight:600;color:#333;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-contact{font-size:3px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-continuation{display:flex;justify-content:space-between;align-items:center;padding-bottom:2px;border-bottom:.5px solid #eee}.mini-continuation-title{font-size:4px;font-weight:600;color:#333}.mini-page-num{font-size:3px;color:#666}.mini-items{flex:1;display:flex;flex-direction:column;gap:1px}.mini-items-header{display:flex;height:6px;background:#f7f7f7;border-radius:1px;margin-bottom:1px}.mini-col{display:flex;align-items:center;justify-content:center;padding:1px;font-weight:600;color:#333;border-right:.5px solid #e0e0e0;font-size:3px}.mini-col:last-child{border-right:none}.mini-col:first-child{flex:2;justify-content:flex-start}.mini-col:not(:first-child){width:15px}.mini-items-list{display:flex;flex-direction:column;gap:.5px;flex:1}.mini-item-row{display:flex;min-height:4px;border:.5px solid #e0e0e0;border-radius:1px;background:white;align-items:center}.mini-item-row .mini-col{font-weight:400;font-size:3px;padding:.5px 1px}.mini-item-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-more-items{font-size:3px;color:#999;text-align:center;margin-top:1px;font-style:italic}.mini-totals{margin-top:auto;padding-top:2px;border-top:.5px solid #eee}.mini-total-row{display:flex;justify-content:space-between;padding:.5px 0;font-size:3px}.mini-total-row span{font-weight:500;color:#333}.mini-total-final{font-size:4px;font-weight:700;border-top:.5px solid #e0e0e0;padding-top:1px;margin-top:1px}.mini-total-final span{color:#333}.invoice-preview{display:flex;flex-direction:column;align-items:center;padding:20px;flex:1;overflow-y:scroll;max-height:100vh;gap:30px}.a4-container{width:210mm;min-height:297mm;background:white;padding:20px;box-shadow:0 0 40px #00000026;border-radius:8px;position:relative;font-size:14px;line-height:1.6;display:flex;flex-direction:column;margin-bottom:20px}.a4-container:last-child{margin-bottom:0}.invoice-page-content{flex:1;display:flex;flex-direction:column;min-height:calc(297mm - 40px)}.invoice-main-content{flex:1;display:flex;flex-direction:column}.invoice-sticky-bottom{margin-top:auto;flex-shrink:0}.continuation-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.continuation-header .invoice-title{font-size:20px;font-weight:600;color:#333}.page-number{font-size:14px;color:#666;font-weight:500}.invoice-header-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.company-logo{width:100px;cursor:pointer;transition:opacity .2s}.company-logo:hover{opacity:.8}.logo-placeholder{width:80px;height:40px;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;font-weight:600}.logo-image{width:80px;height:40px;object-fit:contain;border-radius:8px;border:2px solid #ddd}.payment-id{text-align:center;color:#666;font-size:16px;font-weight:500}.invoice-title{width:100px;text-align:right;font-size:23px;font-weight:600;color:#333}.billing-row{display:flex;gap:20px;margin-bottom:10px}.billing-section{flex:1}.invoice-section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.billing-card{border:2px solid #e0e0e0;border-radius:10px;padding:12px;background:white}.billing-main{display:flex;justify-content:space-between;margin-bottom:10px}.company-info{flex:1}.company-name{font-size:20px;font-weight:600;color:#333;margin-bottom:3px}.company-type{font-size:16px;color:#666;margin-bottom:3px}.company-id{font-size:12px;color:#666}.contact-info{flex:1;margin-left:20px}.contact-row{display:flex;margin-bottom:2px;font-size:14px}.contact-label{font-weight:500;color:#333;margin-right:8px;min-width:60px}.contact-value{color:#666;flex:1}.billing-date{display:flex;gap:8px;font-size:14px;padding-top:5px;border-top:1px solid #f0f0f0}.date-label{font-weight:500;color:#333}.date-value{color:#666}.items-section{margin:20px 0}.items-header{display:flex;height:30px;background:#F7F7F7;border-radius:8px;margin-bottom:5px}.item-col{display:flex;align-items:center;justify-content:center;padding:8px;font-weight:600;color:#333;border-right:1px solid #e0e0e0}.item-col:last-child{border-right:none}.item-name{flex:2}.item-qty,.item-rate,.item-amount{width:100px}.item-tax{width:80px}.items-list{display:flex;flex-direction:column;gap:5px}.item-row{display:flex;min-height:30px;border:2px solid #e0e0e0;border-radius:8px;background:white;align-items:stretch;transition:all .3s ease;transform-origin:center;position:relative}.item-row:hover{transform:scale(1.02);border-color:var(--blue-blue);box-shadow:0 4px 15px #667eea33;z-index:10;position:relative}.item-row .item-col{border-right:1px solid #e0e0e0;font-weight:400;position:relative;display:flex;align-items:center;justify-content:center;padding:4px 8px}.item-row .item-col.item-name{align-items:stretch;padding:0;display:flex;flex-direction:column}.item-input{width:100%;border:none!important;background:transparent!important;padding:4px 8px;color:#000!important;font-size:14px;text-align:center}.item-name .item-input{text-align:left}.item-input:focus{outline:2px solid var(--blue-blue);border-radius:4px}.item-textarea-invoice{resize:none;overflow:hidden;min-height:22px;line-height:1.4;font-family:inherit;word-wrap:break-word;color:#333!important;width:100%;border:none;background:transparent;padding:4px 8px;font-size:14px;text-align:left}.remove-item-btn-inline{background:#ff4757;color:#fff;border:none;cursor:pointer;font-size:14px;border-radius:20px;line-height:1;display:flex;align-items:center;justify-content:center;margin-left:2px;flex-shrink:0;box-shadow:0 2px 8px #ff47574d;transition:all .2s ease}.remove-item-btn-inline:hover{background:#ff3742!important;transform:scale(1.1);box-shadow:0 4px 12px #ff475766}.add-item-row{display:flex;align-items:center;justify-content:center;height:40px;border:2px dashed #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-top:10px}.add-item-row:hover{border-color:var(--blue-blue);background:var(--blue-light)}.add-item-content{display:flex;align-items:center;gap:8px;color:#666;font-weight:500}.add-item-icon{font-size:18px;color:var(--blue-blue);font-weight:700}.add-item-row:hover .add-item-content{color:var(--blue-blue)}.bottom-section{display:flex;gap:20px;margin-top:20px}.notes-section{flex:1}.notes-card{border:2px solid #e0e0e0;border-radius:10px;padding:12px;height:110px;background:white}.notes-content{width:100%;height:100%;border:none;background:transparent;resize:none;font-size:14px;color:#666;line-height:1.4}.notes-content:focus{outline:none}.qr-section{width:150px}.qr-card{border:2px solid #e0e0e0;border-radius:10px;padding:12px;background:white;display:flex;justify-content:center;align-items:center;height:110px}.qr-placeholder{width:90px;height:90px;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;font-weight:600}.totals-section{width:200px}.total-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.total-label{font-weight:500;color:#333}.total-value{color:#666}.total-final{font-size:20px;font-weight:700;border-top:2px solid #e0e0e0;padding-top:10px;margin-top:5px}.total-final .total-label,.total-final .total-value{color:#333}.editable-field{padding:2px 4px;border-radius:4px;transition:all .2s ease;cursor:text;min-height:16px}.editable-field:hover{background:var(--blue-light)}.editable-field:focus{outline:2px solid var(--blue-blue);background:var(--blue-light)}.json-debug{margin-top:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.json-debug summary{cursor:pointer;font-weight:600;color:#667eea;margin-bottom:10px}.json-debug pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.pdf-container{background:white!important;font-family:ARLRDBD,Arial,sans-serif!important}.pdf-container .remove-item-btn-inline,.pdf-container .add-item-row,.pdf-container input,.pdf-container textarea,.pdf-container [contenteditable]{display:none!important}.pdf-container .item-input,.pdf-container .editable-field{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important}.pdf-container .a4-container{box-shadow:none!important;border-radius:0!important;margin:0!important;page-break-after:always;page-break-inside:avoid}.pdf-container .a4-container:last-child{page-break-after:auto}.pdf-container .item-row{page-break-inside:avoid;border:2px solid #e0e0e0!important;background:white!important}.pdf-container .item-row:hover{transform:none!important;box-shadow:none!important}@media print{body *{visibility:hidden}.invoice-page,.invoice-page *{visibility:visible}.testing-ui-overlay,.testing-ui,.ai-fab,.support-modal,.notification-list,.toolbar,.sidebar,.nav,.header,.footer{display:none!important;visibility:hidden!important}.invoice-toolbar,.json-debug,.no-print,.remove-item-btn,.remove-item-btn-inline,.add-item-row{display:none!important}.invoice-page{background:white!important;padding:0!important;margin:0!important;position:static!important}.invoice-preview{padding:0!important;margin:0!important}.a4-container{box-shadow:none!important;border-radius:0!important;margin:0!important;width:100%!important;min-height:auto!important;max-width:none!important;padding:20mm!important}.item-input{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.editable-field{background:transparent!important;outline:none!important;border:none!important}.editable-field:hover,.editable-field:focus{background:transparent!important;outline:none!important}.a4-container{page-break-inside:avoid}.items-section{page-break-inside:auto}.item-row{page-break-inside:avoid}}@media (max-width: 768px){.invoice-page{padding:10px}.invoice-toolbar{flex-direction:column;gap:15px;text-align:center}.toolbar-right{justify-content:center}.invoice-main-area{flex-direction:column;gap:15px}.page-navigation-sidebar{width:100%;max-height:120px;order:-1}.page-nav-list{flex-direction:row;overflow-x:auto;padding-bottom:8px}.page-nav-item{flex-shrink:0;min-width:120px}.a4-container{width:100%;aspect-ratio:210 / 297;min-height:unset;padding:15px;margin:0}.billing-row{flex-direction:column;gap:15px}.billing-main{flex-direction:column;gap:10px}.contact-info{margin-left:0}.bottom-section{flex-direction:column;gap:15px}.qr-section,.totals-section{width:100%}.items-header,.item-row{font-size:12px}.item-col{padding:4px}}.joinstint-page-layout{display:flex;height:calc(100vh - 40px);gap:0;background:var(--main-background)}.joinstint-page-sidebar{width:320px;background:var(--main-background);border-right:1px solid var(--best-gray);display:flex;flex-direction:column;overflow:hidden}.joinstint-page-sidebar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid var(--best-gray)}.joinstint-page-sidebar-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.joinstint-page-back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.joinstint-page-back-link:hover{color:var(--blue-blue)}.joinstint-page-sidebar-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 4px}.joinstint-page-sidebar-subtitle{font-size:12px;color:var(--sub-text);margin:0}.joinstint-page-search-box{position:relative;padding:5px;border-bottom:1px solid var(--best-gray)}.joinstint-page-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--sub-text);font-size:14px;pointer-events:none}.joinstint-page-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--best-gray);border-radius:8px;background:var(--secondary-background);color:var(--text)!important;font-size:14px;transition:border-color .2s ease;box-sizing:border-box;text-indent:30px}.joinstint-page-search-input:focus{outline:none;border-color:var(--blue-blue);background:var(--background)}.joinstint-page-list{flex:1;overflow-y:auto;padding:8px}.joinstint-page-list::-webkit-scrollbar{width:6px}.joinstint-page-list::-webkit-scrollbar-track{background:var(--secondary-background);border-radius:3px}.joinstint-page-list::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.joinstint-page-list::-webkit-scrollbar-thumb:hover{background:var(--blue-blue)}.joinstint-page-loading,.joinstint-page-empty{padding:24px 16px;text-align:center;color:var(--sub-text);font-size:14px}.joinstint-page-list-item{display:flex;align-items:center;gap:12px;padding:5px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid transparent;view-transition-name:var(--stint-transition-name)}.joinstint-page-list-item:hover{background:var(--secondary-background);border-color:var(--best-gray)}.joinstint-page-list-item-active{background:var(--secondary-background);border-color:var(--blue-blue)}.joinstint-page-list-item-icon{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--secondary-background)}.joinstint-page-list-item-icon img{width:100%;height:100%;object-fit:cover}.joinstint-page-list-item-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-blue) 0%,var(--gradient2) 100%);color:#fff;font-size:20px}.joinstint-page-list-item-content{flex:1;min-width:0}.joinstint-page-list-item-name{font-size:14px;font-weight:600;color:var(--text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joinstint-page-list-item-desc{font-size:12px;color:var(--sub-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joinstint-page-detail{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column}.joinstint-page-card-header{display:flex;align-items:flex-start;gap:16px;padding-bottom:10px}.joinstint-page-card-icon{width:72px;height:72px;border-radius:16px;object-fit:cover;background:var(--secondary-background);flex-shrink:0;animation:morphIn .6s cubic-bezier(.34,1.56,.64,1)}.joinstint-page-card-icon-placeholder{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--blue-blue) 0%,var(--gradient2) 100%);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;flex-shrink:0;animation:morphIn .6s cubic-bezier(.34,1.56,.64,1)}.joinstint-page-card-header-info{flex:1;min-width:0}.joinstint-page-card-title{font-size:24px;font-weight:600;color:var(--text);margin:0 0 4px;line-height:1.2}.joinstint-page-card-subtitle{font-size:14px;color:var(--sub-text);margin:0;line-height:1.4}.joinstint-page-join-button{background:var(--text);color:var(--background);border:none;border-radius:12px;padding:12px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.joinstint-page-join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.joinstint-page-join-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.joinstint-page-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.joinstint-page-stat-item{background:var(--best-gray);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.joinstint-page-stat-label{font-size:13px;color:var(--sub-text);font-weight:500}.joinstint-page-stat-value{font-size:15px;color:var(--text);font-weight:600}.joinstint-page-section{margin-bottom:24px}.joinstint-page-section-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 12px}.joinstint-page-section-text{font-size:14px;color:var(--sub-text);line-height:1.6;margin:0}.joinstint-page-requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.joinstint-page-requirements-list li{font-size:14px;color:var(--sub-text);line-height:1.5;padding-left:24px;position:relative}.joinstint-page-requirements-list li:before{content:"•";position:absolute;left:8px;color:var(--text);font-weight:600}.joinstint-page-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--best-gray);margin-top:24px}.joinstint-page-action-button{background:var(--best-gray);border:1px solid var(--best-gray);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.joinstint-page-action-button:hover{background:var(--background);border-color:var(--text);transform:translateY(-1px)}.joinstint-page-action-button svg{width:16px;height:16px}.joinstint-page-detail-loading,.joinstint-page-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--sub-text)}.joinstint-page-detail-loading p{margin-top:12px;font-size:14px}.joinstint-page-spinner{width:40px;height:40px;border:3px solid var(--best-gray);border-top-color:var(--blue-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes morphIn{0%{opacity:0;transform:scale(.8) rotateY(-15deg);filter:blur(4px)}50%{transform:scale(1.05) rotateY(0)}to{opacity:1;transform:scale(1) rotateY(0);filter:blur(0px)}}::view-transition-old(stint-icon),::view-transition-new(stint-icon){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(stint-name),::view-transition-new(stint-name){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(stint-icon){animation-name:fade-scale-out}::view-transition-new(stint-icon){animation-name:fade-scale-in}@keyframes fade-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.joinstint-page-sidebar{width:280px}.joinstint-page-detail{padding:24px}}@media (max-width: 768px){.joinstint-page-layout{flex-direction:column;height:auto}.joinstint-page-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--best-gray);max-height:300px}.joinstint-page-detail{padding:20px}.joinstint-page-card-header{flex-direction:column;align-items:flex-start}.joinstint-page-join-button{width:100%}.joinstint-page-stats-grid{grid-template-columns:1fr}.joinstint-page-actions{flex-direction:column}.joinstint-page-action-button{width:100%;justify-content:center}}.layouts-search-bar{display:flex;align-items:center;gap:.75rem;background:var(--background);border:2px solid var(--best-gray);border-radius:16px;padding:.75rem 1rem;transition:all .2s ease;margin-bottom:1.5rem}.layouts-search-bar:focus-within{border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.layouts-search-icon{font-size:1rem;color:var(--sub-text)}.layouts-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:var(--text);font-family:var(--font-arial-rounded-mt)}.layouts-search-input::placeholder{color:var(--sub-text);opacity:.6}.layouts-filters-section{background:var(--background);border:2px solid var(--best-gray);border-radius:20px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:row;gap:20px;transition:all .3s ease}.layouts-filter-group{display:flex;flex-direction:column;gap:.5rem}.layouts-filter-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.layouts-filter-select{padding:.65rem 1rem;background:var(--gray1);width:200px;border:2px solid var(--best-gray);border-radius:12px;font-size:.9rem;color:var(--text);font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease}.layouts-filter-select:hover{border-color:var(--blue-blue)}.layouts-filter-select:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.layouts-tags-filter{display:flex;flex-direction:column;gap:.75rem}.layouts-tags-list{display:flex;flex-wrap:wrap;gap:.6rem}.layouts-tag-chip{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--gray1);border:2px solid var(--best-gray);border-radius:12px;font-size:.85rem;font-weight:500;color:var(--text);font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease}.layouts-tag-chip:hover{border-color:var(--blue-blue);transform:translateY(-2px)}.layouts-tag-chip.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.layouts-clear-filters{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:2px dashed var(--best-gray);border-radius:12px;font-size:.85rem;font-weight:500;color:var(--sub-text);font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;align-self:flex-start}.layouts-clear-filters:hover{background:var(--gray1);color:var(--text);border-style:solid}.layouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:2rem}.layouts-card{position:relative;background:var(--background);border:2px solid var(--best-gray);border-radius:20px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px var(--shadow);cursor:pointer}.layouts-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);border-color:var(--blue-blue)}.layouts-card:active{transform:translateY(-2px)}.layouts-card-menu{position:absolute;top:12px;right:12px;z-index:10}.layouts-menu-trigger{width:36px;height:36px;border-radius:50%;background:var(--background);border:2px solid var(--best-gray);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem;box-shadow:0 2px 8px var(--shadow)}.layouts-menu-trigger:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text);transform:scale(1.05)}.layouts-menu-backdrop{position:fixed;inset:0;z-index:15}.layouts-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;box-shadow:0 8px 24px var(--shadow);overflow:hidden;min-width:160px;z-index:20}.layouts-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text);font-size:.9rem;font-weight:500;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;text-align:left}.layouts-menu-item:hover{background:var(--gray1)}.layouts-menu-item:not(:last-child){border-bottom:1px solid var(--best-gray)}.layouts-menu-item.layouts-menu-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.layouts-menu-item-wrapper{display:block;cursor:help}.layouts-menu-item-wrapper:has(.layouts-menu-disabled){cursor:help}.layouts-menu-item-wrapper .layouts-menu-item{width:100%}.layouts-menu-delete{color:var(--red-red)}.layouts-menu-delete:hover{background:var(--red-red);color:var(--primary-btn-text)}.layouts-card-preview{height:200px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--best-gray);overflow:hidden;padding:1rem;position:relative}.layouts-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:2rem 1rem .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600;opacity:0;transition:opacity .3s ease;pointer-events:none}.layouts-card:hover .layouts-preview-overlay{opacity:1}.layouts-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.layouts-preview-canvas{fill:var(--gray1);stroke:var(--best-gray);stroke-width:4px}.dark .layouts-preview-canvas{fill:#1f1f1f;stroke:var(--gray3)}.layouts-preview-svg{background:var(--gray2);width:100%;height:100%}.layouts-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:.9rem}.layouts-preview-empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sub-text);font-size:.9rem;font-weight:500;pointer-events:none}.layouts-preview-table-label{fill:var(--text);font-size:25px;font-weight:600;text-anchor:middle;dominant-baseline:middle;user-select:none;pointer-events:none}.layouts-preview-table-surface-round,.layouts-preview-table-surface-rect{fill:var(--main-background);stroke:var(--gray3);stroke-width:1px}.layouts-preview-chair-available{fill:var(--blue-blue);stroke:#1f2937;stroke-width:1px;pointer-events:auto;cursor:pointer}.layouts-preview-chair-booked{fill:var(-- --best-gray);pointer-events:auto;cursor:pointer}.layouts-preview-chair-reserved{fill:#f59e0b;stroke:#1f2937;stroke-width:1px;pointer-events:auto;cursor:pointer}.layouts-preview-chair-selected{fill:#22c55e;stroke:#15803d;stroke-width:2px;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 4px rgba(34,197,94,.6))}.layouts-preview-chair-overlay{fill:#ffffff40;pointer-events:none}.layouts-preview-seat-countdown{fill:var(--text, #111827);font-size:10px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.layouts-preview-layout-polygon{fill:var(--sub-text);fill-opacity:.15;stroke:var(--sub-text);stroke-dasharray:5 5;stroke-width:2px;pointer-events:none}.layouts-preview-layout-label{fill:var(--text);font-size:14px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.layouts-card-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.layouts-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.layouts-card-title{font-size:1.15rem;font-weight:600;color:var(--text);margin:0;font-family:var(--font-arial-rounded-mt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layouts-public-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--blue-blue);color:var(--primary-btn-text);font-size:.75rem;flex-shrink:0}.layouts-card-description{font-size:.85rem;color:var(--sub-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layouts-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.layouts-card-tag{display:inline-block;padding:.3rem .7rem;background:var(--gray1);border-radius:8px;font-size:.75rem;font-weight:500;color:var(--sub-text)}.layouts-card-location{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--sub-text)}.layouts-card-seats{display:inline-block;padding:.3rem .7rem;background:var(--gray1);border-radius:8px;font-size:.75rem;font-weight:500;color:var(--sub-text)}.layouts-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--sub-text)}.layouts-spinner{width:48px;height:48px;border:4px solid var(--best-gray);border-top-color:var(--blue-blue);border-radius:50%;animation:layouts-spin .8s linear infinite}@keyframes layouts-spin{to{transform:rotate(360deg)}}.layouts-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center;border:2px dashed var(--best-gray);border-radius:20px;background:var(--gray1);min-height:300px}.layouts-empty-icon{font-size:4rem;color:var(--sub-text);opacity:.4}.layouts-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text);margin:0;font-family:var(--font-arial-rounded-mt)}.layouts-empty-state p{font-size:.95rem;color:var(--sub-text);margin:0;max-width:400px}.layouts-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.layouts-modal{background:var(--background);border:2px solid var(--best-gray);border-radius:20px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.layouts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--best-gray)}.layouts-modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;font-family:var(--font-arial-rounded-mt)}.layouts-modal-close{background:transparent;border:none;color:var(--sub-text);font-size:1.25rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.layouts-modal-close:hover{background:var(--gray1);color:var(--text)}.layouts-modal-body{padding:1.5rem;color:var(--text);line-height:1.6}.layouts-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:2px solid var(--best-gray);background:var(--gray1)}.layouts-modal-btn{flex:1;padding:.75rem 1.5rem;border:2px solid var(--best-gray);border-radius:12px;font-size:.95rem;font-weight:600;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease}.layouts-cancel-btn{background:var(--background);color:var(--text)}.layouts-cancel-btn:hover{background:var(--gray1);transform:translateY(-2px)}.layouts-delete-confirm-btn{background:var(--red-red);border-color:var(--red-red);color:var(--primary-btn-text)}.layouts-delete-confirm-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width: 900px){.layouts-grid{grid-template-columns:1fr}.layouts-filters-section{padding:1rem}}@media (max-width: 600px){.layouts-header-text h1{font-size:1.5rem}.layouts-card-actions{flex-direction:column}.layouts-modal{margin:1rem}}.event-layout-canvas-controls,.event-layout-legend{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.event-layout-legend-item span{pointer-events:none}.event-layout-canvas-controls .event-layout-control-btn{-webkit-user-select:none;user-select:none}.event-layout-legend,.event-layout-canvas-controls,.event-layout-legend-item,.event-layout-control-btn{cursor:default}.event-layout-canvas-wrapper{touch-action:none}.layouts-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.layouts-page-top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.layouts-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.layouts-page-create-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.layouts-page-create-btn:active{transform:translateY(0)}@media (max-width: 900px){.layouts-page-top-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:wrap!important}.layouts-page-top-bar-actions{width:100%;justify-content:stretch}.layouts-page-create-btn{width:100%;justify-content:center}}.location-map-widget{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;min-height:200px}.location-map-placeholder{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.dark .location-map-placeholder{background:linear-gradient(135deg,#2a2a2a,#1e1e1e)}.location-preview-container{width:100%;height:250px;border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.location-preview-map{width:100%;height:100%}.parcel-info-loading{display:flex;align-items:center;gap:8px;padding:12px;background:var(--gray1);border-radius:8px;font-size:14px;color:var(--text);margin-bottom:16px}.dark-mode .parcel-info-loading,.dark .parcel-info-loading{background:#2a2a2a;color:#ccc}.parcel-info-box{background:linear-gradient(135deg,#f8fafc,#e8f4f8);border:2px solid var(--blue-blue);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #007aff1a}.dark-mode .parcel-info-box,.dark .parcel-info-box{background:linear-gradient(135deg,#1e2836,#1a2a3a);border-color:#0a84ff}.parcel-info-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--blue-blue);margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--gray2)}.dark-mode .parcel-info-header,.dark .parcel-info-header{color:#0a84ff;border-bottom-color:#333}.parcel-info-content{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parcel-info-item{font-size:13px;color:var(--text);padding:8px;background:var(--best-gray);border-radius:6px}.dark-mode .parcel-info-item,.dark .parcel-info-item{background:rgba(255,255,255,.05);color:#ccc}.parcel-info-item strong{display:block;font-size:11px;color:var(--sub-text);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.dark-mode .parcel-info-item strong,.dark .parcel-info-item strong{color:#999}.parcel-info-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #ffc1071a}.dark-mode .parcel-info-warning,.dark .parcel-info-warning{background:linear-gradient(135deg,#3a3200,#2a2500);border-color:#650}.parcel-info-warning svg{color:#ffc107;font-size:20px;flex-shrink:0;margin-top:2px}.parcel-info-warning>div{flex:1}.parcel-info-warning strong{display:block;color:#856404;font-size:14px;margin-bottom:6px}.dark-mode .parcel-info-warning strong,.dark .parcel-info-warning strong{color:#ffc107}.parcel-info-warning p{margin:0;font-size:13px;color:#856404;line-height:1.5}.dark-mode .parcel-info-warning p,.dark .parcel-info-warning p{color:#ca0}@media (max-width: 768px){.location-preview-container{height:200px}.parcel-info-content{grid-template-columns:1fr}}.custom-marker{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.marker-pin{scale:.8;width:48px;height:48px;background:var(--blue-blue);border-radius:50% 50% 50% 25%;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #3b82f666;border:5px solid white;position:relative}.marker-inner{transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.menu-location-info{flex-direction:column;margin-top:8px;max-width:120px;display:flex;align-self:start;justify-items:start;margin-left:5px;margin-bottom:5px}.locations-location-name{text-align:left;align-items:start;font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.dark-mode .locations-location-name,.dark .locations-location-name{color:#fff}.locations-nickname{font-size:13px;color:var(--sub-text);display:inline-block;border-radius:8px;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dark-mode .locations-nickname,.dark .locations-nickname{color:#aaa}@media (max-width: 480px){.locations-location-name{font-size:14px}.locations-nickname{font-size:12px;padding:3px 6px}}.marker-dot{width:20px;height:20px;background:white;border-radius:50%}.marker-shadow{width:24px;height:8px;background:rgba(0,0,0,.2);border-radius:50%;margin-top:-6px;filter:blur(2px);transform:scale(.9)}.servos-status-pill.verified{background-color:#34c75926;color:#34c759;border:1px solid #34c759}.servos-status-pill.unverified{background-color:#ff950026;color:#ff9500;border:1px solid #ff9500}.dark .servos-status-pill.verified{background-color:#34c75933}.dark .servos-status-pill.unverified{background-color:#ff950033}.locations-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.locations-modal-content{background:var(--main-background)!important;color:var(--text);border-radius:20px!important;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow)}.dark-mode .locations-modal-content{background:#1e1e1e;color:#fff}.locations-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--gray2)}.dark-mode .locations-modal-header{border-bottom-color:#333}.locations-modal-header h2{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}.locations-modal-close-btn{background:none!important;border:none;font-size:20px;cursor:pointer;color:#666;padding:8px;border-radius:6px;transition:all .2s}.locations-modal-close-btn:hover{background:var(--gray1);color:var(--text)}.dark-mode .locations-modal-close-btn{color:#999}.dark-mode .locations-modal-close-btn:hover{background:#333;color:#fff}.locations-modal-body{padding:24px}.locations-form-section{margin-bottom:20px;position:relative}.locations-form-label{display:block;font-weight:500;margin-bottom:8px;font-size:14px;color:var(--text)}.dark-mode .locations-form-label{color:#ccc}.locations-form-input{width:100%;padding:12px!important;border:2px solid var(--gray2);background:var(--gray1);color:var(--text);border-radius:8px!important;font-size:14px;transition:all .2s;box-sizing:border-box}.locations-form-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #007aff1f}.dark-mode .locations-form-input{background:#2a2a2a;border-color:#444;color:#fff}.dark-mode .locations-form-input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1a}.locations-search-input-group{display:flex;gap:8px;position:relative}.locations-search-input-group .locations-form-input{flex:1}.locations-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--best-gray);border:2px solid var(--gray2);border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;box-shadow:0 8px 24px var(--shadow);z-index:100}.dark .locations-suggestions-dropdown{background:#2a2a2a;border-color:#444}.locations-suggestion-item{padding:12px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background-color .2s;border-bottom:2px solid var(--gray2)}.locations-suggestion-item:last-child{border-bottom:none}.locations-suggestion-item:hover{background-color:var(--gray1)}.dark .locations-suggestion-item{border-bottom-color:#333}.dark .locations-suggestion-item:hover{background-color:#333}.locations-suggestion-item svg{color:var(--blue-blue);margin-top:2px;flex-shrink:0}.locations-suggestion-text{flex:1;min-width:0}.locations-suggestion-name{font-weight:500;font-size:14px;color:var(--text);margin-bottom:4px}.dark .locations-suggestion-name{color:#fff}.locations-suggestion-address{font-size:12px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .locations-suggestion-address{color:#999}.locations-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.locations-coordinates-display{display:flex;gap:16px;padding:12px;background:var(--gray1);border-radius:8px;font-size:14px;font-family:monospace}.dark-mode .locations-coordinates-display{background:#2a2a2a}.locations-verification-notice{display:flex;align-items:center;gap:12px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:14px;color:#856404;margin-top:20px}.dark-mode .locations-verification-notice{background:#3a3200;border-color:#650;color:#ffc107}.locations-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:2px solid var(--gray2)}.dark-mode .locations-modal-footer{border-top-color:#333}.locations-btn-secondary{padding:12px 24px;background:#f5f5f5;color:#333;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.locations-btn-secondary:hover{background:#e5e5e5}.dark-mode .locations-btn-secondary{background:#2a2a2a;color:#ccc}.dark-mode .locations-btn-secondary:hover{background:#333}.locations-btn-primary{padding:12px 24px;background:#007aff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.locations-btn-primary:hover{background:#0051d5}.locations-verification-badge{font-size:18px;margin-left:auto}.locations-verification-badge.verified{color:#34c759}.locations-verification-badge.unverified{color:#ff9500}.locations-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.locations-meta-badge{padding:4px 8px;background:#007aff;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.dark-mode .locations-meta-badge{background:#0a84ff}.locations-loading-state,.locations-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666;grid-column:1 / -1}.dark-mode .locations-loading-state,.dark-mode .locations-empty-state{color:#999}.locations-empty-state svg{margin-bottom:20px;color:#ccc}.dark-mode .locations-empty-state svg{color:#555}.locations-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#333}.dark-mode .locations-empty-state h3{color:#ccc}.locations-empty-state p{margin:0 0 24px;font-size:14px}.locations-filter-buttons{display:flex;gap:8px}.locations-filter-btn{padding:8px 16px;background:var(--best-gray);border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text)}.locations-filter-btn.active{background:#007aff;color:#fff;border-color:#007aff}.dark-mode .locations-filter-btn{background:#2a2a2a;border-color:#444;color:#ccc}.dark-mode .locations-filter-btn:hover{background:#333}.dark-mode .locations-filter-btn.active{background:#0a84ff;border-color:#0a84ff;color:#fff}@media (max-width: 768px){.locations-modal-content{width:95%;max-height:95vh}.locations-form-row{grid-template-columns:1fr}.locations-modal-header h2{font-size:20px}.locations-filter-buttons{flex-wrap:wrap}}.locations-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.locations-page-top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.locations-page-add-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.locations-page-add-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.locations-page-add-btn:active{transform:translateY(0)}@media (max-width: 900px){.locations-page-top-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:wrap!important}.locations-page-top-bar-actions{width:100%;justify-content:stretch}.locations-page-add-btn{width:100%;justify-content:center}}.marketplace-wrapper{padding:30px 32px 60px;display:flex;flex-direction:column;gap:10px}.marketplace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.marketplace-header-bar{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}.marketplace-header-left{max-width:640px}.marketplace-header-actions{display:flex;gap:16px;align-items:center}.marketplace-search-button{min-width:260px}.marketplace-add-button{display:flex;align-items:center;gap:8px;width:220px}.marketplace-inline-search{display:flex;gap:8px;background:var(--gray1, #f5f7fa);border:1px solid var(--gray3, #d0d5dd);border-radius:18px;position:relative}.marketplace-search-inline-input{flex:1;background:transparent;border:none;outline:none;font-size:14px}.marketplace-clear-btn{background:var(--gray2, #eef1f4);border:1px solid var(--gray3, #d0d5dd);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.marketplace-clear-btn:hover{background:var(--gray3, #d0d5dd)}.marketplace-empty{padding:40px;text-align:center;opacity:.6;grid-column:1/-1}.marketplace-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 40px;z-index:400;backdrop-filter:blur(4px)}.marketplace-modal{background:var(--main-background, #fff);width:1200px;max-width:calc(100% - 40px);border-radius:28px;border:1px solid var(--gray2, #d0d5dd);box-shadow:0 24px 60px -12px #00000040,0 4px 12px #00000014;display:flex;flex-direction:column}.marketplace-modal-header{padding:28px 32px 10px;display:flex;justify-content:space-between;align-items:center}.marketplace-modal-header h3{margin:0;font-size:20px;font-weight:600}.marketplace-modal-close{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--text, #111);opacity:.6}.marketplace-modal-close:hover{opacity:1}.marketplace-modal-body{padding:10px 32px 28px;display:flex;flex-direction:column;gap:12px}.marketplace-field-label{font-size:12px;font-weight:600;letter-spacing:.6px;opacity:.7;text-transform:uppercase}.marketplace-modal-footer{border-top:1px solid var(--gray3, #d0d5dd);padding:18px 32px;display:flex;justify-content:flex-end;gap:12px}.marketplace-title{font-size:20px;line-height:1.05;margin:0;font-weight:600}.marketplace-subtitle{font-size:16px;opacity:.65;margin-top:6px}.marketplace-search-box{position:relative}.marketplace-search-input{background:var(--gray1, #f5f7fa);border:1px solid var(--gray3, #d0d5dd);padding:12px 16px;border-radius:16px;min-width:260px;font-size:14px;outline:none;transition:border .2s,background .2s}.marketplace-search-input:focus{border-color:var(--blue, #0F83E9);background:var(--bg, #fff)}.marketplace-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.marketplace-snippets-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.marketplace-grid .marketplace-snippet-card,.marketplace-snippets-grid .marketplace-snippet-card{grid-column:span 1}.marketplace-saved-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:12px}.marketplace-saved-grid .marketplace-snippet-card{grid-column:span 1.5}.marketplace-card{cursor:pointer;background:var(--main-background, #fff);border:1px solid var(--gray2, #d0d5dd);border-radius:28px;padding:10px 10px 18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}.marketplace-saved-card{position:relative}.marketplace-saved-tag{position:absolute;top:16px;right:16px;background:var(--blue-blue);color:#fff;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;z-index:10}.marketplace-card:hover{box-shadow:0 8px 28px -4px #00000014,0 2px 6px #0000000f;transform:translateY(-2px);border-color:var(--blue, #0F83E9)}.marketplace-card:focus-visible{outline:2px solid var(--blue, #0F83E9);outline-offset:3px}.marketplace-card-media{height:140px;border-radius:20px;background:var(--best-gray);position:relative;overflow:hidden}.marketplace-card-body{display:flex;flex-direction:column;gap:10px!important}.marketplace-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.marketplace-card-title{margin:0;font-size:18px;font-weight:600;line-height:1.15}.marketplace-badge{background:var(--gray2, #eef1f4);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px}.marketplace-card-desc{margin:0;font-size:13px;line-height:1.4;opacity:.75;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.marketplace-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.marketplace-tag{font-size:11px;padding:4px 10px;background:var(--gray2, #eef1f4);border-radius:999px;letter-spacing:.4px;opacity:.85}.marketplace-detail-header{display:flex;justify-content:space-between;align-items:center}.marketplace-back-btn{background:none;border:1px solid var(--gray3, #d0d5dd);padding:8px 16px;border-radius:14px;cursor:pointer;font-size:14px}.marketplace-back-btn:hover{background:var(--gray1, #f5f7fa)}.marketplace-detail-grid{display:grid;grid-template-columns:480px 1fr;gap:44px;align-items:flex-start}@media (max-width: 1300px){.marketplace-detail-grid{grid-template-columns:1fr}}.marketplace-detail-media{position:relative}.marketplace-media-panel{background:var(--best-gray);border:1px solid var(--best-gray);border-radius:32px;position:relative;display:flex;flex-direction:column;min-height:720px;overflow:hidden}.marketplace-media-main{flex:1;position:relative;border-radius:24px;background:var(--best-gray);box-shadow:inset 0 0 0 1px #0000000a;overflow:hidden}.marketplace-media-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:22px;display:block;background:#0b1220}.marketplace-media-runner{position:absolute;inset:0}.marketplace-media-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text, #111);z-index:2;overflow:hidden}.marketplace-media-shimmer{position:absolute;inset:0;background:linear-gradient(115deg,var(--gray1) 20%,var(--gray2) 90%);background-size:200% 100%;animation:marketplace-shimmer 1.6s ease-in-out infinite}.marketplace-media-loading-copy{position:relative;font-size:14px;font-weight:600;letter-spacing:.4px;padding:12px 18px;border-radius:16px;background:var(--best-gray);color:var(--text);box-shadow:0 14px 38px -12px #070e1a8c}@keyframes marketplace-shimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}.marketplace-media-strip{position:absolute;left:20px;right:20px;bottom:20px;display:flex;gap:10px;background:var(--best-gray);backdrop-filter:blur(12px);padding:12px 14px;border-radius:22px;overflow-x:auto}.marketplace-media-thumb{width:50px;height:50px;background:#2f3b47;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:transform .25s,box-shadow .25s}.marketplace-media-thumb:hover{transform:translateY(-3px);box-shadow:0 6px 18px -4px #00000040}.marketplace-policy-title{font-size:30px;line-height:1.05;margin:0 0 8px;font-weight:600}.marketplace-policy-meta{display:flex;gap:18px;align-items:center;margin-bottom:18px;font-size:14px;opacity:.8}.marketplace-policy-version{background:var(--gray2, #eef1f4);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600}.marketplace-srvzr-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:var(--gray1);border:2px solid var(--gray2);margin-top:12px;font-family:ARLRDBD;font-size:13px;color:var(--text)}.marketplace-srvzr-pill-logo{width:20px;height:20px;object-fit:cover;border-radius:100px}.marketplace-srvzr-pill-logo-placeholder{width:20px;height:20px;border-radius:4px;background:var(--blue-blue, #0F83E9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.marketplace-policy-description{font-size:15px;line-height:1.45;opacity:.55}.marketplace-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:56px}.marketplace-section-title{font-size:20px;margin:0;font-weight:600}.marketplace-section-actions{display:flex;gap:10px}.marketplace-action-btn{background:var(--gray2, #eef1f4);border:1px solid var(--gray3, #d0d5dd);color:var(--text, #111);padding:8px 16px;font-size:13px;border-radius:14px;cursor:pointer;font-weight:500}.marketplace-action-btn:hover{background:var(--gray3, #d0d5dd)}.marketplace-checkpoints{margin-top:12px;display:flex;flex-direction:column;gap:18px}.marketplace-checkpoint-card{background:var(--best-gray);border:1px solid var(--gray3, #d0d5dd);border-radius:28px;padding:10px;display:flex;gap:26px;align-items:flex-start;box-shadow:0 4px 12px -4px #0000000a;position:relative}.marketplace-checkpoint-card.hollow{background:none;border-style:dashed;box-shadow:none}.marketplace-checkpoint-badge{width:74px;height:74px;border-radius:20px;background:var(--best-gray);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;letter-spacing:.5px;border:1px solid var(--gray3, #d0d5dd);flex-shrink:0}.marketplace-checkpoint-badge.ghost{background:none}.marketplace-checkpoint-fields{flex:1;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}.marketplace-field-group.stretch{flex:1;min-width:240px}.marketplace-field-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.marketplace-field-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;opacity:.7}.marketplace-input{border:1px solid var(--gray3, #d0d5dd);border-radius:14px;padding:10px 14px;font-size:14px;outline:none;width:100%;min-width:0;box-sizing:border-box}.marketplace-textarea{resize:vertical;min-height:96px}.marketplace-field-shell{background:var(--gray1, #f5f7fa);border:1px solid var(--gray3, #d0d5dd);border-radius:14px;padding:6px}.marketplace-tags-input{display:flex;align-items:center;gap:8px;background:var(--gray1, #f5f7fa);border:1px solid var(--gray3, #d0d5dd);padding:8px;border-radius:14px;flex-wrap:wrap}.marketplace-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.marketplace-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--gray2, #eef1f4);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px}.marketplace-chip-remove{background:transparent;border:none;cursor:pointer;font-size:14px;opacity:.6}.marketplace-chip-remove:hover{opacity:1}.marketplace-chip-editor{min-width:160px;border:none;background:transparent;padding:6px 8px}.marketplace-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.marketplace-thumb{position:relative;border:1px solid var(--gray3, #d0d5dd);border-radius:12px;overflow:hidden;background:var(--best-gray)}.marketplace-thumb img{width:100%;height:90px;object-fit:cover;display:block}.marketplace-thumb-remove{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);color:#fff;border:none;width:22px;height:22px;border-radius:50%;line-height:22px;font-size:14px;cursor:pointer}.marketplace-add-image{display:flex;align-items:stretch;justify-content:stretch;min-width:200px}.marketplace-micro-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.marketplace-micro-thumb{position:relative;width:90px;height:90px;border-radius:8px;overflow:hidden;border:1px solid var(--gray3, #d0d5dd);background:var(--best-gray)}.marketplace-micro-thumb img{width:100%;height:100%;object-fit:cover;display:block}.marketplace-micro-remove{position:absolute;top:-6px;right:-6px;background:var(--gray3, #d0d5dd);color:#111;border:none;width:16px;height:16px;border-radius:50%;line-height:16px;font-size:10px;cursor:pointer}.marketplace-micro-empty{font-size:12px;opacity:.6}.marketplace-primary-btn{background:var(--blue, #0F83E9);color:#fff;border:none;padding:12px 26px;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px -2px #0f83e966;transition:background .2s,transform .2s}.marketplace-primary-btn:hover{background:#0d72c7;transform:translateY(-2px)}.marketplace-primary-btn:active{transform:translateY(0)}.marketplace-fullscreen-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer;z-index:10;font-size:16px;opacity:.8;transition:opacity .2s}.marketplace-fullscreen-btn:hover{opacity:1}.marketplace-fullscreen-overlay{position:fixed;inset:0;background:#000;z-index:10000;display:flex;flex-direction:column}.marketplace-fullscreen-exit{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;z-index:10;font-size:14px;opacity:.8;transition:opacity .2s}.marketplace-fullscreen-exit:hover{opacity:1}.marketplace-fullscreen-content{flex:1;position:relative}.marketplace-create-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.marketplace-create-left{display:flex;flex-direction:column;gap:12px}.marketplace-create-right{background:var(--best-gray);border:1px solid var(--gray3, #d0d5dd);border-radius:16px;padding:16px}.marketplace-create-right-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.marketplace-versions-panel{display:flex;flex-direction:column;gap:14px;max-height:420px;overflow:auto;padding-right:6px}@media (max-width: 980px){.marketplace-modal{width:720px}.marketplace-create-grid{grid-template-columns:1fr}}@media (max-width: 760px){.marketplace-modal{width:96vw}}@media (max-width: 900px){.marketplace-checkpoint-row{flex-direction:column;align-items:stretch;padding:28px}.marketplace-checkpoint-version{width:90px;height:90px}.marketplace-checkpoint-inputs{flex-direction:column;align-items:stretch}.marketplace-field-group,.marketplace-input{width:100%}}.marketplace-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.marketplace-section-title{margin:0;font-size:18px;font-weight:600}.marketplace-section-count{background:var(--blue-blue);color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.marketplace-templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.marketplace-template-card{background:var(--main-background);border:2px solid var(--line-color);border-radius:20px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;text-align:center;gap:0;overflow:hidden}.marketplace-template-card:hover{border-color:var(--blue-blue);box-shadow:0 8px 30px #0f83e933;transform:translateY(-4px)}.marketplace-template-card>h3,.marketplace-template-card>p,.marketplace-template-card>.marketplace-template-select-btn{margin-left:15px;margin-right:15px}.marketplace-template-card>h3{margin-top:15px;margin-bottom:5px}.marketplace-template-card>p{margin-bottom:15px;flex-grow:1}.marketplace-template-card>.marketplace-template-select-btn{margin-bottom:15px}.marketplace-template-preview-canvas{position:relative;width:100%;height:220px;border-radius:15px;background:var(--best-gray);overflow:hidden;margin:0}.marketplace-template-card .marketplace-template-preview-canvas{margin:0}.marketplace-template-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--best-gray);color:var(--sub-text);font-size:14px;font-family:ARLRDBD,Arial,sans-serif}.marketplace-template-preview-canvas>div:first-child{height:100%}.marketplace-template-preview-canvas .xyflowarrow{stroke:var(--line-color)!important}.marketplace-template-preview-canvas .xynode{background:var(--main-background)!important;border:1px solid var(--line-color)!important}.marketplace-template-node-count-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px;font-family:ARLRDBD,Arial,sans-serif;z-index:100}:root[data-theme=light] .marketplace-template-node-count-badge{background:rgba(255,255,255,.85);color:var(--text)}.marketplace-template-card h3{margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,Arial,sans-serif}.marketplace-template-card p{margin:0;font-size:14px;color:var(--sub-text);line-height:1.5;flex-grow:1}.marketplace-template-select-btn{justify-content:center;background:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:10px;padding:12px 28px;cursor:pointer;font-family:ARLRDBD,Arial,sans-serif;font-size:14px;font-weight:600;transition:all .3s ease;margin-top:auto;text-align:center}.marketplace-template-select-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f83e966}.marketplace-template-select-btn:active{transform:translateY(0)}@media (max-width: 1200px){.marketplace-templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.marketplace-templates-grid{grid-template-columns:1fr}}.marketplace-snippet-card{transition:all .3s ease;display:flex;flex-direction:column;gap:5px;border-radius:20px;padding:5px;overflow:hidden;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.marketplace-snippet-card:hover{border-color:var(--blue-blue)}.marketplace-snippet-header-row{display:flex;gap:16px;align-items:flex-start;padding:10px}.marketplace-snippet-icon-box{width:69px;height:69px;border-radius:13px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketplace-snippet-title-section{flex:1;display:flex;flex-direction:column;gap:4px;padding-top:8px}.marketplace-snippet-title{margin:0;font-size:17px;font-weight:700;line-height:1.2}.marketplace-snippet-subtitle{margin:0;font-size:11px;color:#868686;opacity:.8;line-height:1.3}.marketplace-snippet-iframe-container{width:100%;height:170px;background:#f7f7f7;border:1px solid #d3d3d3;border-left:0;border-right:0;overflow:hidden;position:relative}.marketplace-snippet-iframe{width:200%;height:200%;border:none;display:block;pointer-events:none;transform:scale(.5);transform-origin:top left}.marketplace-snippet-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:16px}.marketplace-snippet-permissions{display:flex;align-items:center;gap:8px;flex:1}.marketplace-snippet-permissions-label{font-size:11px;font-weight:700;color:var(--text)}.marketplace-snippet-permission-tags{display:flex;gap:6px;flex-wrap:wrap}.marketplace-snippet-permission-tag{font-size:11px;padding:4px 10px;background:#f9f9f9;border-radius:16px;color:#868686;font-weight:600}.marketplace-snippet-save-btn{min-width:117px;height:39px;border-radius:14px;border:none;background:#CC3132;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center}.marketplace-snippet-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #cc313266}.marketplace-snippet-save-btn:active{transform:translateY(0)}.marketplace-snippet-icon{position:relative;overflow:hidden}.marketplace-snippet-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,131,233,.05) 0%,rgba(15,131,233,.15) 100%);opacity:0;transition:opacity .3s ease}.marketplace-snippet-card:hover .marketplace-snippet-icon:before{opacity:1}.marketplace-listing-type-selector{background:var(--main-background, #fff);width:600px;max-width:calc(100% - 40px);border-radius:28px;border:1px solid var(--gray2, #d0d5dd);box-shadow:0 24px 60px -12px #00000040,0 4px 12px #00000014;padding:40px;position:relative}.marketplace-listing-type-title{margin:0 0 8px;font-size:24px;font-weight:600;text-align:center}.marketplace-listing-type-subtitle{margin:0 0 32px;font-size:14px;opacity:.7;text-align:center}.marketplace-listing-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.marketplace-listing-type-card{background:var(--best-gray);border:2px solid var(--gray3, #d0d5dd);border-radius:20px;padding:28px 20px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.marketplace-listing-type-card:hover{border-color:var(--blue-blue);transform:translateY(-4px);box-shadow:0 8px 24px #0f83e933}.marketplace-listing-type-icon{font-size:48px;line-height:1;margin-bottom:8px;color:var(--blue-blue);display:flex;align-items:center;justify-content:center}.marketplace-listing-type-icon svg{width:48px!important;height:48px!important}.marketplace-listing-type-card h3{margin:0;font-size:18px;font-weight:600;color:var(--text)}.marketplace-listing-type-card p{margin:0;font-size:13px;line-height:1.5;color:var(--sub-text);opacity:.8}@media (max-width: 640px){.marketplace-listing-type-grid{grid-template-columns:1fr}}.marketplace-snippet-modal{max-height:90vh;overflow-y:auto}.marketplace-snippet-header-section{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.marketplace-snippet-icon-preview{width:80px;height:80px;border-radius:16px;background:var(--best-gray);border:2px solid var(--gray3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketplace-icon-picker-input{cursor:pointer}.marketplace-toggle-container{background:var(--best-gray);border:1px solid var(--gray3);border-radius:14px;padding:14px}.marketplace-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.marketplace-toggle-input{display:none}.marketplace-toggle-switch{position:relative;width:44px;height:24px;background:var(--gray3);border-radius:999px;transition:background .3s;flex-shrink:0}.marketplace-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .3s}.marketplace-toggle-input:checked+.marketplace-toggle-switch{background:var(--blue-blue)}.marketplace-toggle-input:checked+.marketplace-toggle-switch:after{transform:translate(20px)}.marketplace-toggle-text{flex:1}.marketplace-permissions-grid{display:flex;flex-wrap:wrap;gap:8px}.marketplace-permission-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--main-background);border:1px solid var(--gray3);border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px}.marketplace-permission-item:hover{border-color:var(--blue-blue);background:var(--gray1)}.marketplace-permission-item.selected{background:rgba(15,131,233,.1);border-color:var(--blue-blue);font-weight:600}.marketplace-permission-item input[type=checkbox]{accent-color:var(--blue-blue)}.marketplace-version-card{background:var(--main-background);border:1px solid var(--gray3);border-radius:14px;padding:12px;display:flex;gap:12px;align-items:flex-start;position:relative}.marketplace-version-badge{width:60px;height:60px;border-radius:12px;background:var(--gray1);border:1px solid var(--gray3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;text-align:center;word-break:break-word;padding:4px}.marketplace-version-remove{position:absolute;top:8px;right:8px;background:var(--red, #ff4444);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:transform .2s}.marketplace-version-remove:hover{transform:scale(1.1)}.iconpicker-popover{z-index:10001!important}.marketplace-icon-picker-panel{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--main-background);border:1px solid var(--gray3);border-radius:14px;box-shadow:0 8px 24px #00000026;z-index:1000;max-height:300px;overflow-y:auto}.marketplace-icon-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray3)}.marketplace-icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:12px}.marketplace-icon-picker-item{width:100%;aspect-ratio:1;border:1px solid var(--gray3);border-radius:8px;background:var(--best-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s}.marketplace-icon-picker-item:hover{border-color:var(--blue-blue);background:var(--gray1);transform:scale(1.1)}.marketplace-emoji-picker-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:500;backdrop-filter:blur(4px)}.marketplace-emoji-picker-modal{background:var(--main-background, #fff);border-radius:20px;border:1px solid var(--gray2, #d0d5dd);box-shadow:0 24px 60px -12px #00000040;display:flex;flex-direction:column;width:100%;max-width:700px;max-height:85vh;overflow:hidden}.marketplace-emoji-picker-header{padding:8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray3)}.marketplace-emoji-picker-header h4{margin:0;font-size:16px;font-weight:600}.marketplace-emoji-picker-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--text, #111);opacity:.6;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.marketplace-emoji-picker-close:hover{opacity:1}.marketplace-emoji-picker-body{flex:1;overflow-y:auto;padding:0}.marketplace-emoji-picker-body .EmojiPickerReact{--epr-bg-color: var(--main-background);--epr-text-color: var(--text-color);--epr-category-label-bg-color: var(--gray1);--epr-search-background-color: var(--best-gray);--epr-search-border-color: var(--gray3);--epr-category-icon-filter-hover: brightness(.8);border-radius:0!important}.marketplace-emoji-picker-body .epr-search-container input{padding-left:12px!important;text-indent:0!important}.marketplace-emoji-picker-body .epr-icn-search,.marketplace-emoji-picker-body .epr-skin-tones,.marketplace-emoji-picker-body .epr-btn-skin-tone,.marketplace-emoji-picker-body .epr-skin-tone-select{display:none!important}.create-notebook-button{display:flex;align-items:center;justify-content:center;width:200px;height:240px;background-color:var(--gray1);border:2px dashed var(--gray2);border-radius:12px;cursor:pointer;transition:all .2s ease;flex-direction:column;gap:12px}.create-notebook-button:hover{background-color:var(--gray2);border-style:solid}.create-notebook-button svg{font-size:24px;opacity:.7}.create-notebook-button span{font-size:14px;color:var(--text);opacity:.8}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.notebook-card{height:240px;background-color:var(--gray1);border-radius:12px;border:2px solid var(--gray2);overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.notebook-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.notebook-preview{flex:1;background-color:var(--gray2);padding:16px;font-family:monospace;font-size:12px;color:var(--text);opacity:.7;overflow:hidden;line-height:1.4}.notebook-info{padding:12px;border-top:2px solid var(--gray2)}.notebook-title{font-size:14px;font-weight:500;margin-bottom:4px;color:var(--text)}.notebook-form-link{font-size:11px;color:var(--blue-blue);margin-bottom:4px;opacity:.8}.notebook-date{font-size:12px;color:var(--sub-text)}.content-container{padding:0}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--sub-text)}.empty-state{text-align:center;padding:60px 20px;color:var(--sub-text);grid-column:1 / -1}.empty-state svg{opacity:.3;margin-bottom:20px}.empty-state h3{margin:0 0 8px;font-size:18px;color:var(--text)}.empty-state p{font-size:14px;line-height:1.5;max-width:400px;margin:0 auto}.modal-overlay-notebook{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--background);border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:700px;max-height:95vh;overflow:visible;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray2)}.modal-header h2{margin:0;font-size:18px;color:var(--text)}.modal-close{background:none;border:none;font-size:24px;color:var(--sub-text);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--gray1);color:var(--text)}.modal-body{padding:24px;flex:1;position:relative}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--gray2)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--gray2);border-radius:8px;background:var(--background);color:var(--text);font-family:inherit;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group>div[style*="position: relative"]{position:relative!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #007bff1a}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--sub-text);opacity:.8}.forms-grid-notebook{display:grid!important;grid-template-columns:.25fr .25fr .25fr .25fr!important;gap:8px;margin-top:8px;width:100%;margin-bottom:8px}.form-card-notebook{padding:10px!important;border:2px solid var(--gray2);border-radius:8px;background:var(--main-background);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.form-card-notebook:hover{border-color:var(--blue-blue);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.form-card-notebook.selected{border-color:var(--blue-blue);background:rgba(0,123,255,.05)}.form-card-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px;line-height:1.2}.form-card-meta{font-size:10px;color:var(--sub-text);margin-bottom:4px}.form-card-description{font-size:10px;color:var(--sub-text);line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.form-card-selected-indicator{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;opacity:0;transition:opacity .2s ease}.form-card.selected .form-card-selected-indicator{opacity:1}.forms-empty-state{text-align:center;padding:40px 20px;color:var(--sub-text);grid-column:1 / -1}.forms-empty-state svg{font-size:32px;opacity:.3;margin-bottom:12px}.form-preview-renderer{font-size:12px}.form-preview-renderer .form-renderer-container{max-width:none;padding:0}.form-preview-renderer .form-renderer-title{font-size:14px;margin-bottom:8px}.form-preview-renderer .form-renderer-field{gap:6px;margin-bottom:12px}.form-preview-renderer .form-renderer-field-title{font-size:13px}.form-preview-renderer .form-renderer-input,.form-preview-renderer .form-renderer-textarea,.form-preview-renderer .form-renderer-select{max-width:none!important;width:100%!important;padding:8px 12px!important;font-size:12px!important}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--blue-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-primary:disabled{background:var(--gray2);color:var(--sub-text);cursor:not-allowed;transform:none}.btn-secondary{background:var(--gray1);color:var(--text);border:1px solid var(--gray2)}.btn-secondary:hover{background:var(--gray2)}.notebookspage-saved-policy{border-left:4px solid var(--blue-blue)}.notebookspage-saved-policy:hover{border-left-color:var(--blue-blue);box-shadow:0 4px 12px var(--shadow)}.oauth-callback-page{min-height:100vh;background:var(--main-background);display:flex;align-items:center;justify-content:center;padding:20px}.oauth-callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:500px;text-align:center}.oauth-callback-icon{font-size:64px;color:var(--blue-blue)}.oauth-callback-success{color:#22c55e}.oauth-callback-error{color:#ef4444}.oauth-callback-title{margin:0;font-size:28px;font-weight:700;color:var(--text)}.oauth-callback-message{margin:0;font-size:16px;color:var(--sub-text);line-height:1.6}.oauth-callback-submessage{margin:0;font-size:14px;color:var(--sub-text);font-style:italic}.PlanPage{min-height:100vh;height:100vh;background-color:var(--main-background);color:var(--text);font-family:Arial Rounded MT Bold,ARLRDBD,sans-serif;overflow:hidden}.PlanPage-top-header{display:flex;justify-content:space-between;align-items:center;padding-top:20px;background:transparent}.PlanPage-back-btn{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--text);font-size:16px;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s ease}.PlanPage-back-btn:hover{background:var(--gray1)}.PlanPage-top-actions{display:flex;gap:12px}.PlanPage-icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--gray1);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.PlanPage-icon-btn:hover{background:var(--gray2)}.PlanPage-billing-btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:100px;border:none;background:var(--gray1);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.PlanPage-billing-btn:hover{background:var(--gray2)}.PlanPage-card-menu{position:relative}.PlanPage-menu-trigger{width:36px;height:36px;border-radius:50%;background:var(--background);border:2px solid var(--best-gray);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem;box-shadow:0 2px 8px var(--shadow)}.PlanPage-menu-trigger:hover{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text);transform:scale(1.05)}.PlanPage-menu-backdrop{position:fixed;inset:0;z-index:15}.PlanPage-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;box-shadow:0 8px 24px var(--shadow);overflow:hidden;min-width:160px;z-index:20}.PlanPage-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text);font-size:.9rem;font-weight:500;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;text-align:left}.PlanPage-menu-item:hover{background:var(--gray1)}.PlanPage-main{width:100%;height:100%;display:flex;flex-direction:column}.PlanPage-content{display:flex;gap:5px;padding:5px;align-items:stretch;flex:1;overflow:hidden}.PlanPage-packages-section{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-bottom:40px;padding-right:8px}.PlanPage-section-title{font-size:18px;font-weight:800;margin:0;color:var(--text)}.PlanPage-base-plans-container{display:flex;flex-direction:column;gap:16px}.PlanPage-base-plans-header{text-align:center;font-size:14px;font-weight:600;color:#999;letter-spacing:.5px}.PlanPage-base-plans-grid{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 20px;scrollbar-width:none}.PlanPage-base-plans-grid::-webkit-scrollbar{display:none}.PlanPage-plan-card{flex:1 0 300px;background:var(--main-background);border:1px solid var(--gray2);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px var(--shadow)}.PlanPage-plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow);border-color:var(--gray3)}.PlanPage-plan-card--highlighted{border-color:var(--blue-blue);background:rgba(255,255,255,.02)}.PlanPage-plan-card-header{display:flex;flex-direction:column;gap:8px}.PlanPage-plan-card-badge{position:absolute;top:16px;right:16px;background:color-mix(in srgb,var(--blue-blue) 20%,#ffffff 0%);color:var(--blue-blue);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}.PlanPage-plan-card-name{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.PlanPage-plan-card-icon{font-size:18px}.PlanPage-plan-card-ideal-for{font-size:12px;color:#666;font-weight:500}.PlanPage-plan-card-price{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;margin:10px 0}.PlanPage-plan-card-price-amount{font-size:36px;font-weight:800}.PlanPage-plan-card-price-period{font-size:14px;font-weight:700;color:var(--text)}.PlanPage-plan-card-features{flex:1;display:flex;flex-direction:column;gap:12px}.PlanPage-plan-card-feature{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:600;line-height:1.4}.PlanPage-plan-card-feature-icon{color:#ddd;font-size:16px;margin-top:2px}.PlanPage-plan-card-footer{display:flex;flex-direction:column;gap:12px}.PlanPage-plan-card-includes{font-size:11px;color:#999;text-align:center;font-weight:600}.PlanPage-plan-card-button{width:100%;padding:14px;border-radius:12px;border:none;background:var(--gray1);color:var(--text);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.PlanPage-plan-card-button--primary{background:#2D2D2D;color:#fff}.PlanPage-plan-card-button:hover{opacity:.9;transform:scale(1.02)}.PlanPage-plan-card-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.PlanPage-plan-card-button:disabled:hover{opacity:.5;transform:none}.PlanPage-addons-section{display:flex;flex-direction:column;gap:20px}.PlanPage-addons-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.PlanPage-addons-subtitle{font-size:13px;font-weight:600;color:var(--sub-text)}.PlanPage-addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.PlanPage-addon-card{padding:24px 24px 70px;border-radius:20px;border:1px solid var(--gray2);background:var(--main-background);display:flex;flex-direction:column;gap:12px;position:relative;transition:all .2s ease;cursor:pointer}.PlanPage-addon-card:not(.PlanPage-addon-card--disabled):hover{border-color:var(--blue-blue);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.PlanPage-addon-card--disabled{opacity:.5}.PlanPage-addon-header{display:flex;justify-content:space-between;align-items:center}.PlanPage-addon-title{font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px}.PlanPage-addon-price{font-size:13px;font-weight:700}.PlanPage-addon-ideal-for{font-size:11px;color:#999;font-weight:600}.PlanPage-addon-features{display:flex;flex-direction:column;gap:8px}.PlanPage-addon-feature{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.PlanPage-addon-add-btn{position:absolute;bottom:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:var(--blue-blue);color:#fff;font-size:14px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow)}.PlanPage-addon-add-btn:disabled{cursor:not-allowed;opacity:1}.PlanPage-addon-add-btn:hover{transform:scale(1.15);box-shadow:0 4px 12px var(--shadow)}.PlanPage-addon-add-btn--selected{background:var(--gray3);color:var(--text)}.PlanPage-cart-section{flex:0 0 360px;width:360px;position:sticky;top:24px}.PlanPage-cart-card{background:var(--main-background);border-radius:24px;border:1px solid var(--gray2);padding:10px;height:95%;display:flex;flex-direction:column;gap:0;box-shadow:0 4px 20px var(--shadow);overflow-y:auto;position:relative}.PlanPage-cart-header{background-color:var(--gray1);padding:8px;border-radius:20px;margin:10px 10px 0;display:flex;justify-content:space-between;align-items:center}.PlanPage-cart-user{display:flex;align-items:center;gap:12px}.PlanPage-cart-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--gray1)}.PlanPage-cart-avatar img{width:100%;height:100%;object-fit:cover}.PlanPage-cart-username{font-size:16px;font-weight:700}.PlanPage-cart-billing-btn{background:#000;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.PlanPage-cart-current{display:flex;flex-direction:column;gap:12px;padding:0 10px;margin-top:16px}.PlanPage-cart-label{font-size:14px;font-weight:700}.PlanPage-cart-plan-box{background:var(--gray1);padding:24px;border-radius:16px}.PlanPage-cart-plan-info{display:flex;justify-content:space-between}.PlanPage-cart-plan-name{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#666;opacity:.6}.PlanPage-cart-plan-price{font-size:14px;color:#999;font-weight:500}.PlanPage-cart-team{display:flex;flex-direction:column;gap:8px;padding:0 10px;margin-top:16px}.PlanPage-cart-team-title{font-size:13px;font-weight:700;color:var(--text)}.PlanPage-cart-team-subtitle{font-size:11px;font-weight:400;color:var(--gray5)}.PlanPage-cart-team-price-label{font-size:11px;font-weight:600;color:#999}.PlanPage-cart-team-list{display:flex;flex-wrap:wrap;gap:6px}.PlanPage-cart-team-member{display:flex;align-items:center;gap:6px;background:var(--gray1);padding:6px 10px;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.PlanPage-cart-team-member:hover{background:var(--gray2);transform:translateY(-1px)}.PlanPage-cart-team-member:active{transform:translateY(0)}.PlanPage-cart-team-avatar{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.PlanPage-cart-team-avatar svg{width:18px;height:18px}.PlanPage-cart-team-name{font-size:11px;font-weight:600;color:var(--text)}.PlanPage-cart-additional{display:flex;flex-direction:column;gap:12px;padding:0 10px;margin-top:16px;margin-bottom:200px}.PlanPage-cart-additional-title{font-size:14px;font-weight:700}.PlanPage-cart-additional-list{display:flex;flex-direction:column;gap:10px}.PlanPage-cart-additional-item{display:flex;align-items:center;justify-content:space-between;background:var(--gray1);padding:12px 16px;border-radius:12px}.PlanPage-cart-additional-item-info{display:flex;align-items:center;gap:10px}.PlanPage-cart-additional-item-icon{font-size:14px}.PlanPage-cart-additional-item-name{font-size:13px;font-weight:700}.PlanPage-cart-additional-item-price{font-size:12px;font-weight:600;color:#999}.PlanPage-cart-bottom{display:flex;flex-direction:column;gap:12px;position:absolute;bottom:0;left:0;right:0;padding:16px 10px;background:var(--main-background);border-top:1px solid var(--best-gray);border-radius:0 0 24px 24px;z-index:10}.PlanPage-cart-pricing-summary{display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:var(--gray1);border-radius:12px}.PlanPage-cart-pricing-row{display:flex;justify-content:space-between;align-items:center}.PlanPage-cart-pricing-label{font-size:14px;font-weight:600;color:var(--text)}.PlanPage-cart-pricing-amount{font-size:14px;font-weight:700;color:var(--text)}.PlanPage-cart-pricing-row--new{padding-top:12px;border-top:1px solid var(--gray2)}.PlanPage-cart-pricing-row--new .PlanPage-cart-pricing-label,.PlanPage-cart-pricing-row--new .PlanPage-cart-pricing-amount{color:var(--blue-blue)}.PlanPage-cart-cancel-btn{width:auto;align-self:center;padding:6px 12px;border:none;background:transparent;color:#999;font-size:11px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:center}.PlanPage-cart-cancel-btn:hover{color:var(--text);background:var(--gray1)}.PlanPage-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.PlanPage-modal-content{background:var(--main-background);border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:20px}.PlanPage-modal-title{font-size:24px;font-weight:800;margin:0;color:var(--text)}.PlanPage-modal-subtitle{font-size:14px;font-weight:600;color:#999;margin:0}.PlanPage-modal-features{display:flex;flex-wrap:wrap;gap:8px;max-height:300px;overflow-y:auto;padding:12px;background:var(--gray1);border-radius:12px}.PlanPage-modal-feature-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:var(--main-background);padding:6px 12px;border-radius:16px;white-space:nowrap;line-height:1}.PlanPage-modal-feature-icon{color:#ddd;font-size:12px;flex-shrink:0}.PlanPage-modal-no-features{font-size:13px;color:#999;margin:0;padding:12px;background:var(--gray1);border-radius:8px;text-align:center}.PlanPage-modal-footer{display:flex;gap:12px;margin-top:8px;justify-content:center}.PlanPage-modal-btn{flex:0 1 auto;padding:14px 24px;border-radius:12px;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.PlanPage-modal-btn--secondary{background:var(--blue-blue);color:#fff}.PlanPage-modal-btn--secondary:hover{filter:brightness(1.1)}.PlanPage-modal-btn--primary{background:var(--gray2);color:var(--text)}.PlanPage-modal-btn--primary:hover{background:var(--gray3)}.PlanPage-cart-upgrade-btn{width:100%;padding:20px;border-radius:16px;border:none;background:var(--blue-blue);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.PlanPage-cart-upgrade-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width: 1024px){.PlanPage-content{flex-direction:column;padding:0 16px}.PlanPage-cart-section{width:100%;position:static;height:auto}.PlanPage-cart-card{height:auto}}@keyframes PlanPage-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.PlanPage-plan-card--bzns{position:relative;overflow:hidden;border-color:var(--gray3);background:linear-gradient(145deg,color-mix(in srgb,var(--blue-blue) 1%,#ffffff 0%),var(--main-background))}@media (prefers-color-scheme: dark){.PlanPage-plan-card--bzns{background:linear-gradient(145deg,color-mix(in srgb,var(--blue-blue) 20%,#ffffff 0%),var(--main-background));border-color:#333}}.PlanPage-plan-card--bzns:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.2) 35%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.4) 55%,rgba(255,255,255,.2) 65%,rgba(255,255,255,0) 80%,transparent 100%);transform:skew(-25deg);animation:PlanPage-card-shimmer 2s infinite;pointer-events:none}@media (prefers-color-scheme: dark){.PlanPage-plan-card--bzns:after{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.25) 55%,rgba(255,255,255,.1) 65%,rgba(255,255,255,0) 80%,transparent 100%)}}@keyframes PlanPage-card-shimmer{0%{left:-150%}60%{left:150%}to{left:150%}}.PlanPage-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.PlanPage-billing-modal{background:var(--main-background);border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.PlanPage-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--gray2);flex-shrink:0}.PlanPage-modal-title{font-size:20px;font-weight:700;margin:0;color:var(--text)}.PlanPage-modal-close{background:none;border:none;font-size:24px;color:var(--text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.PlanPage-modal-close:hover{color:var(--gray2)}.PlanPage-modal-body{padding:24px;display:flex;flex-direction:column;gap:24px;flex:1}.PlanPage-billing-section{display:flex;flex-direction:column;gap:12px}.PlanPage-billing-section-title{font-size:14px;font-weight:700;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.5px}.PlanPage-card-box{background:var(--main-background);border:2px solid var(--gray2);border-radius:10px;padding:12px;transition:border-color .2s ease}.PlanPage-card-box:focus-within{border-color:var(--blue-blue)}.PlanPage-card-box .StripeElement{min-height:40px;display:block;background:transparent!important}.PlanPage-card-box .StripeElement--focus{outline:none}.PlanPage-form-group{display:flex;flex-direction:column;gap:6px}.PlanPage-form-label{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.PlanPage-form-input{background:var(--main-background);border:1px solid var(--gray2);border-radius:8px;padding:10px 12px;color:var(--text)!important;font-size:14px;font-family:inherit;transition:border-color .2s ease}.PlanPage-form-input:focus{outline:none;color:var(--text)!important;border-color:var(--blue-blue)}.PlanPage-form-textarea{background:var(--gray1)!important;border:1px solid var(--gray2);border-radius:8px;padding:10px 12px;color:var(--tx)!important;font-size:14px;font-family:inherit;transition:border-color .2s ease;resize:vertical;min-height:80px}.PlanPage-form-textarea:focus{outline:none;border-color:var(--blue-blue)}.PlanPage-form-helper-text{font-size:12px;color:var(--sub-text);margin-top:4px}.PlanPage-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.PlanPage-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--gray2);flex-shrink:0;justify-content:center}.PlanPage-modal-btn{padding:12px 24px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.PlanPage-modal-btn--secondary{background:var(--gray1);color:var(--text)}.PlanPage-modal-btn--secondary:hover{background:var(--gray2)}.PlanPage-modal-btn--primary{background:var(--blue-blue);color:#fff}.PlanPage-modal-btn--primary:hover{filter:brightness(1.1)}.PlanPage-snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:transparent;border:2px solid var(--blue-blue);color:var(--blue-blue);padding:12px 20px;border-radius:100px;font-size:14px;font-weight:600;z-index:1500;animation:PlanPage-snackbar-slide-up .3s ease-out;max-width:400px;text-align:center;display:flex;align-items:center;gap:10px;justify-content:center}.PlanPage-snackbar-icon{font-size:16px}@keyframes PlanPage-snackbar-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.plan-table-view{height:100vh;background:var(--main-background);padding:40px 20px;overflow-y:scroll;display:flex;flex-direction:column}.plan-table-view-header{width:100%;max-width:1200px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:10}.plan-table-view-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:1px solid var(--gray2);border-radius:8px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.plan-table-view-back-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(59,130,246,.05)}.plan-table-view-title{font-size:32px;font-weight:800;color:var(--text);margin:0;font-family:Arial Rounded MT Bold,Arial,sans-serif}.plan-table-view-content{max-width:1200px;margin:0 auto;flex:1}.plan-table-view-section{margin-bottom:60px}.plan-table-view-section-title{font-size:24px;font-weight:800;color:var(--text);margin:0 0 20px;font-family:Arial Rounded MT Bold,Arial,sans-serif}.plan-table-view-section-description{font-size:16px;color:var(--sub-text);margin:0 0 24px;line-height:1.6}.plan-table-view-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--gray2);background:var(--main-background)}.plan-table-view-table{width:100%;border-collapse:collapse;font-size:14px}.plan-table-view-table thead{background:var(--gray1);position:sticky;top:0}.plan-table-view-table th{padding:20px;text-align:center;border-bottom:1px solid var(--gray2);font-weight:700;color:var(--text)}.plan-table-view-feature-name{text-align:left;min-width:280px}.plan-table-view-plan-column{min-width:160px}.plan-table-view-plan-header{display:flex;flex-direction:column;gap:4px}.plan-table-view-plan-name{font-size:16px;font-weight:800;color:var(--text);font-family:Arial Rounded MT Bold,Arial,sans-serif}.plan-table-view-plan-price{font-size:13px;color:var(--sub-text)}.plan-table-view-table td{padding:20px;border-bottom:1px solid var(--gray2)}.plan-table-view-row-even{background:rgba(0,0,0,.02)}.plan-table-view-feature-info{display:flex;flex-direction:column;gap:6px}.plan-table-view-feature-title{font-size:14px;font-weight:700;color:var(--text)}.plan-table-view-feature-description{font-size:13px;color:var(--sub-text);line-height:1.4}.plan-table-view-learn-more-btn{margin-top:8px;padding:4px 8px;background:var(--blue-blue);border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .2s ease;width:fit-content}.plan-table-view-learn-more-btn:hover{opacity:.7}.plan-table-view-check-cell{text-align:center}.plan-table-view-check-icon{color:var(--blue-blue);font-size:18px}.plan-table-view-addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.plan-table-view-addon-card{padding:24px;border:1px solid var(--gray2);border-radius:12px;background:var(--main-background);transition:all .2s ease}.plan-table-view-addon-card:hover{border-color:var(--blue-blue);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.plan-table-view-addon-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.plan-table-view-addon-name{font-size:16px;font-weight:800;color:var(--text);margin:0;font-family:Arial Rounded MT Bold,Arial,sans-serif}.plan-table-view-addon-price{font-size:14px;font-weight:700;color:var(--blue-blue);white-space:nowrap}.plan-table-view-addon-features{display:flex;flex-direction:column;gap:8px}.plan-table-view-addon-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);line-height:1.4}.plan-table-view-addon-feature-icon{color:var(--blue-blue);font-size:14px;flex-shrink:0}.plan-table-view-descriptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.plan-table-view-description-card{padding:32px 24px;border:2px solid var(--gray2);border-radius:16px;background:var(--main-background);text-align:center;transition:all .2s ease}.plan-table-view-description-card:hover{border-color:var(--blue-blue);box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.plan-table-view-description-name{font-size:22px;font-weight:800;color:var(--text);margin:0 0 8px;font-family:Arial Rounded MT Bold,Arial,sans-serif}.plan-table-view-description-price{font-size:24px;font-weight:800;color:var(--blue-blue);margin:0 0 16px}.plan-table-view-description-includes{font-size:13px;color:var(--sub-text);margin:0 0 16px;line-height:1.4}.plan-table-view-description-btn{padding:12px 24px;background:var(--blue-blue);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.plan-table-view-description-btn:hover{background:#2563eb;transform:scale(1.05)}@media (max-width: 768px){.plan-table-view{padding:20px 16px}.plan-table-view-header{flex-direction:column;align-items:flex-start;margin-bottom:30px;position:relative}.plan-table-view-title{font-size:24px}.plan-table-view-table{font-size:12px}.plan-table-view-table th,.plan-table-view-table td{padding:12px 8px}.plan-table-view-feature-name{min-width:180px}.plan-table-view-plan-column{min-width:120px}.plan-table-view-addons-grid,.plan-table-view-descriptions-grid{grid-template-columns:1fr}}.proxy-page{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:1400px;margin:0 auto;width:100%}.proxy-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.proxy-header-title{display:flex;align-items:center;gap:12px}.proxy-header-title h1{font-family:ARLRDBD;font-size:24px;margin:0;color:var(--text)}.proxy-header-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(180deg,#0081CC 0%,#00ADED 100%);border-radius:100px;border:3px solid rgba(255,255,255,.17);color:#fff;font-size:14px;font-weight:500}.proxy-header-badge svg{font-size:16px}.proxy-ai-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.proxy-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--sub-text)}.proxy-loading-spinner{width:30px;height:30px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:proxy-spin .8s linear infinite}@keyframes proxy-spin{to{transform:rotate(360deg)}}.proxy-empty-container{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%;min-height:500px}.proxy-promo-card{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px;background:linear-gradient(180deg,#0081CC 0%,#00ADED 100%);border-radius:25px;border:1px solid var(--gray2);box-shadow:0 2px 33px var(--shadow);color:#fff}.proxy-promo-header{display:flex;align-items:center;justify-content:center}.proxy-promo-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.28);border-radius:100px;border:3px solid rgba(255,255,255,.17);font-size:16px}.proxy-promo-content{flex:1;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center}.proxy-promo-title{font-family:ARLRDBD;font-size:28px;margin:0}.proxy-promo-subtitle{font-size:16px;opacity:.9;max-width:500px;line-height:1.5}.proxy-promo-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.proxy-promo-feature{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,.15);border-radius:12px;font-size:14px}.proxy-promo-feature svg{opacity:.9}.proxy-enable-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:rgba(15,131,233,.23);border:3px solid var(--blue-blue);border-radius:20px;color:var(--blue-blue);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.proxy-enable-btn:hover{background:var(--blue-blue);color:#fff}.proxy-enable-btn:disabled{opacity:.6;cursor:not-allowed}.proxy-content{display:flex;flex-direction:column;gap:16px}.proxy-section-title{font-family:ARLRDBD;font-size:15px;margin:0;color:var(--text)}.proxy-calls-card{background:var(--background);border:1px solid var(--gray2);border-radius:25px;box-shadow:0 2px 33px var(--shadow);overflow:hidden;max-height:280px}.proxy-calls-list{display:flex;flex-direction:column;gap:10px;padding:10px;max-height:250px;overflow-y:auto}.proxy-call-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--best-gray);border-radius:20px;cursor:pointer;transition:background .15s ease}.proxy-call-item:hover{background:var(--gray1)}.proxy-call-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.proxy-call-icon{color:var(--blue-blue);font-size:18px}.proxy-call-details{display:flex;flex-direction:column;gap:2px;min-width:0}.proxy-call-from{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proxy-call-status{font-size:12px}.proxy-call-status.live{color:var(--blue-blue)}.proxy-call-status.ended{color:var(--sub-text)}.proxy-call-arrow{color:var(--text);font-size:16px}.proxy-calls-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--sub-text);font-size:14px}.proxy-settings{display:flex;flex-direction:column;gap:12px}.proxy-setting-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--background);border:1px solid var(--gray2);border-radius:25px;box-shadow:0 2px 33px var(--shadow)}.proxy-setting-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:100%;background:var(--gray1);border-radius:20px;flex-shrink:0}.proxy-setting-icon{font-size:24px;color:var(--sub-text)}.proxy-setting-content{display:flex;align-items:center;gap:10px;flex:1;padding:5px}.proxy-setting-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.proxy-setting-title{font-size:16px;color:var(--text);font-weight:500}.proxy-setting-description{font-size:12px;color:var(--sub-text);line-height:1.4}.proxy-toggle{position:relative;width:50px;height:28px;flex-shrink:0}.proxy-toggle input{opacity:0;width:0;height:0}.proxy-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray4);transition:.2s;border-radius:28px}.proxy-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.proxy-toggle input:checked+.proxy-toggle-slider{background-color:var(--blue-blue)}.proxy-toggle input:checked+.proxy-toggle-slider:before{transform:translate(22px)}.proxy-setting-btn{padding:10px 16px;background:var(--gray3);border:1px solid var(--gray2);border-radius:15px;color:#fff;font-size:14px;cursor:pointer;transition:background .15s ease;flex-shrink:0}.proxy-setting-btn:hover{background:var(--gray4)}.proxy-status-card{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:600px;padding:16px;background:var(--background);border:5px solid rgba(4,162,76,.29);border-radius:25px;display:flex;align-items:center;gap:20px;z-index:100;box-shadow:0 4px 20px var(--shadow)}.proxy-status-card.disabled{border-color:#e539354a}.proxy-status-info{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:start;flex:1}.proxy-status-title{font-size:16px;color:var(--text);font-weight:500}.proxy-status-description{font-size:12px;color:var(--sub-text);line-height:1.4;text-align:start}.proxy-call-page{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:800px;margin:0 auto;width:100%}.proxy-call-header{display:flex;align-items:center;justify-content:space-between}.proxy-call-id{font-family:ARLRDBD;font-size:15px;color:var(--text)}.proxy-call-meta-card{padding:16px;background:var(--background);border:1px solid var(--gray2);border-radius:25px;box-shadow:0 2px 33px var(--shadow)}.proxy-call-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.proxy-call-meta-row:last-child{margin-bottom:0}.proxy-call-meta-label{font-size:14px;color:var(--sub-text)}.proxy-call-meta-value{font-size:14px;color:var(--text);font-weight:500}.proxy-call-live-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--background);border:1px solid var(--gray2);border-radius:20px;box-shadow:0 2px 33px var(--shadow)}.proxy-call-live-indicator{width:12px;height:12px;background:var(--blue-blue);border-radius:50%;animation:proxy-pulse 1.5s ease-in-out infinite}@keyframes proxy-pulse{0%,to{opacity:.5}50%{opacity:1}}.proxy-call-live-text{font-size:14px;color:var(--blue-blue);font-weight:500}.proxy-conversation{display:flex;flex-direction:column;gap:20px;padding:20px 0}.proxy-message{display:flex;flex-direction:column;gap:8px;max-width:80%}.proxy-message.agent{align-self:flex-start}.proxy-message.human{align-self:flex-end}.proxy-message-bubble{padding:14px 18px;border-radius:20px;font-size:14px;line-height:1.5}.proxy-markdown>:first-child{margin-top:0}.proxy-markdown>:last-child{margin-bottom:0}.proxy-markdown p,.proxy-markdown ul,.proxy-markdown ol,.proxy-markdown blockquote,.proxy-markdown pre{margin:0 0 .7em}.proxy-markdown ul,.proxy-markdown ol{padding-left:1.2em}.proxy-markdown h1,.proxy-markdown h2,.proxy-markdown h3,.proxy-markdown h4,.proxy-markdown h5,.proxy-markdown h6{margin:0 0 .55em;font-size:1em;line-height:1.35}.proxy-markdown a{color:inherit;text-decoration:underline}.proxy-markdown code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;padding:.12em .4em;border-radius:.45em;background:rgba(0,0,0,.08)}.proxy-message.human .proxy-markdown code{background:rgba(255,255,255,.18)}.proxy-markdown pre{overflow-x:auto;padding:.75em .9em;border-radius:12px;background:rgba(0,0,0,.08)}.proxy-message.human .proxy-markdown pre{background:rgba(255,255,255,.14)}.proxy-markdown pre code{display:block;padding:0;background:transparent}.proxy-markdown blockquote{padding-left:.85em;border-left:2px solid rgba(0,0,0,.14)}.proxy-message.human .proxy-markdown blockquote{border-left-color:#ffffff4d}.proxy-message.agent .proxy-message-bubble{background:var(--background);border:1px solid var(--gray2);color:var(--text);border-bottom-left-radius:4px}.proxy-message.human .proxy-message-bubble{background:linear-gradient(180deg,#0081CC 0%,#00ADED 100%);color:#fff;border-bottom-right-radius:4px}.proxy-message-time{font-size:11px;color:var(--sub-text);padding:0 8px}.proxy-message.human .proxy-message-time{text-align:right}.proxy-audio-card{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:600px;padding:16px;background:var(--background);border:1px solid var(--gray2);border-radius:25px;box-shadow:0 4px 20px var(--shadow);z-index:100}@media (max-width: 768px){.proxy-page{padding:16px}.proxy-header{flex-direction:row;align-items:flex-start}.proxy-setting-card{flex-direction:row;align-items:stretch}.proxy-setting-icon-wrapper{height:60px}.proxy-setting-content{flex-direction:row;align-items:stretch}.proxy-status-card{flex-direction:row;text-align:center;margin-bottom:calc(100px + env(safe-area-inset-bottom))}.proxy-message{max-width:90%}}@media (min-width: 769px) and (max-width: 1024px){.proxy-status-card{margin-bottom:calc(100px + env(safe-area-inset-bottom))}}@media (min-width: 1025px){.proxy-page.with-sidebar{padding-left:0}.proxy-status-card{left:calc(50% + 140px)}}.requests-page{padding:10px;width:100%;min-width:0;box-sizing:border-box}.requests-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.requests-page-top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.requests-page-filter-btn{position:relative;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--best-gray);border-radius:16px;border:1px solid var(--gray2)!important;color:var(--text);font-size:14px;cursor:pointer;transition:background-color .24s ease,border-color .24s ease,transform .24s ease,box-shadow .24s ease!important;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0;box-shadow:0 8px 22px var(--shadow)}.requests-page-filter-btn:hover{background:var(--main-background);border-color:var(--blue-blue)!important;transform:translateY(-1px)!important;box-shadow:0 12px 28px var(--shadow)!important}.requests-page-filter-btn:active{transform:translateY(0)!important}.requests-page-filter-btn.has-active-filters{background:var(--best-gray);border-color:var(--blue-blue)!important}.requests-page-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--blue-blue);color:var(--primary-btn-text);font-size:11px;font-weight:700;line-height:1;box-shadow:0 10px 20px var(--shadow)}.requests-page-search-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--best-gray);border:2px solid var(--gray2);border-radius:15px;padding:8px 12px;min-width:260px;position:relative;flex:1;max-width:400px}.requests-page-search-input-wrapper:focus-within{border-color:var(--blue-blue, #0F83E9);box-shadow:0 0 0 3px #0f83e91a}.requests-page-search-icon{color:var(--sub-text);width:16px;height:16px;flex-shrink:0}.requests-page-search-input{padding:2px!important;flex:1;background:transparent!important;border:none!important;outline:none!important;font-size:14px;color:var(--text);font-family:inherit}.requests-page-search-input::placeholder{color:var(--sub-text)}.requests-page-search-clear-btn{background:var(--gray2);border:1px solid var(--gray3, #D0D5DD);border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--sub-text);flex-shrink:0;transition:all .2s ease}.requests-page-search-clear-btn:hover{background:var(--gray3, #D0D5DD)}@media (max-width: 900px){.requests-page-top-bar{flex-direction:row!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important}.requests-page-top-bar>div:nth-child(2){display:none!important}.requests-page-top-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.requests-page-filter-btn{min-height:42px;padding:0 14px}}.requests-header{display:flex;justify-content:space-between;align-items:center}.requests-back{display:flex;align-items:center;gap:12px}.requests-back-text{font-size:18px;color:var(--text, #111827)}.requests-logo{height:20px;cursor:pointer}.requests-header-section{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.requests-header-left{flex:1}.requests-title{font-size:24px;font-weight:500;margin-bottom:4px}.requests-subtitle{font-size:16px;color:var(--subText, #6B7280)}.requests-subheader-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.requests-pills-container{display:flex;gap:8px;align-items:center}.requests-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1;justify-content:flex-end}.tab-bar{display:inline-flex;gap:8px}.requests-tab-bar-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.tab-btn-filter{height:35px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:10px;background:var(--backGround, var(--background, transparent));border:2px solid var(--gray4, #A7A7A7)!important;box-shadow:0 2px 50px 1px #0000001a;color:var(--gray4, #A7A7A7);font-size:15px;letter-spacing:0;line-height:1;font-weight:400;cursor:pointer;user-select:none;-webkit-appearance:none;appearance:none;outline:none;background-clip:padding-box;-webkit-tap-highlight-color:transparent}.tab-btn-filter:hover,.tab-btn-filter:focus,.tab-btn-filter:active{filter:none;outline:none}.tab-btn-filter.is-active.requested{border-color:#fbb01c!important;box-shadow:0 2px 50px 1px #fbb01c3f!important;color:#fbb01c!important}.tab-btn-filter.is-active.active{border-color:var(--blue-blue, #0F83E9)!important;box-shadow:0 2px 50px 1px #0f83e941!important;color:var(--blue-blue, #0F83E9)!important}.tab-btn-filter.is-active.completed{border-color:#36a72d!important;box-shadow:0 2px 50px 1px #36a72d25!important;color:#36a72d!important}.tab-btn-filter.is-active.cancelled{border-color:var(--red-red, #D93535)!important;box-shadow:0 2px 50px 1px #d9353533!important;color:var(--red-red, #D93535)!important}.requests-header-actions{display:flex;gap:16px;align-items:center}.search-input-container{align-items:center;gap:8px;background:var(--gray1, #F3F4F6);border:1px solid var(--gray3, #D0D5DD);border-radius:18px;padding:8px 12px;min-width:260px;position:relative}.search-input-container:focus-within{border-color:var(--blue-blue, #0F83E9);box-shadow:0 0 0 3px #0f83e91a}.search-icon{color:var(--subText, #6B7280);width:16px;height:16px;flex-shrink:0}.requests-header-search-input{flex:1;background:transparent;border:none!important;outline:none!important;font-size:14px;color:var(--text, #111827);font-family:inherit}.requests-header-search-input::placeholder{color:var(--subText, #6B7280)}.search-clear-btn{background:var(--gray2, #EAECF0);border:1px solid var(--gray3, #D0D5DD);border-radius:50%;width:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--subText, #6B7280);flex-shrink:0}.search-clear-btn:hover{background:var(--gray3, #D0D5DD)}.requests-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--gray1, #F3F4F6);border:1px solid var(--gray3, #D0D5DD);border-radius:18px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text, #111827);font-weight:500}.requests-filter-btn:hover{background:var(--gray2, #EAECF0);border-color:var(--gray4, #A7A7A7)}.requests-filter-btn .material-icon{font-family:Material Icons;font-size:18px}.requests-search-input-wrapper{display:flex;gap:8px;background:var(--gray1, #f5f7fa);border:1px solid var(--gray3, #d0d5dd);border-radius:18px;position:relative;margin-bottom:12px;padding:8px 12px}.requests-search-inline-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text, #111827)}.requests-search-inline-input::placeholder{color:var(--subText, #6B7280)}.requests-clear-btn{background:var(--gray2, #eef1f4);border:1px solid var(--gray3, #d0d5dd);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.requests-clear-btn:hover{background:var(--gray3, #d0d5dd)}.drawer-overlay{position:fixed;inset:0;z-index:999;backdrop-filter:blur(14px) saturate(120%);animation:requestsDrawerOverlayIn .22s ease}.filter-drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(420px,calc(100vw - 24px));z-index:1000;display:flex;pointer-events:none;opacity:0;transform:translate(24px) scale(.985);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.filter-drawer.open{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.filter-drawer:not(.open){visibility:hidden}.filter-drawer-shell{width:100%;display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:28px;border:1px solid var(--gray2);background:var(--main-background);box-shadow:0 28px 72px var(--shadow);backdrop-filter:blur(24px) saturate(120%);overflow:hidden}.filter-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--gray2)}.filter-drawer-heading{min-width:0}.filter-drawer-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--best-gray);border:1px solid var(--gray2);color:var(--sub-text);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.filter-drawer-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.filter-drawer-title-row h3{margin:0;font-size:28px;line-height:1.05;font-weight:700;color:var(--text)}.filter-drawer-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--blue-blue);border:1px solid var(--blue-blue);color:var(--primary-btn-text);font-size:12px;font-weight:700;letter-spacing:.01em}.filter-drawer-count.is-empty{background:var(--best-gray);border-color:var(--gray2);color:var(--sub-text)}.filter-drawer-heading p{margin:10px 0 0;max-width:32ch;font-size:14px;line-height:1.5;color:var(--sub-text)}.filter-drawer .close-btn{flex-shrink:0;cursor:pointer;background:var(--best-gray);border:1px solid var(--gray2)!important;border-radius:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--text);transition:background-color .22s ease,border-color .22s ease,transform .22s ease!important}.filter-drawer .close-btn:hover{background:var(--main-background);border-color:var(--blue-blue)!important;transform:translateY(-1px)!important}.filter-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:4px;margin-right:-4px}.filter-section{background:var(--best-gray);border:1px solid var(--gray2);border-radius:22px;padding:18px;box-shadow:0 14px 32px var(--shadow)}.filter-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.filter-section-copy{min-width:0}.filter-section h4{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--sub-text)}.filter-section p{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--sub-text)}.filter-section-state{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:var(--blue-blue);border:1px solid var(--blue-blue);color:var(--primary-btn-text);font-size:11px;font-weight:700;white-space:nowrap}.filter-section-state.is-muted{background:var(--main-background);border-color:var(--gray2);color:var(--sub-text)}.requests-filter-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.requests-filter-label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--sub-text)}.requests-filter-input{width:100%;min-height:48px;box-sizing:border-box;background:var(--main-background);border:1px solid var(--gray2);border-radius:16px;padding:0 14px;font-size:14px;color:var(--text);transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.requests-filter-input:hover{border-color:var(--gray3)}.requests-filter-input:focus,.requests-filter-input:focus-visible{outline:none;background:var(--main-background);border-color:var(--blue-blue);box-shadow:0 0 0 3px var(--gray2)}.requests-teammates-list{display:flex;flex-wrap:wrap;gap:10px}.requests-teammate-chip{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:var(--main-background);border:1px solid var(--gray2)!important;border-radius:999px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important}.requests-teammate-chip:hover{border-color:var(--blue-blue)!important;transform:translateY(-1px)!important;box-shadow:0 10px 22px var(--shadow)!important}.requests-teammate-chip.selected{background:var(--blue-blue);border-color:var(--blue-blue)!important;color:var(--primary-btn-text)}.requests-filter-empty{padding:16px;border-radius:18px;border:1px dashed var(--gray3);background:var(--main-background);color:var(--sub-text);font-size:13px;line-height:1.5}.requests-inline-clear-btn{margin-top:14px;padding:0;border:none!important;background:transparent;color:var(--blue-blue);font-size:13px;font-weight:700;cursor:pointer;text-align:left;transition:opacity .22s ease!important}.requests-inline-clear-btn:hover{opacity:.76}.filter-drawer-footer{display:flex;gap:12px;padding-top:18px;border-top:1px solid var(--gray2)}.requests-small-btn{flex:1;min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:16px;border:1px solid var(--gray2)!important;background:var(--best-gray);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important}.requests-small-btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px var(--shadow)!important}.requests-small-btn:disabled{opacity:.5;cursor:not-allowed}.requests-small-btn:disabled:hover{transform:none!important;box-shadow:none!important}.requests-small-btn-secondary{background:var(--best-gray);color:var(--text)}.requests-small-btn-primary{background:var(--blue-blue);border-color:var(--blue-blue)!important;color:var(--primary-btn-text);box-shadow:0 16px 32px var(--shadow)}.requests-small-btn-primary:hover{box-shadow:0 18px 32px var(--shadow)!important}@keyframes requestsDrawerOverlayIn{0%{opacity:0}to{opacity:1}}.requests-filters-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 900px){.requests-search-wrapper.open{width:240px}.icon-wo-btn{width:54px;height:54px}.add-wo-btn{height:54px}.add-wo-btn .label{display:none}.requests-header-section{flex-direction:column;align-items:stretch}.requests-subheader-section{flex-direction:column-reverse}}.requests-grid{margin-top:10px;display:grid;width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));grid-auto-rows:10px;gap:10px;align-items:start;align-content:start}.requests-card{overflow:visible!important;width:100%;min-width:0}.requests-card>*{width:100%;min-width:0}.requests-card .work-order-preview{max-width:100%;min-width:0}@media (max-width: 767px){.tab-btn-filter{padding:0 5px!important}.requests-tab-bar-container{flex-direction:column;align-items:stretch;gap:12px}.requests-mode-toggle{align-self:flex-start}.tab-bar{width:100%;flex-wrap:wrap}.filter-drawer{inset:auto 0 0;width:100%;transform:translateY(100%)}.filter-drawer.open{transform:translateY(0)}.filter-drawer-shell{min-height:min(78vh,720px);max-height:calc(100vh - 12px);padding:14px 14px calc(14px + var(--safe-area-bottom));border-radius:26px 26px 0 0}.filter-drawer-shell:before{content:"";align-self:center;width:52px;height:5px;border-radius:999px;background:var(--gray3)}.filter-drawer-header{padding-bottom:16px}.filter-drawer-title-row h3{font-size:24px}.requests-filter-dates{grid-template-columns:1fr}.filter-drawer-footer{flex-direction:column-reverse}.requests-grid{grid-template-columns:1fr;gap:8px;grid-auto-rows:auto}}.empty-state{grid-column:1 / -1;text-align:center;color:#6b7280;padding:20px}.requests-card .services-card{min-width:unset;max-width:unset;min-height:unset;width:100%;height:100%;margin:0;padding:2px}.requests-card .services-card-image{height:180px;border-radius:25px 25px 0 0}@media (max-width: 767px){.requests-card .services-card{max-height:unset;border-radius:0;box-shadow:none;border:none}.requests-card .services-card-image{position:static;width:100%;height:120px;border-radius:0}.requests-card .services-card-body{background:transparent;border:none;box-shadow:none}}.requests-mode-toggle{display:inline-flex;background:var(--main-background,#fff);border:1px solid var(--gray2,#E5E7EB);border-radius:999px;padding:2px;gap:2px;box-shadow:0 2px 8px var(--shadow,rgba(0,0,0,.15))}.requests-mode-btn{background:transparent;border:none;border-radius:999px;padding:8px 12px;font-size:13px;font-family:var(--font-arial-rounded-mt, Arial, sans-serif);cursor:pointer;color:var(--text,#111827);position:relative;transition:background .25s,color .25s;display:flex;align-items:center;gap:8px;line-height:1}.requests-mode-btn svg{width:18px;height:18px}.requests-mode-btn.is-active{background:var(--text,#111827);color:var(--main-background,#fff);box-shadow:0 2px 10px var(--shadow,rgba(0,0,0,.25))}.requests-mode-btn.is-active svg{color:var(--main-background,#fff)}.requests-mode-btn:focus-visible{outline:2px solid var(--blue-blue,#2563EB);outline-offset:2px}.stint-start-button{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 15px!important;background-color:var(--text)!important;border-radius:15px!important;border:2px solid var(--best-gray, #A7A7A7)!important;color:var(--main-background, )!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:transparent}.stint-start-button:hover{box-shadow:0 4px 12px #00000026!important}.stint-start-button:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0000001a!important}.stintWorkOrderStatus-grid{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:20px;margin-top:20px}.stintWorkOrderStatus-progress-card{display:flex;flex-direction:column;gap:12px;max-height:89vh;overflow-y:auto}.stintWorkOrderStatus-progress-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.stintWorkOrderStatus-progress-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line-color);border-radius:10px;background:var(--best-gray)}.stintWorkOrderStatus-progress-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stintWorkOrderStatus-progress-status{font-size:12px;font-weight:600;color:var(--text)}.stintWorkOrderStatus-progress-time{font-size:11px;color:var(--sub-text)}.stintWorkOrderStatus-progress-description{font-size:13px;color:var(--text)}.stintWorkOrderStatus-progress-subdescription{font-size:11px;color:var(--sub-text)}.stintWorkOrderStatus-progress-subdescription-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--sub-text)}.stintWorkOrderStatus-view-replay-btn{padding:4px 10px;background:var(--text);color:var(--main-background);border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .2s ease;white-space:nowrap;flex-shrink:0}.stintWorkOrderStatus-view-replay-btn:hover{opacity:.85}@media (max-width: 900px){.stintWorkOrderStatus-grid{grid-template-columns:1fr;gap:16px}}.stintWorkOrderStatus-page{height:100%;overflow-y:auto;position:relative}.servo-status-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20000}.servo-status-modal{width:420px;max-width:95vw;background:var(--main-background);color:var(--text);border:1px solid var(--best-gray);border-radius:14px;box-shadow:0 12px 32px #00000059;overflow:hidden}.servo-status-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--best-gray)}.servo-status-modal-close{background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer}.servo-status-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.servo-status-modal-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--best-gray);border-radius:10px;background:var(--background);color:var(--text);cursor:pointer}.servo-status-modal-option.selected{border-color:var(--blue-blue);box-shadow:0 0 0 2px #3b82f640}.servo-status-icon{font-size:14px;opacity:.95}.servo-status-modal-option.idle:hover{box-shadow:0 0 0 2px #3b82f640}.servo-status-modal-option.working:hover{box-shadow:0 0 0 2px #16a34a40}.servo-status-modal-option.active:hover,.servo-status-modal-option.online:hover{box-shadow:0 0 0 2px #22c55e40}.servo-status-modal-option.offline:hover{box-shadow:0 0 0 2px #6b728040}.servo-status-modal-option.charging:hover{box-shadow:0 0 0 2px #f59e0b40}.servo-status-modal-option.maintenance:hover{box-shadow:0 0 0 2px #ef444440}.servo-status-modal-option.archived:hover{box-shadow:0 0 0 2px #9ca3af40}.servo-detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--best-gray);height:50px;position:relative;overflow:visible;z-index:200}.header-left{display:flex;align-items:center;gap:12px;flex:1}.back-button-servo{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--secondary-background);border:1px solid var(--best-gray);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:var(--gray3);border-color:var(--blue-blue)}.servo-title-section{display:flex;flex-direction:row!important;align-items:start;gap:12px}.servo-icon{width:50px;height:50px;background-color:var(--secondary-background);border:1px solid var(--best-gray);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:24px;overflow:hidden}.servo-model-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.servo-model-image:hover{transform:scale(1.1)}.servo-title-info h1{margin:0;font-size:18px;font-weight:600;color:var(--text);line-height:1.1}.servo-title-info{display:flex;flex-direction:column;justify-content:center;gap:2px}.nickname-section{margin:0}.nickname-display{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.nickname-display:hover{background-color:var(--secondary-background)}.nickname{color:var(--gray2);font-style:italic;font-size:14px;line-height:1.1}.edit-icon{color:var(--gray3);font-size:12px}.nickname-edit{display:flex;align-items:center;gap:8px}.nickname-pill{display:flex;align-items:center}.nickname-display-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:var(--secondary-background);border:1px solid var(--best-gray);color:var(--text);cursor:pointer}.nickname-edit-inline{display:flex;align-items:center;gap:6px}.nickname-input-inline{padding:6px 10px;border:1px solid var(--best-gray);background:var(--background);color:var(--text);border-radius:8px;font-size:12px}.nickname-save,.nickname-cancel{padding:6px 10px;border-radius:8px;border:1px solid var(--best-gray);background:var(--secondary-background);color:var(--text);font-size:12px}.nickname-input{padding:6px 10px;border:1px solid var(--best-gray);border-radius:6px;background-color:var(--background);color:var(--text);font-size:14px}.save-btn,.cancel-btn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;transition:all .2s ease}.save-btn{background-color:var(--blue-blue);color:#fff}.cancel-btn{background-color:var(--secondary-background);color:var(--text);border:1px solid var(--best-gray)}.servo-status{position:absolute;top:10px;right:0;display:flex;align-items:center;gap:10px;z-index:300}.servo-status-dropdown{position:relative;z-index:350}.status-pill-button{cursor:pointer;border:none}.servo-status-dropdown-menu{position:absolute;top:44px;right:0;background:var(--background);color:var(--text);border:1px solid var(--best-gray);border-radius:8px;box-shadow:0 8px 24px #0003;min-width:180px;z-index:10000;padding:6px}.servo-status-dropdown-item{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.servo-status-dropdown-item:hover{background:var(--secondary-background)}.servo-status-dropdown-item.selected{font-weight:600}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;color:#fff;font-weight:500;font-size:13px;text-transform:capitalize;letter-spacing:.3px;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.status-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffffe6;animation:pulse 2s infinite}.status-text{font-weight:600}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.servo-detail-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:2fr 1fr 1fr 1fr;gap:20px;min-height:calc(100vh - 200px)}.servo-map-section{background-color:var(--background);border-radius:16px;border:1px solid var(--best-gray);padding:10px;box-shadow:0 2px 8px var(--shadow);min-height:200px}.servo-stats-section,.servo-schedule-section,.servo-controls-section,.servo-stint-network-section{background-color:var(--background);border-radius:16px;display:flex;gap:5px;flex-direction:column!important;border:1px solid var(--best-gray);padding:8px;box-shadow:0 2px 8px var(--shadow);transition:all .2s ease}.servo-controls-section .section-header-servo{background:rgba(255,255,255,.05);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 14px;margin:2px 2px 8px;color:#fff;opacity:1}.servo-controls-section .section-header-servo h3{font-size:22px;font-weight:700}.servo-controls-section .section-header-servo svg{opacity:1;font-size:18px}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.control-tile{position:relative;height:192px;border-radius:14px;color:#fff;border:1px solid rgba(112,112,112,.2);background:linear-gradient(180deg,#ff1a1a 0%,#b80000 45%,rgba(0,0,0,.95) 100%);box-shadow:inset 0 -28px 40px #000000a6,0 2px 8px #00000059;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;outline:none;appearance:none;-webkit-appearance:none}.control-tile:hover{transform:translateY(-2px);box-shadow:inset 0 -28px 40px #000000a6,0 6px 16px #0006}.control-tile:active{transform:translateY(0)}.control-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--forOverlay) 0%,rgba(255,255,255,0) 40%);pointer-events:none}.control-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--shadow) 65%,rgba(0,0,0,.98) 100%);pointer-events:none}.dashboard-layout.light .control-tile:after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--forOverlay) 65%,rgba(255,255,255,.98) 100%)}.tile-availability{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:6px;height:22px;padding:4px 8px;border-radius:12px;background:var(--forOverlay);border:1px solid rgba(255,255,255,.3);color:var(--text);font-size:12px;letter-spacing:.2px;z-index:2}.tile-availability-dot{width:8px;height:8px;border-radius:50%;background:#00ec5e}.tile-availability-text{opacity:1;color:var(--text)}.control-tile-footer{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:10px;z-index:1}.control-tile-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--text)}.control-tile-title{font-size:16px;font-weight:700;color:var(--text)}.dashboard-layout.light .control-tile,.dashboard-layout.light .control-tile-icon{color:var(--text)}.dashboard-layout.light .tile-availability{background:var(--best-gray);color:var(--main-background)}.control-tile-svg-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.dashboard-layout.light .control-tile-svg-icon{filter:brightness(0)}@media (max-width: 1200px){.controls-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.controls-grid{grid-template-columns:1fr}}.servo-controls-section .section-header-servo.controls{display:flex;align-items:center;justify-content:flex-start;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-controls-section .section-header-servo.controls .section-title-left{display:flex;align-items:center;gap:10px}.servo-controls-section .section-header-servo.controls h3{font-size:15px;font-weight:700;color:var(--gray3)}.servo-controls-section .section-header-servo.controls svg{opacity:1;font-size:18px}.servo-controls-section .controls-toggle{background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:8px;margin-left:auto}.servo-controls-section .controls-toggle:hover{background:rgba(255,255,255,.06)}.dashboard-layout.dark .servo-controls-section{background:#121212;border-color:#70707012}.servo-stats-section .section-toggle,.servo-schedule-section .section-toggle,.servo-map-section .section-toggle{background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:8px;margin-left:auto}.servo-stats-section .section-toggle:hover,.servo-schedule-section .section-toggle:hover,.servo-map-section .section-toggle:hover{background:rgba(255,255,255,.06)}.servo-stats-section.collapsed,.servo-schedule-section.collapsed,.servo-controls-section.collapsed,.servo-map-section.collapsed,.servo-stint-network-section.collapsed{padding:0;margin:0;min-height:41px;height:41px;max-height:41px;background:transparent;border:none;box-shadow:none;border-radius:0;grid-row:auto;flex:none;overflow:hidden}.servo-stats-section.collapsed,.servo-schedule-section.collapsed,.servo-controls-section.collapsed,.servo-map-section.collapsed,.servo-stint-network-section.collapsed{display:none!important;margin-bottom:0}.servo-stats-section .section-header-servo{display:flex;align-items:center;justify-content:flex-start;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-stats-section .section-header-servo .section-title-left{display:flex;align-items:center;gap:10px}.servo-stats-section .section-header-servo h3{font-size:15px;font-weight:700;color:var(--gray3);text-align:left}.servo-stats-section .section-header-servo svg{opacity:1;font-size:18px}.servo-schedule-section .section-header-servo{display:flex;align-items:center;justify-content:flex-start;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-schedule-section .section-header-servo .section-title-left{display:flex;align-items:center;gap:10px}.servo-schedule-section .section-header-servo h3{font-size:15px;font-weight:700;color:var(--gray3);text-align:left}.servo-schedule-section .section-header-servo svg{opacity:1;font-size:18px}.servo-stint-network-section .section-header-servo{display:flex;align-items:center;justify-content:space-between;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-stint-network-section .section-header-servo .section-title-left{display:flex;align-items:center;gap:10px;justify-content:space-between!important}.servo-stint-network-section .section-header-servo h3{font-size:15px;font-weight:700;color:var(--gray3);text-align:left;justify-content:space-between!important}.servo-stint-network-section .section-header-servo svg{opacity:1;font-size:18px;justify-content:space-between!important}.servo-map-section .section-header-servo{display:flex;align-items:center;justify-content:flex-start;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-map-section .section-header-servo .section-title-left{display:flex;align-items:center;gap:10px}.servo-map-section .section-header-servo h3{font-size:15px;font-weight:700;color:var(--gray3);text-align:left}.servo-map-section .section-header-servo svg{opacity:1;font-size:18px}.servo-detail-location-header,.servo-detail-status-header,.servo-detail-schedule-header{display:flex;align-items:center;justify-content:flex-start;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);height:41px;border-radius:14px;padding:0 10px 0 14px;margin:unset;color:var(--text)}.servo-detail-location-header .section-title-left,.servo-detail-status-header .section-title-left,.servo-detail-schedule-header .section-title-left{display:flex;align-items:center;gap:10px}.servo-detail-location-header h3,.servo-detail-status-header h3,.servo-detail-schedule-header h3{font-size:15px;font-weight:700;color:var(--gray3)}.servo-detail-location-header svg,.servo-detail-status-header svg,.servo-detail-schedule-header svg{opacity:1;font-size:18px}.control-tile .control-tile-icon{width:auto;height:auto;border-radius:0;background:transparent;border:none;font-size:18px;color:var(--text)}.dashboard-layout.light .control-tile .control-tile-icon{color:var(--text)}.dashboard-layout.dark .control-tile.steer{background:linear-gradient(180deg,var(--red-red) 0%,rgba(217,53,53,.7) 45%,rgba(0,0,0,.95) 100%);position:relative;overflow:hidden}.dashboard-layout.dark .control-tile.steer:before{content:"";position:absolute;inset:0;background:url(https://i.ibb.co/CKnfvbsY/steerdark.png) center/cover no-repeat;transition:transform .3s ease;z-index:0}.dashboard-layout.light .control-tile.steer{background:linear-gradient(180deg,var(--red-red) 0%,rgba(217,53,53,.7) 45%,rgba(0,0,0,.95) 100%);position:relative;overflow:hidden}.dashboard-layout.light .control-tile.steer:before{content:"";position:absolute;inset:0;background:url(https://i.ibb.co/KpBY3CZb/steer-light.png) center/cover no-repeat;transition:transform .3s ease;z-index:0}.dashboard-layout.dark .control-tile.manage{background:linear-gradient(180deg,var(--red-red) 0%,rgba(217,53,53,.7) 45%,rgba(0,0,0,.95) 100%);position:relative;overflow:hidden}.dashboard-layout.dark .control-tile.manage:before{content:"";position:absolute;inset:0;background:url(https://i.ibb.co/XRYyTw5/Manage-Dark.png) center/cover no-repeat;transition:transform .3s ease;z-index:0}.dashboard-layout.light .control-tile.manage{background:linear-gradient(180deg,var(--red-red) 0%,rgba(217,53,53,.7) 45%,rgba(0,0,0,.95) 100%);position:relative;overflow:hidden}.dashboard-layout.light .control-tile.manage:before{content:"";position:absolute;inset:0;background:url(https://i.ibb.co/WNKxmK7f/Manage-White.png) center/cover no-repeat;transition:transform .3s ease;z-index:0}.control-tile.steer:hover:before,.control-tile.manage:hover:before{transform:scale(1.1);transform-origin:center}.dashboard-layout.dark .control-tile.logs,.dashboard-layout.light .control-tile.logs{background:var(--gray2);border:1px solid var(--best-gray);box-shadow:none}.control-tile.logs.active{border-color:var(--blue-blue);box-shadow:0 0 0 2px #0f83e933;background:rgba(15,131,233,.05)}.control-tile-logs-content{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 0;overflow-y:auto;overflow-x:hidden;max-height:140px;scrollbar-width:thin;scrollbar-color:var(--gray3) transparent}.control-tile-logs-content::-webkit-scrollbar{width:4px}.control-tile-logs-content::-webkit-scrollbar-track{background:transparent}.control-tile-logs-content::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:2px}.control-tile-logs-content::-webkit-scrollbar-thumb:hover{background:var(--gray2)}.log-entry-mini{display:flex;align-items:center;gap:6px;font-size:11px;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-timestamp-mini{color:var(--subtext);font-size:9px;min-width:45px}.log-level-mini{padding:1px 4px;border-radius:3px;font-size:8px;font-weight:600;text-transform:uppercase;min-width:35px;text-align:center}.log-level-mini.info{background:var(--blue-blue);color:#fff}.log-level-mini.success{background:#22c55e;color:#fff}.log-level-mini.warning{background:#f59e0b;color:#fff}.log-level-mini.error{background:#ef4444;color:#fff}.log-message-mini{color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis}.section-header-servo{display:flex;flex-direction:row;align-items:center;gap:10px;opacity:.5}.section-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text)}.section-header svg{color:var(--blue-blue);font-size:16px}.servo-map-section{grid-row:1 / 3;display:flex;flex-direction:column;gap:10px;background-color:var(--background);border-radius:16px;border:1px solid var(--best-gray);padding:10px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:all .2s ease}.servo-map-section .section-header{margin-bottom:20px}.servo-map-section .servo-location-map{border-radius:25px;overflow:hidden;background:var(--secondary-background);border:1px solid var(--best-gray)}.servo-map-section .servo-location-map .mapboxgl-canvas{max-height:100%!important}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background-color:var(--secondary-background);border:1px solid var(--best-gray);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.stat-card.clickable{cursor:pointer}.stat-card .stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.stat-icon.battery{background-color:#22c55e}.stat-icon.signal{background-color:#3b82f6}.stat-icon.network{background-color:#8b5cf6}.stat-icon.type{background-color:#f59e0b}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--gray2);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:15px;font-weight:600;color:var(--text)}.stat-value.ipv6{font-family:monospace;font-size:12px;background-color:var(--background);padding:4px 8px;border-radius:6px;border:1px solid var(--best-gray)}.stat-value.ipv6.masked{color:var(--gray2)}.stat-value.ipv6.revealed{color:var(--text)}.battery-bar{grid-column:1 / -1;width:100%;height:6px;background-color:var(--background);border:1px solid var(--best-gray);border-radius:6px;overflow:hidden}.battery-fill{height:100%;background-color:#22c55e;border-radius:6px;transition:width .3s ease}.stat-card-model{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px}.stat-model-thumb{width:100%;height:40px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));transition:transform .3s ease}.stat-model-thumb:hover{transform:scale(1.1)}.servo-model-subtitle{color:var(--gray2);font-size:12px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{background-color:var(--secondary-background);border:1px solid var(--best-gray);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.schedule-time{display:flex;flex-direction:column;gap:2px}.start-time{font-weight:500;color:var(--text);font-size:14px}.end-time,.schedule-details{font-size:12px;color:var(--gray2)}.work-order{background-color:var(--background);padding:4px 8px;border-radius:6px;border:1px solid var(--best-gray);font-family:monospace}.no-schedule{text-align:center;color:var(--gray2);padding:40px 20px}.control-buttons{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}.control-btn{padding:14px 20px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;transition:all .2s ease}.control-btn.start{background-color:#22c55e;color:#fff}.control-btn.start:hover{background-color:#16a34a}.control-btn.stop{background-color:#ef4444;color:#fff}.control-btn.stop:hover{background-color:#dc2626}.control-btn.charge{background-color:#f59e0b;color:#fff}.control-btn.charge:hover{background-color:#d97706}.control-btn.manage{background-color:#3b82f6;color:#fff}.control-btn.manage:hover{background-color:#2563eb}.loading{display:flex;align-items:center;justify-content:center;height:50vh;font-size:18px;color:var(--gray2)}.collapsed-sections-header{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--best-gray);flex-wrap:wrap}.collapsed-section-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--best-gray);border:1px solid rgba(112,112,112,.07);border-radius:20px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;opacity:.7}.collapsed-section-toggle:hover{opacity:1;background:rgba(59,130,246,.1);border-color:var(--blue-blue)}.collapsed-section-toggle svg{font-size:14px;color:var(--gray3)}.collapsed-section-toggle .expand-icon{font-size:12px;margin-left:4px}.collapsed-section-toggle span{white-space:nowrap}.logs-display{margin-top:16px;background:var(--background);border:1px solid var(--best-gray);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.logs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--secondary-background);border-bottom:1px solid var(--best-gray)}.logs-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text)}.logs-close-btn{background:transparent;border:none;color:var(--gray3);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.logs-close-btn:hover{background:var(--best-gray);color:var(--text)}.logs-content{max-height:300px;overflow-y:auto;padding:8px}.log-entry{display:grid;grid-template-columns:160px 80px 1fr;gap:12px;padding:8px 12px;border-radius:6px;margin-bottom:4px;font-family:Courier New,monospace;font-size:13px;align-items:center;transition:background-color .2s ease;border:1px solid transparent}.log-entry:hover{background:var(--secondary-background);border-color:var(--best-gray)}.log-timestamp{color:var(--gray2);font-size:11px;font-weight:500}.log-level{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;text-transform:uppercase;min-width:60px}.log-level.info{background:var(--blue-blue);color:#fff}.log-level.success{background:#22c55e;color:#fff}.log-level.warning{background:#f59e0b;color:#fff}.log-level.error{background:#ef4444;color:#fff}.log-message{color:var(--text);word-break:break-word;font-weight:400}.dashboard-layout.dark .log-entry{background:rgba(255,255,255,.02)}.dashboard-layout.light .log-entry{background:rgba(0,0,0,.02)}@media (max-width: 768px){.log-entry{grid-template-columns:1fr;gap:4px}.log-timestamp,.log-level{font-size:11px}}.servo-section.dragging{opacity:.5;transform:rotate(2deg);z-index:1000;box-shadow:0 8px 25px #0000004d}.servo-section.drag-over{border:2px dashed var(--blue-blue);background-color:#3b82f61a;transform:scale(1.02)}.servo-section:not(.dragging):hover{box-shadow:0 4px 15px #0000001a}.servo-section[draggable=true] .section-header-servo:hover{background-color:#3b82f60d}.servo-section.dragging *{user-select:none;pointer-events:none}.servo-detail-grid{transition:all .3s ease}@media (max-width: 1024px){.servo-detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 900px){.servo-detail-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:16px}.servo-map-section,.servo-stats-section,.servo-schedule-section,.servo-controls-section,.servo-stint-network-section{grid-row:auto!important;grid-column:1!important}.servo-map-section{padding:0;overflow:hidden}.servo-map-section .section-header,.servo-map-section .section-header-servo{padding:12px 12px 0;margin-bottom:12px}.servo-map-section .servo-location-map{width:100%;border-radius:0;border-left:none;border-right:none}.servo-map-section .servo-location-map .map-container{min-height:260px}.stats-grid,.controls-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 768px){.dashboard-layout .main-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(180px + env(safe-area-inset-bottom))}.servo-detail-header{height:auto;padding:16px 0}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.servo-title-section{margin-left:0;flex-direction:row}.servo-status{position:static;margin-top:12px}.map-container{height:200px}.servo-detail-grid{gap:12px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.collapsed-sections-header{gap:6px;padding-bottom:6px}.collapsed-section-toggle{padding:5px 10px;font-size:12px}.stats-grid{gap:10px}.stat-card{grid-template-columns:32px 1fr;gap:8px;padding:8px 10px;border-radius:10px}.stat-card .stat-icon{width:32px;height:32px;border-radius:10px;font-size:14px}.stat-info{gap:1px}.stat-label{font-size:10px;letter-spacing:.35px}.stat-value{font-size:13px}.stat-value.ipv6{font-size:10px;padding:3px 6px}.battery-bar{height:5px}.stat-card-model{grid-template-columns:40px 1fr;gap:10px}.stat-model-thumb{height:32px}.controls-grid{gap:10px}.control-tile{height:148px;border-radius:12px;box-shadow:inset 0 -20px 28px #0009,0 2px 8px #00000047}.control-tile:hover{box-shadow:inset 0 -20px 28px #0009,0 4px 12px #00000052}.tile-availability{top:8px;right:10px;gap:5px;height:18px;padding:2px 6px;font-size:10px}.tile-availability-dot{width:6px;height:6px}.control-tile-footer{left:12px;bottom:10px;gap:8px}.control-tile-icon,.control-tile-svg-icon{width:16px;height:16px;font-size:16px}.control-tile-title{font-size:14px}.control-tile-logs-content{gap:6px;padding:10px 0;max-height:98px}.log-entry-mini{font-size:10px;gap:5px}.log-timestamp-mini{font-size:8px;min-width:40px}.log-level-mini{font-size:7px;min-width:30px}}.stint-network-grid{display:grid;grid-template-columns:1fr;gap:5px}.stint-network-card{background-color:var(--gray1);border:1px solid var(--gray2)!important;border-radius:12px;padding:5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stint-network-card.clickable{cursor:pointer;transition:all .2s ease}.stint-network-card.clickable:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.stint-network-card-icon{width:40px;height:40px;border-radius:12px;background:var(--main-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gray3);flex-shrink:0}.stint-network-card-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.stint-network-card-label{font-size:11px;color:var(--gray3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.stint-network-card-value{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;margin-left:auto}.stint-network-settings-list{display:flex;flex-direction:column;gap:10px}.stint-network-setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--best-gray)}.stint-network-setting-row:last-child{border-bottom:none}.stint-network-setting-name{font-size:13px;color:var(--gray2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stint-network-setting-content{font-size:14px;font-weight:600;color:var(--text)}.stint-network-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20001}.stint-network-modal{width:900px;max-width:95vw;background:var(--main-background);color:var(--text);border:1px solid var(--best-gray);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;max-height:90vh;overflow-y:auto}.stint-network-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--best-gray)}.stint-network-modal-title-section{display:flex;align-items:center;gap:12px}.stint-network-modal-icon{width:20px;height:20px;color:var(--text);opacity:.8}.stint-network-modal-header h3{font-size:18px;font-weight:700;color:var(--text)}.stint-network-modal-close{background:transparent;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}.stint-network-modal-close:hover{background:var(--best-gray)}.stint-network-modal-body{padding:32px;display:flex;flex-direction:column;gap:28px}.stint-network-setting-group{display:flex;flex-direction:column;gap:16px}.stint-network-toggle-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--best-gray)}.stint-network-toggle-main-label{font-size:18px;font-weight:600;color:var(--text);margin:0}.stint-network-toggle-switch{display:flex;align-items:center}.stint-network-toggle-checkbox{display:none}.stint-network-toggle-label{display:flex;align-items:center;cursor:pointer}.stint-network-toggle-slider{width:52px;height:28px;background:var(--best-gray);border-radius:14px;position:relative;transition:background .3s ease}.stint-network-toggle-slider:after{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left .3s ease;box-shadow:0 2px 4px #0003}.stint-network-toggle-checkbox:checked+.stint-network-toggle-label .stint-network-toggle-slider{background:var(--blue-blue)}.stint-network-toggle-checkbox:checked+.stint-network-toggle-label .stint-network-toggle-slider:after{left:26px}.stint-network-info-section{background:var(--best-gray);border:1px solid var(--gray2);border-radius:8px;padding:12px 16px;margin:0}.stint-network-info-text{font-size:13px;color:var(--text);line-height:1.6;margin:0;opacity:.85}.stint-network-info-link{color:var(--blue-blue);text-decoration:none;font-weight:600;transition:opacity .2s ease}.stint-network-info-link:hover{opacity:.8;text-decoration:underline}.stint-network-periods-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stint-network-time-format-toggle{padding:6px 12px;background:var(--background);border:1px solid var(--best-gray);border-radius:6px;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.stint-network-time-format-toggle:hover{background:var(--best-gray);border-color:var(--blue-blue)}.stint-network-calendar-container{background:var(--background);border:1px solid var(--best-gray);border-radius:12px;padding:16px;overflow:hidden;min-height:200px;height:auto}.stint-network-hours-ruler{display:flex;gap:0;margin-bottom:12px;font-size:11px;color:var(--gray3);font-weight:600;width:100%}.stint-network-hour-mark{flex:1;text-align:center;padding:4px 0;border-right:1px solid rgba(112,112,112,.2);display:flex;flex-direction:column;align-items:center;gap:2px}.stint-network-ampm{font-size:9px;opacity:.7}.stint-network-calendar-track{position:relative;min-height:60px;height:auto;padding-bottom:8px;background:linear-gradient(to right,rgba(59,130,246,.05) 0%,rgba(59,130,246,.05) 100%);border-radius:8px;background-image:repeating-linear-gradient(90deg,rgba(112,112,112,.1) 0,rgba(112,112,112,.1) 1px,transparent 1px,transparent calc((100% / 24) - 1px))}.stint-network-period-block{position:absolute;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 12px;cursor:default;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #0003}.stint-network-period-block:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.stint-network-period-info{display:flex;align-items:center;gap:8px;flex:1;font-size:12px;font-weight:600;color:#fff;position:relative;z-index:1;pointer-events:none}.stint-network-period-time{min-width:40px}.stint-network-period-divider{opacity:.8}.stint-network-period-remove-btn{position:absolute;right:15px!important;transform:translateY(-50%);background:rgba(0,0,0,.25);border:none;color:#fff;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;pointer-events:auto;z-index:3;line-height:1;font-weight:400;padding:0}.stint-network-period-remove-btn:hover{background:#ef4444;transform:translateY(-50%) scale(1.05)}.stint-network-period-handle{position:absolute;width:12px;height:100%;cursor:ew-resize;top:0;background:rgba(0,0,0,.15);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:2}.stint-network-period-handle:before{content:"⋮";color:#ffffffb3;font-size:16px;font-weight:700;line-height:1}.stint-network-period-handle:hover{background:rgba(0,0,0,.3);width:16px}.stint-network-period-handle:hover:before{color:#fff}.stint-network-period-handle-left{left:0;border-radius:8px 0 0 8px}.stint-network-period-handle-right{right:0;border-radius:0 8px 8px 0}.stint-network-time-period-remove{padding:8px 12px;background:transparent;border:1px solid var(--best-gray);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease;font-size:14px}.stint-network-time-period-remove:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.stint-network-add-period{padding:10px 16px;background:transparent;border:1px dashed var(--best-gray)!important;border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center}.stint-network-add-period:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(59,130,246,.05)}.stint-network-setting-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.stint-network-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stint-network-toggle-btn{padding:10px 12px;border:1px solid var(--best-gray);border-radius:8px;background:var(--background);color:var(--text);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.stint-network-toggle-btn:hover{border-color:var(--blue-blue);background:rgba(59,130,246,.05)}.stint-network-toggle-btn.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.stint-network-time-input{padding:10px 12px;border:1px solid var(--best-gray);border-radius:8px;background:var(--background);color:var(--text);font-size:14px;font-family:var(--font-family, sans-serif);transition:border .2s ease;min-width:120px}.stint-network-time-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #3b82f61a}.stint-network-input-group{display:flex;align-items:center;gap:8px;background:var(--background);border:1px solid var(--best-gray);border-radius:8px;padding:4px 8px;transition:border .2s ease}.stint-network-input-group:focus-within{border-color:var(--blue-blue);box-shadow:0 0 0 3px #3b82f61a}.stint-network-number-input{flex:1;border:none;background:transparent;color:var(--text);font-size:14px;font-family:var(--font-family, sans-serif);outline:none;padding:6px 0}.stint-network-number-input::-webkit-outer-spin-button,.stint-network-number-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stint-network-number-input[type=number]{-moz-appearance:textfield;appearance:textfield}.stint-network-unit{font-size:13px;font-weight:600;color:var(--gray3);white-space:nowrap}.stint-network-modal-footer{display:flex;gap:12px;padding:20px 32px;border-top:1px solid var(--best-gray);justify-content:flex-end}.stint-network-modal-save{padding:12px 24px;background:var(--blue-blue);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.stint-network-modal-save:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d;background:#2563eb}.stint-network-modal-save:active{transform:translateY(0)}@media (max-width: 720px){.stint-network-modal{width:90vw}.stint-network-grid{grid-template-columns:1fr}}.servo-location-map{height:100%;display:flex;flex-direction:column;background:var(--background);border-radius:12px;overflow:hidden}.map-container{flex:1;position:relative;background:var(--secondary-background);min-height:350px}.coordinate-pills{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:10}.coord-pill{background:var(--background);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:6px;font-size:12px}.coord-pill .coord-label{color:var(--sub-text);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.coord-pill .coord-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--text);font-weight:600;font-size:11px}.floating-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.control-pill{background:var(--background);border:1px solid rgba(0,0,0,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;color:var(--text)}.control-pill:hover{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.control-pill svg{font-size:14px}.map-overlay-info{position:absolute;top:12px;right:12px;background:var(--background);padding:8px 12px;border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026;z-index:10}.location-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text);margin-bottom:2px}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.last-update{font-size:9px;color:var(--text);text-align:center}.map-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;gap:12px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite}.map-loading-overlay span{font-size:14px;color:var(--text);font-weight:500}.map-error-overlay{position:absolute;inset:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026;z-index:10}.location-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--sub-text);margin-bottom:4px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{animation:statusBlink 1.5s infinite}@keyframes statusBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.last-update{font-size:11px;color:var(--text)}.map-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;background:var(--secondary-background);border-top:1px solid var(--best-gray)}.map-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--background);border:1px solid var(--best-gray);border-radius:6px;color:var(--text);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.map-btn:hover{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);transform:translateY(-1px)}.map-btn svg{font-size:10px}.toggle-style span{text-transform:capitalize}.servo-marker{cursor:pointer}.servo-marker-inner{transition:all .3s ease}.servo-marker:hover .servo-marker-inner{transform:scale(1.1);box-shadow:0 6px 20px #0006!important}.mapboxgl-popup-content{border-radius:8px!important;box-shadow:0 8px 24px #0003!important;border:1px solid var(--best-gray)!important}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#fff!important}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#fff!important}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#fff!important}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#fff!important}@media (max-width: 768px){.coordinates-display{grid-template-columns:1fr;gap:8px}.map-controls{grid-template-columns:repeat(2,1fr);gap:6px}.map-btn{padding:6px 8px;font-size:10px}.map-btn span{display:none}.coord-value{font-size:11px;color:var(--text);padding:4px 6px}}@media (max-width: 480px){.map-header{padding:12px}.map-controls{padding:8px}.map-overlay-info{top:8px;right:8px;padding:8px 10px}}.servo-manage-container{display:flex;flex-direction:column;gap:14px;padding:12px 18px 24px;flex:1;min-height:0}.servo-manage-header{display:flex;justify-content:space-between;align-items:flex-end;padding:14px 16px 0}.servo-manage-main-layout{display:flex;flex-direction:column;flex:1;min-height:0}.header-right{display:flex;align-items:center;gap:10px}.header-connect-btn{padding-inline:16px}.servo-manage-title h1{margin:0;font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.01em;font-family:ARLRDBD}.servo-manage-sub{color:var(--sub-text);font-size:12px;margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;font-family:ARLRDBD}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--best-gray);background:var(--secondary-background);color:var(--sub-text)}.chip.accent{border-color:#008cff40;background:rgba(0,140,255,.08);color:var(--text)}.servo-manage-connection-bar{display:flex;align-items:center;justify-content:space-between;background:var(--secondary-background);border:1px solid var(--best-gray);border-radius:16px;padding:10px 12px;box-shadow:0 6px 16px #0000000f}.servo-manage-conn-left{display:flex;align-items:center;gap:8px}.servo-manage-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0b66;transition:background .3s ease,box-shadow .3s ease}.servo-manage-dot.idle{background:#f59e0b}.servo-manage-dot.online{background:#22c55e;animation:servo-dot-pulse 1.8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 #22c55e59}@keyframes servo-dot-pulse{0%{box-shadow:0 0 #22c55e59}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.servo-manage-target{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;color:var(--text)}.servo-manage-conn-right{display:flex;gap:10px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--best-gray);background:var(--secondary-background);color:var(--text);transition:all .2s ease}.icon-btn:hover{background:var(--best-gray)}.settings-icon-btn svg{font-size:16px}.mode-icon-btn svg{font-size:16px}.icon-btn.active{outline:2px solid rgba(0,140,255,.35);box-shadow:0 0 0 4px #008cff1f inset}.servo-manage-btn{border-radius:10px;padding:8px 14px;font-size:13px;border:1px solid var(--best-gray);background:var(--secondary-background);color:var(--text);transition:all .2s ease;font-weight:500}.servo-manage-btn:hover{background:var(--best-gray)}.servo-manage-btn.primary{background:linear-gradient(180deg,rgba(30,144,255,.95),var(--blue-blue));color:#fff;border-color:var(--blue-blue);box-shadow:0 6px 14px #0000001a}.servo-manage-btn.secondary{background:var(--secondary-background);color:var(--text)}.servo-manage-btn:disabled,.servo-manage-btn[disabled]{opacity:.6;cursor:not-allowed;filter:grayscale(.1)}.servo-manage-terminal{background:var(--background);color:var(--text);border-radius:16px;border:1px solid var(--best-gray);overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1;box-shadow:0 10px 24px #00000014}.terminal-chrome{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.03));border-bottom:1px solid var(--best-gray)}.traffic-lights{display:flex;gap:6px}.traffic-lights .light{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.traffic-lights .light.red{background:#ff5f56}.traffic-lights .light.yellow{background:#ffbd2e}.traffic-lights .light.green{background:#27c93f}.terminal-title{display:flex;align-items:center;gap:8px;color:var(--sub-text);font-size:12px;font-weight:500}.terminal-status{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0b4d}.terminal-status.online{background:#22c55e;animation:servo-dot-pulse 1.8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 #22c55e4d}.terminal-host{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.terminal-actions{width:48px;height:1px}.servo-manage-terminal-output{padding:16px 16px 18px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;flex:1}.servo-manage-ssh-xterm-container{flex:1;display:flex;flex-direction:column}.servo-manage-ssh-xterm-container .xterm-viewport{padding:10px 12px 14px}.servo-manage-ssh-xterm-container .xterm{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.servo-manage-ssh-xterm-container .xterm .xterm-viewport::-webkit-scrollbar{width:8px;height:8px}.servo-manage-ssh-xterm-container .xterm .xterm-viewport::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px}.servo-manage-ssh-xterm-container .xterm .xterm-viewport::-webkit-scrollbar-track{background:transparent}.servo-manage-terminal-status{padding:8px 12px;font-size:12px;color:var(--sub-text);border-top:1px solid var(--best-gray);background:var(--secondary-background)}.servo-manage-terminal-input{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--secondary-background);border-top:1px solid var(--best-gray)}.servo-manage-terminal-input .servo-manage-prompt{color:var(--blue-blue);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.servo-manage-terminal-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px}.servo-manage-ssh-cred-input{border-radius:6px;border:1px solid var(--best-gray, #E5E7EB);background:var(--background);color:var(--text);padding:8px 10px;font-size:13px;transition:all .2s ease;box-shadow:0 0 0 2px #11182709;min-height:36px}.servo-manage-ssh-cred-input::placeholder{color:var(--sub-text);opacity:.8;font-weight:400}.servo-manage-ssh-cred-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #008cff26}.servo-manage-ssh-cred-input:hover{border-color:var(--gray2, #D1D5DB);box-shadow:0 0 0 3px #1118270f}.dark .servo-manage-ssh-cred-input{background:var(--background);border-color:var(--best-gray, #374151);box-shadow:0 0 0 2px #ffffff05}.dark .servo-manage-ssh-cred-input:hover{border-color:var(--gray2, #4B5563);box-shadow:0 0 0 3px #ffffff0a}.servo-manage-ssh-xterm-container{display:flex;flex-direction:column;flex:1;min-height:0}.novnc-container{flex:1;min-height:0;display:flex;background:#000}.novnc-container canvas{outline:none}.servo-manage-ssh-ip-input{min-width:220px}.input-with-toggle{position:relative}.input-with-toggle .toggle-visibility{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.icon-btn.tiny{width:28px;height:28px;border-radius:8px}.servo-manage-ssh-port-input{width:74px;text-align:center}.servo-manage-advanced{margin:8px 0 12px;background:var(--secondary-background);border:1px solid var(--best-gray);border-radius:14px;padding:12px}.servo-manage-adv-label{display:block;font-size:12px;color:var(--sub-text);margin-bottom:6px}.servo-manage-adv-textarea{width:100%;min-height:120px;border-radius:6px;border:1px solid var(--best-gray);background:var(--background);color:var(--text);padding:8px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;box-shadow:0 0 0 2px #00000005}.servo-manage-adv-textarea:hover{border-color:var(--gray2);box-shadow:0 0 0 3px #0000000d}.servo-manage-adv-textarea:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #008cff26}.servo-manage-adv-hint{font-size:11px;color:var(--sub-text);margin-top:6px}.servo-manage-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.servo-manage-modal{width:min(720px,92vw);background:var(--background);border:1px solid var(--best-gray);border-radius:16px;box-shadow:0 20px 40px #00000040}.servo-manage-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--best-gray)}.servo-manage-modal-header h3{margin:0;font-size:16px;font-weight:600}.close-icon-btn{width:32px;height:32px;border-radius:8px}.servo-manage-modal-body{padding:14px;display:flex;flex-direction:column;gap:10px}.servo-manage-modal-body .servo-manage-ssh-cred-input{background:var(--secondary-background);box-shadow:inset 0 1px #ffffff0a,0 0 0 2px #11182708}.modal-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.servo-manage-modal-footer{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--best-gray)}.link-btn{background:transparent;border:none;color:var(--blue-blue);text-decoration:underline;font-size:12px;width:fit-content;padding:4px 2px;cursor:pointer}.menu-item.active{background-color:color-mix(in srgb,var(--blue-blue) 10%,#000 0%);border:1px solid var(--blue-blue);color:var(--blue-blue);font-weight:500;cursor:pointer}.menu-item.active-servo{background-color:var(--blue-light)!important;border-color:var(--blue-blue)}.menu-item.active-servo:before{background-color:var(--blue-blue)}.menu-servo-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--gray3);margin-right:8px;transition:background-color .3s ease}.menu-item.active-servo .menu-servo-indicator{background-color:var(--blue-blue)}.selected-servo-preview{width:100%;margin-bottom:20px;background-color:var(--background);border-radius:20px;border:2px solid var(--best-gray);box-shadow:0 2px 5px var(--shadow);padding:20px;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.selected-servo-content{display:flex;gap:20px;margin-top:15px;min-height:300px}.selected-servo-viewer{width:60%;border-radius:10px;overflow:hidden;background-color:var(--secondary-background);border:1px solid var(--best-gray);position:relative}.servo-viewer-large{width:100%;height:100%}.selected-servo-details{width:40%;display:flex;flex-direction:column}.selected-servo-details p{margin-bottom:20px;flex:1}.servo-actions{display:flex;flex-direction:column;gap:10px}.action-button{padding:12px 15px;border-radius:10px;border:none;background-color:var(--secondary-background);color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;transition:all .3s ease}.action-button:hover{transform:translateY(-2px);box-shadow:0 3px 10px var(--shadow)}.action-button.primary{background-color:var(--blue-blue);color:#fff}.servo-card.selected{border-color:var(--blue-blue);transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow)}.servo-card.selected .servo-viewer>canvas{outline:2px solid var(--blue-blue)}.servo-card.add-servo{border:2px dashed var(--best-gray);background:var(--secondary-background);cursor:pointer;transition:all .3s ease}.servo-card.add-servo:hover{border-color:var(--blue-blue);transform:translateY(-5px)}.add-servo-view{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray3)}.add-servo-text{margin-top:15px;font-size:16px;font-weight:500}.servos-modal-overlay{position:fixed;inset:0;background-color:#0000008c;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.servos-modal-content{width:560px;max-width:90%;max-height:90vh;border:2px solid var(--best-gray);background-color:var(--background);border-radius:18px;box-shadow:0 16px 40px #00000059;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.servos-modal-content .servo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--best-gray)}.servos-modal-content .servo-modal-header h2{margin:0;font-size:18px;color:var(--text)}.servos-modal-content .close-button{background:none;border:none;cursor:pointer;color:var(--sub-text);font-size:18px}.servos-modal-content .modal-body{padding:20px 16px;max-height:62vh;overflow-y:auto;display:grid}.servo-close-button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text);border:none;border-radius:8px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;transition:all .2s ease;width:fit-content}.servos-modal-content .preview-modal-body{padding:0}.servos-modal-content .servo-preview-container{min-height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-background)}.servos-modal-content .modal-footer{display:flex;justify-content:flex-end;padding:14px 16px;gap:12px;border-top:1px solid var(--best-gray)}.servos-modal-content .primary-button,.servos-modal-content .secondary-button{padding:10px 20px;border-radius:8px;border:none;font-size:16px;cursor:pointer;transition:all .2s ease}.servos-modal-content .primary-button{background-color:var(--blue-blue);color:#fff}.servos-modal-content .primary-button:hover{background-color:var(--blue-hover);transform:translateY(-2px)}.servos-modal-content .primary-button:disabled{background-color:var(--best-gray);cursor:not-allowed;transform:none}.servos-modal-content .secondary-button{background-color:var(--secondary-background);color:var(--text)}.servos-modal-content .secondary-button:hover{background-color:var(--best-gray)}.servos-modal-content .form-group{margin-bottom:10px!important}.servos-modal-content .form-group .upload-label{display:flex;align-items:center;justify-content:space-between}.servos-modal-content .form-group .upload-label label{display:block;margin-bottom:8px;font-size:16px;color:var(--text)}.servos-modal-content .form-group .upload-label .info-tooltip{margin-left:10px;color:var(--sub-text);cursor:pointer}.servos-modal-content .form-group .upload-label .info-tooltip svg{font-size:16px}.servos-modal-content .form-group input[type=text]{width:100%;padding:10px 15px;border-radius:8px;border:2px solid var(--best-gray);background-color:var(--secondary-background);color:var(--text);font-size:16px;transition:border-color .3s ease;width:calc(100% - 4px);box-sizing:border-box}.servos-modal-content .form-group input[type=text]:focus{border-color:var(--blue-blue);outline:none}.servos-modal-content .checkbox-group{display:flex;align-items:center;gap:10px}.servos-modal-content .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue-blue)}.servos-modal-content .file-upload{border:2px dashed var(--best-gray);border-radius:8px;padding:20px;text-align:center;position:relative}.servos-modal-content .file-upload input[type=file]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.servos-modal-content .file-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--sub-text);cursor:pointer}.servos-modal-content .file-upload-label svg{font-size:24px}.servos-modal-content .uploaded-files{margin-top:15px;text-align:left;background-color:var(--secondary-background);border-radius:8px;padding:10px}.servos-modal-content .uploaded-files p{margin:0 0 5px;font-weight:500}.servos-modal-content .uploaded-files ul{list-style-type:none;padding:0;margin:0}.uploaded-files li{padding:5px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000}.search-modal.visible{opacity:1;pointer-events:auto}.search-container{width:600px;max-width:90%;background-color:var(--background);border-radius:20px;box-shadow:0 10px 30px var(--shadow);transform:translateY(-20px);opacity:0;transition:all .3s ease;overflow:hidden}.search-modal.visible .search-container{transform:translateY(0);opacity:1}.search-input-container{padding:20px;border-bottom:1px solid var(--best-gray)}.search-input{width:100%;padding:10px 15px;border-radius:10px;border:2px solid var(--best-gray);background-color:var(--secondary-background);color:var(--text);font-size:16px;outline:none;transition:border-color .3s ease}.search-input::placeholder{color:var(--sub-text)}.search-results{max-height:400px;overflow-y:auto;padding:10px}.search-results::-webkit-scrollbar{width:6px}.search-category{padding:10px;color:var(--sub-text);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.search-category:first-child{padding-top:0}.search-result-item{display:flex;align-items:center;gap:15px;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{background-color:var(--secondary-background)}.search-result-icon{width:40px;height:40px;background-color:var(--best-gray);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease}.search-result-item:hover .search-result-icon{transform:scale(1.1);background-color:var(--blue-blue);color:#fff}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px}.search-result-description{font-size:14px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-shortcut{background-color:var(--best-gray);padding:4px 8px;border-radius:6px;display:flex;gap:4px;opacity:.7;transition:all .2s ease}.shortcut-key{font-size:12px;padding:2px 6px;background-color:var(--background);border-radius:4px;color:var(--text)}.search-result-item.selected{background-color:var(--secondary-background)}.search-result-item.selected .search-result-icon{background-color:var(--blue-blue);color:#fff}.search-result-item.selected .search-result-title{color:var(--blue-blue)}.content-grid-servo{display:flex;gap:20px;padding:20px;height:calc(100vh - 60px);overflow:hidden}.servo-grid{flex:1;overflow-y:auto;padding-right:10px;transition:all .3s ease}.servo-grid.with-details{flex:0 0 65%}.servo-details-panel{flex:0 0 35%;background-color:var(--background);border-radius:20px;box-shadow:0 2px 10px var(--shadow);overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.details-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--best-gray)}.details-header h2{margin:0;font-size:24px;font-weight:500}.close-details{background:none;border:none;color:var(--sub-text);cursor:pointer;font-size:20px;padding:5px;transition:color .2s ease}.close-details:hover{color:var(--text)}.details-content{padding:20px}.selected-servo-viewer{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background-color:var(--secondary-background);border:1px solid var(--best-gray);margin-bottom:20px}.servo-info{color:var(--text);margin-top:10px}.servo-info p{line-height:1.5}.servo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0;grid-auto-flow:dense}@media (max-width: 900px){.servo-cards{grid-template-columns:1fr;gap:16px}}.servo-card.selected{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border-color:var(--blue-blue);transform:none}.servo-card.selected .servo-view{margin:-20px 0 -20px -20px;border-radius:8px 0 0 8px;height:calc(100% + 40px)}.servo-card.selected .servo-viewer{height:100%}.servo-card.selected .servo-name-Page{display:none}.servo-details{padding:0 10px;display:flex;flex-direction:column;gap:15px}.servo-details h2{margin:0;font-size:24px;color:var(--text)}.servo-details p{margin:0;color:var(--sub-text);line-height:1.5}.servo-details .servo-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.servo-card{position:relative;border:1px solid var(--best-gray)!important;border-radius:16px;padding:5px!important;overflow:hidden;background:linear-gradient(145deg,var(--background) 0%,var(--secondary-background) 100%);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease,background .4s ease;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 4px 12px -2px #00000014,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(6px)}.servo-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px -6px #0003,0 0 0 1px var(--blue-blue);border-color:var(--blue-blue)}.dashboard-layout.dark .servo-card{box-shadow:0 4px 14px -4px #0000008c}.dashboard-layout.light .servo-card{box-shadow:0 4px 10px -4px #00000026}.servo-view{flex:1;max-height:210px;background:var(--secondary-background);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:12px!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.servo-viewer{width:100%;height:100%;min-height:200px}.servo-card.selected{grid-column-end:span 2;height:380px;cursor:default;z-index:1;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0}.servo-card.selected .servo-view{height:100%;margin:0;border-radius:6px 0 0 6px;position:relative}.servo-card.selected .servo-viewer{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.servo-card.selected .servo-details{padding:1rem;overflow:auto;display:flex;flex-direction:column}@media (max-width: 768px){.servo-card.selected{grid-column-end:span 1;height:auto;display:flex;flex-direction:column}.servo-card.selected .servo-view{height:220px;border-radius:6px 6px 0 0}}.servo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;grid-auto-flow:dense}.servo-card.selected{grid-column-end:span 2;height:auto;min-height:300px;cursor:default;z-index:1}.servo-card.selected .servo-view{position:absolute;top:0;left:0;width:50%;height:100%;margin:0}.servo-card.selected .servo-details{position:absolute;top:0;right:0;width:50%;height:100%;box-sizing:border-box;opacity:1;transform:translate(0);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.servo-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.servo-card.selected{grid-column:1 / -1}.servo-card.selected .servo-view{position:relative;width:100%;height:200px}.servo-card.selected .servo-details{position:relative;width:100%;height:auto}}@media (max-width: 768px){.servo-card.selected{height:auto;min-height:480px;grid-template-columns:1fr}.servo-card.selected .servo-view{height:280px;min-height:280px;border-radius:6px 6px 0 0}.servo-card.selected .servo-viewer{height:100%;min-height:280px}.servo-details{border-left:none;border-top:1px solid var(--best-gray)}}@media (max-width: 1400px){.servo-grid.with-details{flex:0 0 60%}.servo-details-panel{flex:0 0 40%}.servo-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 1200px){.servo-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 1100px){.servo-grid.with-details,.servo-details-panel{flex:0 0 50%}.servo-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.content-grid{flex-direction:column;height:auto}.servo-grid.with-details,.servo-details-panel{flex:none}.servo-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.selected-servo-viewer{aspect-ratio:4/3}.servo-card.selected{grid-column:span 1;grid-template-columns:1fr}.servo-card.selected .servo-view{margin:-20px -20px 0;border-radius:8px 8px 0 0;height:200px}}@media (max-width: 480px){.servo-cards{grid-template-columns:1fr}.servo-card{max-width:none}}.top-bar-buttons,.servos-page-top-bar-buttons{display:flex;gap:12px;align-items:center}@media (max-width: 900px){.servos-page-top-bar-buttons{justify-content:flex-end}}.tutorials-button.secondary{background-color:var(--secondary-background);border:1px solid var(--best-gray);color:var(--text)}.tutorials-button.secondary:hover{background-color:var(--gray3);border-color:var(--blue-blue)}.servo-name-Page{font-size:15px;font-weight:600;letter-spacing:.3px;color:var(--text);margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.servo-nickname{font-size:13px;color:var(--gray2);font-style:italic;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servo-details-mini{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:12px;color:var(--gray2)}.servo-model,.servo-ipv6,.servo-author,.servo-description,.servo-status,.servo-battery{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servo-status{font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;flex-shrink:0}.servo-ipv6{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:rgba(0,0,0,.04);padding:4px 8px;border-radius:6px;border:1px solid var(--best-gray);font-size:11px;display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.1;color:var(--text)}.servo-battery{color:var(--gray3);font-size:11px;background:rgba(255,255,255,.04);padding:4px 8px;border-radius:6px;border:1px solid var(--best-gray);width:fit-content}.new-tag-servo{position:absolute;background:var(--blue-blue)!important;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:2}.model-card{cursor:pointer;transition:all .2s ease}.model-card.disabled{opacity:.6;cursor:not-allowed}.model-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow);border-color:var(--blue-blue)}.servos-modal-content .form-group{margin-bottom:20px}.servos-modal-content .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}.servos-modal-content .model-select,.servos-modal-content .ipv6-input,.servos-modal-content .model-name-input{width:100%;padding:12px;border:1px solid var(--best-gray);border-radius:8px;background-color:var(--background);color:var(--text);font-size:14px;transition:border-color .2s ease}.servos-modal-content .model-select:focus,.servos-modal-content .ipv6-input:focus,.servos-modal-content .model-name-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #008cff1a}.servos-modal-content .selected-model-info{background-color:var(--secondary-background);padding:16px;border-radius:8px;border:1px solid var(--best-gray)}.servos-modal-content .selected-model-info h3{margin:0 0 8px;color:var(--blue-blue)}.servos-modal-content .selected-model-info p{margin:0;color:var(--gray2);font-size:14px}.servo-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;position:relative;overflow:hidden}.servo-image-placeholder.default{background:radial-gradient(circle at 30% 30%,rgba(0,140,255,.25),transparent 70%),linear-gradient(135deg,var(--secondary-background) 0%,var(--background) 100%)}.servo-image-placeholder.model{background:var(--best-gray);color:var(--text-secondary)}.servo-image-placeholder.with-image{background:var(--gray1)}.servo-image{width:100%;height:100%;object-fit:contain}.servo-image.personal{max-width:90%;max-height:90%}.servo-image.model{max-width:80%;max-height:80%}.servo-status-indicator{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 3px #00000040}.servo-status-indicator.active{background-color:#22c55e}.servo-status-indicator.idle{background-color:#3b82f6}.servo-status-indicator.charging{background-color:#f59e0b}.servo-status-indicator.maintenance{background-color:#ef4444}.servo-status-indicator.default{background-color:#6b7280}.status-dot.active{background-color:#22c55e}.status-dot.idle{background-color:#3b82f6}.status-dot.charging{background-color:#f59e0b}.status-dot.maintenance{background-color:#ef4444}.status-dot.default{background-color:#6b7280}.servo-detail-icon{margin-right:6px;font-size:10px}.servo-placeholder-icon{font-size:3rem}.servo-placeholder-icon.hidden{display:none}.servo-placeholder-icon.shown{display:flex}.servo-status-chip{align-self:flex-start;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;background:var(--best-gray);color:var(--text);display:inline-flex;gap:6px;position:relative}.servo-status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9;align-self:center}.servo-status-chip.active{background:rgba(34,197,94,.15);color:#31d675}.servo-status-chip.idle{background:rgba(59,130,246,.15);color:#3b82f6}.servo-status-chip.charging{background:rgba(245,158,11,.18);color:#f59e0b}.servo-status-chip.maintenance{background:rgba(239,68,68,.15);color:#ef4444}.servo-status-chip.default{background:rgba(107,114,128,.18);color:#6b7280}.servo-card:not(.model-card) .servo-details-mini{display:grid;grid-template-columns:1fr auto;grid-auto-rows:minmax(18px,auto);background:linear-gradient(180deg,var(--secondary-background) 0%,var(--background) 100%);padding:10px 12px;border:1px solid var(--best-gray);border-radius:10px;gap:8px 12px;position:relative}.servo-card:not(.model-card) .servo-details-mini:before{content:"";position:absolute;inset:0;border-radius:10px;background:radial-gradient(circle at 75% 30%,rgba(0,140,255,.08),transparent 70%);pointer-events:none}.servo-card:not(.model-card) .servo-model{grid-column:1;opacity:.85}.servo-card:not(.model-card) .servo-status-chip{grid-column:2;justify-self:end}.servo-card:not(.model-card) .servo-ipv6{grid-column:1}.servo-card:not(.model-card) .servo-battery{grid-column:2;justify-self:end}.servo-card:not(.model-card) .servo-ipv6{background:rgba(0,0,0,.03)}.dashboard-layout.dark .servo-card:not(.model-card) .servo-ipv6{background:rgba(255,255,255,.05)}.servo-card:not(.model-card) .servo-battery{background:rgba(0,0,0,.03)}.dashboard-layout.dark .servo-card:not(.model-card) .servo-battery{background:rgba(255,255,255,.05)}.servos-status-pill{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:600;letter-spacing:.7px;padding:4px 10px 3px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;box-shadow:0 2px 6px #0000004d}.servos-status-pill.active{background:rgba(34,197,94,.75)}.servos-status-pill.idle{background:rgba(59,130,246,.75)}.servos-status-pill.charging{background:rgba(245,158,11,.8)}.servos-status-pill.maintenance{background:rgba(239,68,68,.8)}.servos-status-pill.online{background:rgba(34,197,94,.75)}.servos-status-pill.working{background:rgba(22,163,74,.8)}.servos-status-pill.offline{background:rgba(107,114,128,.85)}.servos-status-pill.archived{background:rgba(156,163,175,.85)}.servos-model-pill{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.85);color:var(--text);font-size:11px;font-weight:500;padding:4px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #00000040;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-layout.dark .servos-model-pill{background:rgba(0,0,0,.55);color:#fff}.servos-quick-stats{margin-top:8px;display:flex}.servos-battery-pill{font-size:11px;background:linear-gradient(90deg,rgba(0,140,255,.12),rgba(0,140,255,.05));color:var(--text);padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-weight:500;border:1px solid var(--best-gray)}.dashboard-layout.dark .servos-battery-pill{background:rgba(255,255,255,.05)}.servos-battery-pill-overlay{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.9);color:var(--text);font-size:10px;font-weight:600;padding:4px 9px 3px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;letter-spacing:.5px;box-shadow:0 2px 6px #00000040}.dashboard-layout.dark .servos-battery-pill-overlay{background:rgba(0,0,0,.55);color:#fff}.servo-card .servo-details-mini{display:none}.new-tag-servo{top:10px;left:10px;border-radius:8px;background:linear-gradient(135deg,var(--blue-blue) 0%,var(--blue-hover) 100%);box-shadow:0 4px 10px -2px #008cff66}.beta-tag-servo{position:absolute;top:10px;right:10px;background:#f59e0b;color:#111;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 10px -2px #00000040}.coming-soon-text{display:inline-block;margin-top:4px;font-size:11px;color:var(--sub-text)}.model-card .servo-view{background:linear-gradient(140deg,var(--secondary-background) 0%,var(--background) 90%)}.model-card .servo-name-Page{font-size:14px}.model-card .servo-description{font-size:11px;line-height:1.3;opacity:.85}.model-card .servo-details-mini{gap:4px;margin-top:4px}.servo-card:focus-visible{outline:2px solid var(--blue-blue);outline-offset:2px}.servos-page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.servos-page-section-header h2{font-size:1.8rem;font-weight:600;margin:0;color:var(--text)}.servos-filter-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--best-gray);border-radius:8px;background:var(--background);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.servos-filter-button:hover{background:var(--gray1);border-color:var(--blue-blue);color:var(--blue-blue)}.servos-filter-button svg{font-size:12px}@media (max-width: 900px){.servos-page-section-header{flex-direction:row;justify-content:space-between;gap:1rem;align-items:center}.servos-page-section-header h2{text-align:left;flex:1}.servos-filter-button{flex-shrink:0;padding:4px 8px;font-size:.8rem}}.sync-app-note{margin-top:8px;padding:10px 12px;border:1px solid var(--best-gray);border-left:3px solid var(--blue-blue);background:linear-gradient(180deg,var(--secondary-background) 0%,var(--background) 100%);border-radius:8px;color:var(--text);font-size:13px}.sync-app-note-title{font-weight:600;margin-bottom:4px}.sync-app-note a{color:var(--blue-blue);text-decoration:underline}.servos-page-add-model-btn,.servos-page-add-servo-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.servos-page-add-model-btn:hover,.servos-page-add-servo-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.servos-page-add-model-btn:active,.servos-page-add-servo-btn:active{transform:translateY(0)}.session-page{height:100vh;max-height:100%;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.session-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.session-content{display:grid;grid-template-columns:1fr 340px;gap:20px;flex:1;min-height:0;overflow:hidden}.session-left{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.session-video-container{position:relative;background:var(--gray2);border-radius:12px;flex:1;min-height:0;overflow:hidden}.session-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--sub-text);font-size:14px}.session-video-placeholder video{width:100%;height:100%;object-fit:contain}.session-connection-label{font-size:12px;color:var(--sub-text)}.session-timeline{height:20px;background:var(--gray2);border-radius:10px;overflow:visible;position:relative;cursor:pointer;flex-shrink:0}.session-timeline:hover{background:var(--best-gray)}.session-timeline-progress{height:100%;background:var(--blue-blue);border-radius:10px;pointer-events:none;position:absolute;top:0;left:0}.session-timeline-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--text);border-radius:50%;box-shadow:0 2px 4px #0003;pointer-events:none}.session-timeline-marker{position:absolute;top:2px;bottom:2px;width:4px;transform:translate(-50%);pointer-events:none;border-radius:2px;z-index:2}.session-timeline-marker--movement{background:var(--text);opacity:.6}.session-timeline-marker--action{background:var(--green-green);width:6px;opacity:.9}.session-timeline-marker--flow{background:var(--orange-orange)}.session-bottom-row{display:flex;gap:12px;align-items:stretch;flex-shrink:0}.session-keyboard-box{width:80px;height:80px;background:var(--gray2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-keyboard-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:11px;font-weight:600;color:var(--sub-text)}.session-keyboard-keys span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--best-gray);border-radius:4px}.session-action-box{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;background:var(--best-gray);border-radius:10px}.session-action-label{font-size:12px;color:var(--sub-text)}.session-action-pill{display:inline-block;padding:4px 10px;background:var(--gray2);border-radius:6px;font-size:11px;font-weight:500;color:var(--text)}.session-stats-box{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;background:var(--best-gray);border-radius:10px}.session-stat{font-size:12px;color:var(--sub-text)}.session-frame-thumb{width:80px;height:80px;background:var(--gray2);border-radius:10px;flex-shrink:0}.session-map-box{flex:1;min-width:120px;height:80px;background:var(--gray2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:12px}.session-right{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.session-event-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--best-gray);border:1px solid var(--line-color);border-radius:12px}.session-event-icon{width:44px;height:44px;background:var(--gray2);border-radius:8px;flex-shrink:0}.session-event-avatar{width:44px;height:44px;background:var(--red-red);border-radius:50%;flex-shrink:0}.session-event-info{flex:1;min-width:0}.session-event-title{font-size:12px;color:var(--sub-text)}.session-event-subtitle{font-size:15px;font-weight:600;color:var(--text)}.session-event-row{display:flex;gap:12px;align-items:baseline}.session-event-name{font-size:14px;font-weight:600;color:var(--text)}.session-event-region,.session-event-detail{font-size:12px;color:var(--sub-text)}.session-event-map-thumb{width:50px;height:50px;background:var(--gray2);border-radius:8px;flex-shrink:0}@media (max-width: 900px){.session-content{grid-template-columns:1fr}.session-right{order:-1}.session-bottom-row{flex-wrap:wrap}}.session-event-card--clickable{cursor:pointer;transition:background .2s ease}.session-event-card--clickable:hover{background:var(--gray2)}.session-event-view-btn{padding:6px 12px;background:var(--text);color:var(--main-background);border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.session-event-view-btn:hover{opacity:.85}.session-workorder-inline{background:var(--best-gray);border:1px solid var(--line-color);border-radius:12px;overflow:hidden}.session-events-timeline{background:var(--best-gray);border:1px solid var(--line-color);border-radius:12px;overflow:hidden;flex:1;min-height:120px;display:flex;flex-direction:column}.session-events-timeline--empty{display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:13px}.session-events-timeline-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line-color);flex-shrink:0}.session-events-timeline-title{font-size:13px;font-weight:600;color:var(--text)}.session-events-timeline-count{font-size:11px;color:var(--sub-text);background:var(--gray2);padding:3px 8px;border-radius:10px}.session-events-timeline-list{flex:1;overflow-y:auto;padding:8px 0}.session-timeline-event{display:flex;align-items:center;gap:10px;padding:8px 14px;transition:background .15s ease}.session-timeline-event:hover{background:var(--gray2)}.session-timeline-event-time{font-size:11px;font-weight:500;color:var(--sub-text);min-width:36px;font-family:monospace}.session-timeline-event-icon{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-timeline-event-icon-img{width:20px;height:20px;object-fit:contain;filter:var(--icon-filter, none)}.session-timeline-event-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.session-timeline-event-label{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-timeline-event-detail{font-size:11px;color:var(--sub-text)}.session-timeline-event--movement .session-timeline-event-label{color:var(--blue-blue)}.session-timeline-event--action .session-timeline-event-label{color:var(--green-green)}.session-timeline-event--flow .session-timeline-event-label{color:var(--orange-orange)}.session-timeline-event--active{background:var(--gray2)}.session-timeline-event--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue-blue)}.session-timeline-event{position:relative;cursor:pointer}.session-keyboard-key--active{background:var(--blue-blue)!important;color:#fff!important}.session-action-pill--active{background:var(--green-green)!important;color:#fff!important}.session-timeline--loading{opacity:.7}.session-timeline-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--sub-text);background:var(--best-gray);padding:2px 8px;border-radius:4px;z-index:5;white-space:nowrap}.session-video-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:2}.session-action-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.session-action-btn:hover{background:rgba(0,0,0,.85);border-color:#fff3}.session-action-btn:disabled{opacity:.5;cursor:not-allowed}.session-action-btn svg{font-size:14px}.session-action-btn--primary{background:var(--green-green);border-color:var(--green-green)}.session-action-btn--primary:hover{background:#2d9348}.session-action-btn--cancel{padding:10px 12px;background:rgba(217,53,53,.8);border-color:transparent}.session-action-btn--cancel:hover{background:var(--red-red)}.session-timeline--clip-mode{cursor:crosshair}.session-timeline--clip-mode:hover{background:var(--gray2)}.session-timeline-clip-range{position:absolute;top:0;bottom:0;background:rgba(52,168,83,.3);pointer-events:none;z-index:1}.session-timeline-clip-marker{position:absolute;top:-4px;bottom:-4px;width:4px;transform:translate(-50%);pointer-events:none;z-index:3;border-radius:2px}.session-timeline-clip-marker--start{background:var(--green-green)}.session-timeline-clip-marker--end{background:var(--red-red)}.sessions-page{height:100vh;max-height:100%;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;background:var(--main-background)}.sessions-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.sessions-title{font-size:20px;font-weight:600;color:var(--text);margin:0}.sessions-count{font-size:13px;color:var(--sub-text);background:var(--best-gray);padding:4px 10px;border-radius:12px;margin-left:auto}.sessions-filters{display:flex;gap:16px;flex-shrink:0;flex-wrap:wrap}.sessions-filter-group{display:flex;align-items:center;gap:8px}.sessions-filter-label{font-size:13px;color:var(--sub-text)}.sessions-filter-select{padding:8px 12px;background:var(--best-gray);border:1px solid var(--line-color);border-radius:8px;font-size:13px;color:var(--text);cursor:pointer;min-width:120px}.sessions-filter-select:focus{outline:none;border-color:var(--blue-blue)}.sessions-error{padding:16px;background:rgba(217,53,53,.1);border:1px solid var(--red-red);border-radius:10px;color:var(--red-red);font-size:14px;text-align:center;flex-shrink:0}.sessions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--sub-text);font-size:14px}.sessions-spinner{width:32px;height:32px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:sessions-spin .8s linear infinite}.sessions-spinner-small{width:20px;height:20px;border-width:2px}@keyframes sessions-spin{to{transform:rotate(360deg)}}.sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--sub-text);font-size:14px}.sessions-empty-icon{font-size:40px;opacity:.5}.sessions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.sessions-card{display:flex;align-items:center;gap:12px;padding:5px 8px;background:var(--best-gray);border:1px solid var(--line-color);border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.sessions-card:hover{background:var(--gray2);border-color:var(--gray3)}.sessions-card-thumbnail{width:44px;height:44px;background:var(--gray2);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:width .15s ease,height .15s ease}.sessions-card-thumbnail--large{width:80px;height:56px;border-radius:6px}.sessions-card-thumbnail img{width:100%;height:100%;object-fit:cover}.sessions-card-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:rgba(0,0,0,.6);border-radius:50%;font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;padding-left:2px;opacity:.9;transition:opacity .15s ease,transform .15s ease}.sessions-card:hover .sessions-card-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.sessions-card-avatar{border-radius:50%}.sessions-card-placeholder{font-size:20px;opacity:.4}.sessions-card-video-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:var(--green-green);border-radius:4px;font-size:8px;color:#fff;display:flex;align-items:center;justify-content:center}.sessions-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sessions-card-row{display:flex;align-items:center;gap:8px}.sessions-card-operator{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sessions-card-status{font-size:9px;font-weight:600;text-transform:uppercase;color:#fff;padding:2px 6px;border-radius:4px;flex-shrink:0}.sessions-card-meta{display:flex;gap:10px;font-size:11px;color:var(--sub-text);flex-wrap:wrap}.sessions-card-servo,.sessions-card-region,.sessions-card-duration{display:flex;align-items:center;gap:3px;white-space:nowrap}.sessions-card-duration{color:var(--blue-blue)}.sessions-card-time{font-size:11px;color:var(--gray4)}.sessions-card-note-preview{font-size:11px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.sessions-card-arrow{font-size:20px;color:var(--gray3);flex-shrink:0}.sessions-loading-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:var(--sub-text);font-size:13px;flex-shrink:0}.sessions-end{text-align:center;padding:16px;color:var(--gray3);font-size:13px;flex-shrink:0}@media (max-width: 600px){.sessions-page{padding:12px}.sessions-card{padding:10px 12px;gap:10px}.sessions-card-thumbnail{width:40px;height:40px}.sessions-card-thumbnail--large{width:64px;height:44px}.sessions-card-play-icon{width:22px;height:22px;font-size:10px}.sessions-card-operator{font-size:13px}.sessions-card-meta{gap:8px}.sessions-filters{gap:12px}.sessions-filter-select{min-width:100px;padding:6px 10px}}.settings-page{background-color:var(--main-background);color:var(--text);padding:20px 20px 100px;font-family:ARLRDBD,sans-serif;height:100%;overflow-y:auto}.settings-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--best-gray)}.back-button{display:flex;align-items:center;gap:8px;background:var(--gray1);border:2px solid var(--best-gray);color:var(--text);padding:10px 20px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:ARLRDBD,sans-serif;font-size:14px}.back-button:hover{background:var(--background)}.settings-header h1{margin:0;font-size:28px;font-weight:600;color:var(--text);flex:1}.settings-header-plan-status{display:flex;align-items:center;gap:8px;background:var(--best-gray);padding:6px 14px;border-radius:99px;cursor:pointer;transition:all .2s ease;border:1px solid var(--shadow)}.settings-header-plan-status:hover{background:var(--gray1);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.settings-header-plan-label{font-size:13px;font-weight:500;color:var(--sub-text)}.settings-header-plan-badge{font-size:12px;font-weight:700;padding:2px 5px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.settings-header-plan-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.settings-header-plan-icon svg{width:100%;height:100%}.settings-header-plan-srvzr{background:var(--gray2);color:var(--text)}.settings-header-plan-srvzr .settings-header-plan-icon{opacity:.7}.settings-header-plan-star{background:rgba(15,131,233,.15);color:var(--blue-blue);border:1px solid rgba(15,131,233,.3)}.settings-header-plan-bzns{background:rgba(54,167,45,.15);color:var(--green-green);border:1px solid rgba(54,167,45,.3)}.settings-header-actions{display:flex;align-items:center;gap:12px}.settings-dev-token-btn{background:var(--gray1);border:2px solid var(--best-gray);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:20px;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.settings-dev-token-btn:hover{background:var(--background);transform:scale(1.05)}.settings-dev-token-btn:active{transform:scale(.95)}.settings-header-signout-button{display:none;align-items:center;gap:8px;background:var(--gray1);border:2px solid var(--best-gray);color:var(--text);padding:10px 20px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:ARLRDBD,sans-serif;font-size:14px;white-space:nowrap}.settings-header-signout-button:hover{background:var(--background)}@media (max-width: 768px){.settings-header-signout-button{display:flex}.settings-header{flex-wrap:wrap;gap:15px}.settings-header h1{font-size:20px}.settings-header-plan-status{padding:4px 10px}.settings-header-plan-label{display:none}.settings-header-plan-icon{width:12px;height:12px}}.message{padding:12px 20px;border-radius:12px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:10px}.message.success{background:rgba(76,175,80,.1);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.message.error{background:rgba(244,67,54,.1);color:#f44336;border:1px solid rgba(244,67,54,.3)}.account-section{background:var(--background);border:2px solid var(--best-gray);border-radius:16px;padding:20px;margin-bottom:30px}.account-section h2{margin:0 0 15px;font-size:18px;font-weight:600;color:var(--text)}.account-switcher{position:relative}.current-account{display:flex;align-items:center;gap:15px;padding:15px;background:var(--gray1);border:2px solid var(--best-gray);border-radius:12px;cursor:pointer;transition:all .2s ease}.current-account:hover{background:var(--background);border-color:var(--blue-blue)}.account-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--best-gray)}.account-info{flex:1}.account-name{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.account-type{font-size:12px;color:var(--sub-text);opacity:.8}.switch-icon{color:var(--sub-text);font-size:18px}.account-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;margin-top:5px;box-shadow:0 8px 32px var(--shadow);overflow:hidden}.account-option{display:flex;align-items:center;gap:15px;padding:15px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--best-gray)}.account-option:last-child{border-bottom:none}.account-option:hover{background:var(--gray1)}.settings-desktop-wallpaper-mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.settings-desktop-wallpaper-theme-section{margin-bottom:12px}.settings-desktop-wallpaper-section-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--sub-text)}.settings-desktop-wallpaper-theme-row{margin-bottom:6px}.settings-desktop-wallpaper-theme-note{margin:0;font-size:11px;color:var(--sub-text);line-height:1.35}.settings-desktop-wallpaper-layout-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.settings-desktop-wallpaper-mode{height:34px;border-radius:10px;border:1px solid var(--best-gray);background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;cursor:pointer}.settings-desktop-wallpaper-mode.active{border-color:var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 16%,var(--gray1) 84%)}.settings-desktop-wallpaper-display-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.settings-desktop-wallpaper-display-control{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--sub-text)}.settings-desktop-wallpaper-display-control span{font-weight:700;letter-spacing:.02em;text-transform:uppercase}.settings-desktop-wallpaper-display-control select{height:34px;border-radius:10px;border:1px solid var(--best-gray);background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;padding:0 10px}.settings-desktop-wallpaper-display-control select:disabled{opacity:.58;cursor:not-allowed}.settings-desktop-wallpaper-display-note{margin:0 0 12px;font-size:12px;color:var(--sub-text);line-height:1.35}.settings-desktop-wallpaper-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-desktop-wallpaper-image-option{position:relative;overflow:hidden;height:68px;border-radius:10px;border:1px solid var(--best-gray);background-color:var(--gray1);background-size:cover;background-position:center;cursor:pointer}.settings-desktop-wallpaper-image-option.active{border-color:var(--blue-blue)}.settings-desktop-wallpaper-image-option.inverted{box-shadow:0 0 0 1px color-mix(in srgb,var(--blue-blue) 45%,#fff 55%) inset}.settings-desktop-wallpaper-image-label{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--main-background) 82%,transparent 18%);border:1px solid color-mix(in srgb,var(--best-gray) 68%,transparent 32%);color:var(--text);font-size:10px;font-weight:700;letter-spacing:.01em}.settings-desktop-wallpaper-image-badge{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--main-background) 80%,transparent 20%);border:1px solid color-mix(in srgb,var(--blue-blue) 50%,transparent 50%);color:var(--text);font-size:10px;font-weight:700;letter-spacing:.01em}.settings-desktop-wallpaper-image-tip{margin:8px 0 0;font-size:11px;color:var(--sub-text);line-height:1.35}.settings-desktop-wallpaper-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.settings-desktop-wallpaper-swatch{height:42px;border-radius:10px;border:1px solid var(--best-gray);cursor:pointer}.settings-desktop-wallpaper-swatch.active{border:2px solid color-mix(in srgb,var(--blue-blue) 60%,#fff 40%)}.settings-desktop-wallpaper-swatch.gradient{height:52px}.account-option.active{background:rgba(0,140,255,.1)}.current-indicator{background:var(--blue-blue);color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase}.settings-tabs{position:relative;display:flex;background:var(--best-gray);border-radius:12px;padding:4px;margin-bottom:24px}.settings-tabs:before{content:"";position:absolute;top:4px;left:4px;width:calc(25% - 4px);height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.settings-tabs[data-active=srvzr]:before{transform:translate(calc(100% + 4px))}.settings-tabs[data-active=app]:before{transform:translate(calc(200% + 8px))}.settings-tabs[data-active=ai]:before{transform:translate(calc(300% + 12px))}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:500;color:var(--sub-text);position:relative;z-index:1}.tab-button:hover:not(:disabled){color:var(--text)}.tab-button.active{color:var(--text)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.settings-content{background:var(--background);border:2px solid var(--best-gray);border-radius:12px;padding:20px 20px 60px;overflow:hidden;word-wrap:break-word}.settings-form h3{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--text);text-align:left;padding-bottom:10px;border-bottom:1px solid var(--best-gray)}.form-sections{display:flex;flex-direction:column;gap:20px}.form-section{background:var(--background);border:1px solid var(--best-gray);border-radius:12px;padding:20px;overflow:hidden;word-wrap:break-word}.form-section-header{margin-bottom:15px;text-align:left}.form-section-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 5px}.form-section-subtitle{font-size:13px;color:var(--sub-text);margin:0;line-height:1.3}.form-version-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(15,131,233,.12);color:var(--text);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;width:100%;min-width:0}.form-group{display:flex;align-items:flex-start;flex-direction:column;gap:6px;width:100%;min-width:0}.form-group.full-width{grid-column:span 2}.form-group.checkbox-group{flex-direction:row;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--best-gray);margin-top:10px}.form-group label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.form-group label.required:after{content:" *";color:#f44336;font-weight:700}.form-group .field-description{font-size:12px;color:var(--sub-text);margin-bottom:6px;line-height:1.2}.form-group input.error,.form-group select.error{border-color:#f44336!important;background:rgba(244,67,54,.05)!important}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 2px #f4433626!important}.form-group input::placeholder{color:var(--sub-text);opacity:.6}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=password],.form-group input[type=number],.form-group select,.form-group textarea{min-height:44px;box-sizing:border-box;font-family:ARLRDBD,sans-serif!important;font-size:14px!important;width:100%;padding:12px 14px!important;border:1px solid var(--best-gray)!important;border-radius:8px!important;background:var(--best-gray)!important;color:var(--text)!important;transition:all .2s ease;outline:none!important;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group textarea{min-height:80px;resize:vertical;font-family:ARLRDBD,sans-serif!important}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=url]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-blue)!important;background:var(--background)!important;box-shadow:0 0 0 2px #008cff26!important}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url]{background-color:var(--best-gray)!important;border:1px solid var(--best-gray)!important}.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=url]:focus{background-color:var(--background)!important;border-color:var(--blue-blue)!important}.image-upload-section{display:flex;align-items:center;gap:15px;padding:15px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:8px}.image-preview{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--best-gray);flex-shrink:0}.image-preview.business-logo{border-radius:8px}.settings-business-logo-container,.settings-profile-image-container,.settings-theme-color-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important}.settings-business-logo-info,.settings-profile-image-info,.settings-theme-color-info{flex:1;display:flex;flex-direction:column}.settings-business-logo-info label,.settings-profile-image-info label,.settings-theme-color-info label{margin-bottom:4px;font-weight:600;color:var(--text)}.settings-business-logo-info .field-description,.settings-profile-image-info .field-description,.settings-theme-color-info .field-description{margin:0;font-size:13px;color:var(--sub-text);line-height:1.4}.settings-business-logo-upload,.settings-profile-image-upload,.settings-theme-color-picker-section{flex:1.2;max-width:500px}@media (max-width: 768px){.settings-business-logo-container,.settings-profile-image-container,.settings-theme-color-container{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.settings-business-logo-upload,.settings-profile-image-upload,.settings-theme-color-picker-section{max-width:100%}}.upload-controls{flex:1;display:flex;gap:10px;align-items:center;min-width:0}.upload-controls input{flex:1;margin:0;min-width:0;box-sizing:border-box}.upload-button{display:flex;align-items:center;gap:8px;background:var(--blue-blue);color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;transition:all .2s ease;white-space:nowrap}.upload-button:hover{background:var(--blue-hover);transform:translateY(-1px)}.profile-image-section{display:flex;align-items:center;gap:15px;padding:15px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:8px;margin-bottom:15px}.profile-image-preview{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--best-gray)}.profile-image-info{flex:1}.profile-image-info h4{margin:0 0 3px;font-size:15px;font-weight:600;color:var(--text)}.profile-image-info p{margin:0;font-size:12px;color:var(--sub-text);line-height:1.2}.business-logo-section{display:flex;align-items:center;gap:15px;padding:15px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:8px;margin-bottom:15px}.business-logo-preview{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid var(--best-gray)}.business-logo-info{flex:1}.business-logo-info h4{margin:0 0 3px;font-size:15px;font-weight:600;color:var(--text)}.business-logo-info p{margin:0;font-size:12px;color:var(--sub-text);line-height:1.2}.form-group.checkbox-group .toggle-option{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text);cursor:pointer;font-family:ARLRDBD,sans-serif;padding:8px 0;transition:all .2s ease}.form-group.checkbox-group .toggle-option:hover{color:var(--blue-blue)}.form-group.checkbox-group .toggle-input{opacity:0;width:0;height:0;position:absolute}.form-group.checkbox-group .toggle-slider{position:relative;display:inline-block;width:60px;height:28px;background-color:#e5e7eb;border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:inset 0 2px 4px #0000001a}.form-group.checkbox-group .toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:4px;top:4px;background-color:#fff;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a}.form-group.checkbox-group .toggle-input:checked+.toggle-slider{background-color:var(--blue-blue);box-shadow:inset 0 2px 4px #3b82f64d}.form-group.checkbox-group .toggle-input:checked+.toggle-slider:before{transform:translate(32px);box-shadow:0 2px 6px #0003,0 1px 2px #0000001a}.form-group.checkbox-group .toggle-text{font-size:14px;color:var(--text);font-family:ARLRDBD,sans-serif;font-weight:500}.save-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;transition:all .2s ease;margin:20px 0 0;width:fit-content}.save-button:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px #008cff4d}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--gray1);color:var(--text-muted, #666);border:1px solid var(--best-gray)}.close-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gray1);color:var(--text);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;transition:all .2s ease;margin:20px 0 0;width:fit-content}.team-add-types{display:flex;flex-direction:column;gap:14px;margin-top:10px}.team-add-type-buttons{display:flex;gap:10px;flex-wrap:wrap}.team-type-btn{display:flex;align-items:center;gap:6px;background:var(--gray1);border:1px solid var(--best-gray);padding:10px 14px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:.15s}.team-type-btn.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 2px 8px #008cff59}.team-type-btn:hover:not(.active){background:var(--background)}.team-members-list-wrapper{margin-top:20px}.team-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.team-member-item{display:flex;gap:10px;align-items:center;background:var(--gray1);border:1px solid var(--best-gray);padding:10px 12px;border-radius:10px}.tm-initial{width:36px;height:36px;border-radius:50%;background:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.5px}.tm-info{flex:1;min-width:0}.tm-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.2}.tm-sub{font-size:11px;color:var(--sub-text);opacity:.85}.empty-team{font-size:13px;color:var(--sub-text);background:var(--gray1);border:1px dashed var(--best-gray);padding:16px;border-radius:10px;text-align:center}.team-members-wrap{display:flex;flex-wrap:wrap;gap:14px}.team-member-tile{position:relative;width:250px;max-width:100%;background:var(--gray1);border:1px solid var(--best-gray);border-radius:14px;padding:12px 12px 44px;display:flex;flex-direction:column;gap:10px;transition:.15s}.team-member-tile:hover{background:var(--background);border-color:var(--blue-blue);box-shadow:0 4px 14px #008cff26}.tm-perm-pill{position:absolute;top:8px;right:8px;background:var(--background);border:1px solid var(--best-gray);color:var(--sub-text);font-size:11px;font-weight:600;padding:4px 8px;border-radius:30px;line-height:1;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center}.tm-perm-pill.nonzero{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 2px 6px var(--blue-light)}.team-member-main{display:flex;gap:10px;align-items:center}.team-member-actions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:8px;justify-content:flex-end}.tm-action-btn{background:var(--background);border:1px solid var(--best-gray);color:var(--text);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:.15s}.tm-action-btn.edit:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.tm-action-btn.remove:hover{border-color:var(--red-red, #d9534f);color:var(--red-red, #d9534f)}.permissions-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:4100}.permissions-modal-container{background:var(--main-background);border-radius:30px;border:2px solid var(--best-gray);width:100%;max-width:1500px;max-height:800px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.permissions-modal-header{padding:18px 24px;border-bottom:1px solid var(--best-gray);display:flex;justify-content:space-between;align-items:center}.permissions-header-text h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.permissions-header-text p{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.permissions-close-button{background:var(--gray1);border:1px solid var(--best-gray);color:var(--text);width:42px;height:42px;border-radius:14px;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.permissions-close-button:hover{background:var(--background)}.permissions-modal-content{flex:1;padding:24px;overflow:auto}.permissions-placeholder-box{background:var(--gray1);border:1px dashed var(--best-gray);padding:30px;border-radius:18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:200px}.permissions-modal-footer{padding:18px 24px 24px;border-top:1px solid var(--best-gray);display:flex;justify-content:flex-end;gap:12px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.permission-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:14px;cursor:pointer;transition:.15s}.permission-item:hover{background:var(--background);border-color:var(--blue-blue)}.permission-item.disabled{opacity:.55;cursor:not-allowed}.permission-item input[type=checkbox]{width:20px;height:20px;margin:0 0 4px;accent-color:var(--blue-blue)}.perm-label{font-size:14px;font-weight:600;color:var(--text)}.perm-desc{font-size:11px;line-height:1.3;color:var(--sub-text);opacity:.85}.permissions-note{margin-top:18px;font-size:12px;color:var(--sub-text);font-style:italic}.perm-native{position:absolute;opacity:0;pointer-events:none}.perm-checkbox{width:22px;height:22px;border:2px solid var(--best-gray);border-radius:6px;display:inline-block;flex-shrink:0;position:relative;background:var(--background);transition:.15s}.permission-item:hover .perm-checkbox{border-color:var(--blue-blue)}.perm-checkbox.on{background:var(--blue-blue);border-color:var(--blue-blue)}.perm-checkbox.on:after{content:"";position:absolute;left:5px;top:2px;width:8px;height:14px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.permission-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.permission-item .perm-text{display:flex;flex-direction:column;gap:4px}.permissions-categories-wrap{display:flex;flex-direction:column;gap:46px}.permission-category-block{display:flex;flex-direction:column;gap:18px}.permission-category-header{display:flex;align-items:center;gap:10px}.permission-category-header h3{margin:0;font-size:16px;font-weight:600;letter-spacing:.5px;color:var(--text)}.permission-count{background:var(--gray1);border:1px solid var(--best-gray);font-size:12px;padding:2px 8px;border-radius:30px;line-height:1.3;font-weight:600;color:var(--sub-text)}@media (max-width: 900px){.team-member-tile{width:calc(50% - 14px)}}@media (max-width: 600px){.team-member-tile{width:100%}.permissions-modal-container{border-radius:20px;height:95vh}}.settings-page-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:4000;padding:24px}.settings-page-modal{background:var(--main-background);border:2px solid var(--best-gray);border-radius:18px;width:100%;max-width:480px;display:flex;flex-direction:column;max-height:90vh}.settings-page-modal-header{padding:20px 24px 14px;border-bottom:1px solid var(--best-gray);display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-page-modal-header h4{margin:0;font-size:20px;font-weight:600;color:var(--text)}.settings-page-modal-close{background:var(--gray1);border:1px solid var(--best-gray);width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--text);transition:.15s}.settings-page-modal-close:hover{background:var(--background)}.settings-page-modal-body{padding:20px 24px 10px;overflow-y:auto}.settings-page-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--best-gray)}.settings-page-modal .save-button{margin:0}@media (max-width: 600px){.settings-page-modal{max-width:100%;height:100%;max-height:none;border-radius:0;border-left:none;border-right:none}.settings-page-modal-overlay{padding:0}.settings-page-modal-header{padding:18px 18px 12px}.settings-page-modal-body{padding:18px 18px 8px}.settings-page-modal-footer{padding:14px 18px 20px}}.settings-page-phone-input-container{display:flex;margin-bottom:20px;border:none;border-radius:15px;overflow:hidden;font-family:ARLRDBD,sans-serif;transition:all .2s ease;background:transparent;gap:7px}.settings-page-phone-input-container:focus-within{border-color:transparent;font-family:ARLRDBD,sans-serif;box-shadow:none}.settings-page-country-code-select{padding:14px 12px;font-size:14px;font-weight:400;background:var(--gray1)!important;border:1px solid var(--gray2);border-radius:1000px;align-items:center!important;outline:none;color:var(--text)!important;flex:0 0 100px;height:48px;cursor:pointer;font-family:ARLRDBD,sans-serif;text-align:center;text-align-last:center}.settings-page-country-code-select:focus{border-color:var(--blue-blue);box-shadow:none}.settings-page-phone-input{flex:1;padding:14px 16px;font-size:14px;border:1px solid var(--gray2);border-radius:1000px;outline:none;color:var(--text);background:var(--gray1);font-weight:400;font-family:ARLRDBD,sans-serif}.settings-page-phone-input:focus{border-color:var(--blue-blue)}.no-srvzr-account{text-align:center;padding:60px 40px}.no-srvzr-account h3{margin-bottom:15px;font-size:24px;color:var(--text)}.no-srvzr-account p{margin-bottom:30px;color:var(--sub-text);font-size:16px;line-height:1.5}.create-account-button{display:inline-flex;align-items:center;gap:10px;background:var(--blue-blue);color:#fff;border:none;padding:14px 24px;border-radius:12px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:16px;font-weight:600;transition:all .2s ease}.create-account-button:hover{background:var(--blue-hover);transform:translateY(-2px)}.uploaded-file-info{display:flex;align-items:center;gap:15px;padding:12px 16px;background:var(--success-light, var(--best-gray));border-radius:8px}.file-status{color:var(--success, #28a745);font-weight:600;flex:1}.change-image-button{background:var(--gray1);border:1px solid var(--best-gray);color:var(--text);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:ARLRDBD,sans-serif;transition:all .2s ease}.change-image-button:hover{background:var(--background)}.settings-page-phone-input{display:flex;align-items:stretch;gap:8px;width:100%}.settings-page-phone-input select{width:110px;min-width:95px;flex:0 0 auto;padding:12px 10px!important;font-family:ARLRDBD,sans-serif;font-size:14px;border:1px solid var(--best-gray);border-radius:8px;background:var(--best-gray);color:var(--text)}.settings-page-phone-input input[type=tel]{flex:1;min-width:0}.settings-page-phone-input .phone-canonical-display{flex:0 0 auto;align-self:center;font-size:11px;padding:4px 8px;background:var(--gray1);border:1px solid var(--best-gray);border-radius:6px;color:var(--sub-text);white-space:nowrap}.settings-page-phone-input select:focus{border-color:var(--blue-blue)!important;background:var(--background)!important;box-shadow:0 0 0 2px #008cff26!important}.settings-page-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:var(--background);border:2px solid var(--best-gray);border-radius:18px}.settings-page-toggle-info{flex:1;min-width:0}.settings-page-toggle-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text)}.settings-page-toggle-description{margin:6px 0 0;color:var(--sub-text);font-size:13px;line-height:1.4}.settings-page-toggle-status{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sub-text)}.settings-page-toggle-status.enabled{color:#1f9d55}.settings-page-toggle-status.disabled{opacity:.7}.settings-page-toggle-hint{margin-top:6px;color:var(--sub-text);font-size:12px;opacity:.85}.settings-page-toggle-control{position:relative;width:54px;height:30px;flex:0 0 auto;display:inline-flex;align-items:center;cursor:pointer}.settings-page-toggle-control input{position:absolute;opacity:0;width:0;height:0}.settings-page-toggle-slider{position:relative;display:block;width:100%;height:100%;background:var(--gray1);border-radius:999px;border:2px solid var(--best-gray);transition:background .2s ease,border-color .2s ease}.settings-page-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;top:50%;left:4px;transform:translateY(-50%);border-radius:50%;background:var(--background);box-shadow:0 2px 6px #00000040;transition:transform .2s ease,background .2s ease}.settings-page-toggle-control input:checked+.settings-page-toggle-slider{background:var(--blue-blue);border-color:var(--blue-blue)}.settings-page-toggle-control input:checked+.settings-page-toggle-slider:after{transform:translate(20px,-50%);background:#ffffff}.settings-page-toggle-control:focus-within .settings-page-toggle-slider{outline:2px solid rgba(0,140,255,.35);outline-offset:2px}@media (max-width: 768px){.settings-page{padding:15px 15px 100px}.settings-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.settings-header h1{font-size:22px;margin:0;flex:1}.back-button,.settings-header-signout-button{padding:8px 15px;font-size:13px;flex-shrink:0}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.settings-tabs{padding:3px}.tab-button{padding:8px 10px;font-size:13px;gap:6px}.account-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}.profile-image-section,.business-logo-section{flex-direction:column;text-align:center;gap:10px}.profile-image-preview,.business-logo-preview{width:80px;height:80px}}@media (max-width: 480px){.settings-content,.account-section{padding:15px}.current-account{padding:12px}.account-avatar{width:40px;height:40px}.form-section{padding:15px}}.form-group.checkbox-group{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:15px 0;border-top:1px solid var(--best-gray);margin-top:10px}.form-group.checkbox-group input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin-top:2px;cursor:pointer;accent-color:var(--blue-blue)}.form-group.checkbox-group label{flex:1;display:flex;flex-direction:column;gap:4px;margin:0;cursor:pointer}.form-group.checkbox-group label span{color:var(--text);font-weight:500}.form-group.checkbox-group label div{color:var(--sub-text);font-size:12px;line-height:1.4}.settings-page-color-picker:disabled{opacity:.6;cursor:not-allowed}.reset-color-button:disabled{opacity:.6;cursor:not-allowed}.settings-page-inline-color-picker{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--background);border-radius:16px;border:1px solid var(--best-gray);max-width:320px}.settings-page-inline-color-picker.disabled{opacity:.5;pointer-events:none}.settings-page-inline-color-picker .react-colorful{width:100%!important;border-radius:12px;overflow:hidden}.settings-page-inline-color-picker .react-colorful__saturation{border-radius:12px 12px 0 0}.settings-page-inline-color-picker .react-colorful__hue{height:20px;border-radius:0 0 12px 12px}.settings-page-inline-color-picker .react-colorful__saturation-pointer,.settings-page-inline-color-picker .react-colorful__hue-pointer{width:20px;height:20px;border:3px solid white;box-shadow:0 2px 8px #0000004d}.settings-page-color-controls{display:flex;align-items:center;gap:12px}.settings-page-hex-input-wrapper{display:flex;align-items:center;flex:1;background:var(--background);border:1px solid var(--best-gray);border-radius:10px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease}.settings-page-hex-input-wrapper:focus-within{border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e926}.settings-page-hex-prefix{font-family:SF Mono,Monaco,Courier New,monospace;font-size:15px;font-weight:600;color:var(--sub-text)}.settings-page-hex-input{flex:1;padding:12px 4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:15px;font-weight:600;color:var(--text);background:transparent;border:none;text-transform:uppercase;letter-spacing:.5px;width:100%}.settings-page-hex-input:focus{outline:none}.settings-page-reset-color-btn{padding:12px 16px;background:var(--background);border:1px solid var(--best-gray);color:var(--text);border-radius:10px;cursor:pointer;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.settings-page-reset-color-btn:hover:not(:disabled){background:var(--best-gray);border-color:var(--blue-blue)}.settings-page-reset-color-btn:active:not(:disabled){transform:scale(.98)}.settings-page-reset-color-btn:disabled{opacity:.5;cursor:not-allowed}.settings-app-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.settings-app-section{display:flex;flex-direction:column;gap:16px}.settings-app-section-header{margin-bottom:8px}.settings-app-section-title{font-size:20px;font-weight:600;color:var(--text);margin:0 0 6px}.settings-app-section-subtitle{font-size:14px;color:var(--sub-text);margin:0}.settings-app-card{background:var(--background);border:1px solid var(--best-gray);border-radius:12px;overflow:hidden}.settings-app-card-header{padding:20px 24px;border-bottom:1px solid var(--best-gray)}.settings-app-card-content{padding:24px}.settings-app-label{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px;display:block}.settings-app-description{font-size:13px;color:var(--sub-text);margin:0}.settings-app-card-content .settings-page-inline-color-picker{background:var(--background);border-radius:12px;padding:16px;border:1px solid var(--best-gray)}.settings-app-toggle-option{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px;position:relative;padding:4px 0}.settings-app-toggle-info{display:flex;flex-direction:column;gap:4px;flex:1}.settings-app-toggle-title{font-size:15px;font-weight:500;color:var(--text)}.settings-app-toggle-desc{font-size:13px;color:var(--sub-text)}.settings-app-toggle-input{position:absolute;opacity:0;width:0;height:0}.settings-app-toggle-slider{position:relative;display:inline-block;width:48px;height:28px;background:var(--best-gray);border-radius:14px;transition:all .2s ease;flex-shrink:0}.settings-app-toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:white;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.settings-app-toggle-input:checked+.settings-app-toggle-slider{background:var(--blue-blue)}.settings-app-toggle-input:checked+.settings-app-toggle-slider:before{transform:translate(20px)}.settings-app-toggle-option:hover .settings-app-toggle-slider{opacity:.9}.settings-app-font-controls{margin-top:16px;padding-top:16px;border-top:1px solid var(--best-gray);display:flex;flex-direction:column;gap:10px}.settings-app-font-controls.disabled{opacity:.5}.settings-app-font-picker-trigger{min-height:44px;box-sizing:border-box;font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);font-size:14px;width:100%;padding:12px 14px;border:2px solid var(--best-gray);border-radius:8px;background:var(--gray1);color:var(--text);transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.settings-app-font-picker-trigger:hover:not(:disabled){border-color:var(--blue-blue)}.settings-app-font-picker-trigger:disabled{cursor:not-allowed}.settings-app-font-picker-chevron{font-size:10px;opacity:.7;margin-left:8px}.settings-app-font-preview{padding:12px 14px;border-radius:8px;border:1px solid var(--best-gray);background:var(--gray1);color:var(--text);font-size:14px}.settings-app-font-picker-backdrop{position:fixed;inset:0;z-index:1999}.settings-app-font-picker-popover{position:fixed;z-index:2000;background:var(--main-background);border-radius:14px;box-shadow:0 8px 32px #0003;border:2px solid var(--best-gray);padding:12px;min-width:300px;max-width:min(380px,calc(100vw - 24px));animation:settings-app-font-popover-in .15s ease-out}@keyframes settings-app-font-popover-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-app-font-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text)}.settings-app-font-picker-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray1);border:none;border-radius:6px;color:var(--sub-text);cursor:pointer;transition:all .2s ease}.settings-app-font-picker-header button:hover{background:var(--best-gray);color:var(--text)}.settings-app-font-picker-search{display:flex;margin-bottom:8px}.settings-app-font-picker-search-input{flex:1;padding:8px 12px;background:var(--gray1);border:2px solid var(--best-gray);border-radius:8px;font-size:12px;color:var(--text);outline:none;transition:border-color .2s}.settings-app-font-picker-search-input:focus{border-color:var(--blue-blue)}.settings-app-font-picker-list{max-height:320px;overflow-y:auto;overflow-x:hidden}.settings-app-font-picker-section-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;background:var(--gray1);border-bottom:1px solid var(--best-gray)}.settings-app-font-family-group{display:flex;flex-direction:column}.settings-app-font-picker-item{width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--best-gray);display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;font-size:13px;color:var(--text);transition:background-color .15s ease}.settings-app-font-picker-item:hover{background:var(--gray1)}.settings-app-font-picker-item.active{background:rgba(15,131,233,.12);border-left:3px solid var(--blue-blue);padding-left:9px}.settings-app-font-picker-preview{font-size:18px;font-weight:500;min-width:30px;opacity:.85}.settings-app-font-picker-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-app-font-picker-variant-count{font-size:11px;opacity:.65;margin-left:auto;padding-left:8px}.settings-app-font-variants{display:flex;flex-direction:column;background:var(--gray1);border-left:2px solid var(--best-gray);margin-left:12px}.settings-app-font-variant-item{width:100%;padding:8px 12px 8px 20px;background:transparent;border:none;border-bottom:1px solid var(--best-gray);display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;font-size:12px;color:var(--text);transition:background-color .15s}.settings-app-font-variant-item:hover{background:var(--gray1)}.settings-app-font-variant-item.active{background:rgba(15,131,233,.1);color:var(--blue-blue)}.settings-app-font-loading{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gray1);border:2px solid var(--best-gray);border-radius:10px;font-size:13px;color:var(--sub-text);margin-bottom:8px}.settings-app-font-loading-spinner{width:16px;height:16px;border:2px solid var(--best-gray);border-top-color:var(--blue-blue);border-radius:50%;animation:spin .8s linear infinite}.settings-app-font-empty{padding:12px;font-size:12px;color:var(--sub-text);text-align:center}.settings-app-push-status{display:flex;flex-direction:column;gap:16px}.settings-app-push-status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.settings-app-push-status-row:not(:last-child){border-bottom:1px solid var(--best-gray)}.settings-app-push-status-label{font-size:14px;color:var(--sub-text);font-weight:500}.settings-app-push-badge{font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.settings-app-push-badge.granted{color:#10b981;background:rgba(16,185,129,.1)}.settings-app-push-badge.denied{color:#ef4444;background:rgba(239,68,68,.1)}.settings-app-push-badge.default{color:#f59e0b;background:rgba(245,158,11,.1)}.settings-app-push-token{font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--text);background:var(--background);padding:6px 10px;border-radius:6px;border:1px solid var(--best-gray)}.settings-app-push-button{width:100%;padding:14px 24px;background:var(--blue-blue);color:#fff;border:none;border-radius:10px;font-family:ARLRDBD,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-app-push-button:hover:not(:disabled){background:var(--blue-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f83e94d}.settings-app-push-button:active:not(:disabled){transform:translateY(0)}.settings-app-push-button:disabled{opacity:.6;cursor:not-allowed}.settings-app-push-warning{margin-top:12px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;line-height:1.5}@media (max-width: 768px){.settings-app-container{gap:24px}.settings-app-card-header,.settings-app-card-content{padding:16px}.settings-app-push-status-row{flex-direction:column;align-items:flex-start;gap:8px}}.settings-ai-container{display:flex;flex-direction:column;gap:32px}.settings-ai-section{background:var(--best-gray);border:2px solid var(--best-gray);border-radius:20px;padding:24px}.settings-ai-section-header{margin-bottom:20px}.settings-ai-section-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.settings-ai-section-header p{margin:0;font-size:13px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.settings-ai-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--background);border:1px solid var(--best-gray);border-radius:14px;margin-bottom:12px}.settings-ai-item:last-child{margin-bottom:0}.settings-ai-item-info{flex:1}.settings-ai-item-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;font-family:ARLRDBD,sans-serif}.settings-ai-item-description{font-size:12px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.settings-ai-switch{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0;margin-left:12px}.settings-ai-switch input{opacity:0;width:0;height:0}.settings-ai-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--best-gray);transition:.3s;border-radius:34px}.settings-ai-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-ai-switch input:checked+.settings-ai-switch-slider{background-color:var(--blue-blue)}.settings-ai-switch input:checked+.settings-ai-switch-slider:before{transform:translate(22px)}.settings-ai-buttons{display:flex;gap:12px;flex-wrap:wrap}.settings-ai-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.settings-ai-button{flex:1;min-width:140px;padding:14px 20px;background:var(--background);border:2px solid var(--best-gray);border-radius:16px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.settings-ai-button:hover{background:var(--gray1);border-color:var(--blue-blue);transform:translateY(-2px)}.settings-ai-button-selected{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.settings-ai-button-selected:hover{background:var(--blue-blue);border-color:var(--blue-blue)}.settings-ai-button svg{font-size:20px;width:20px;height:20px}@media (max-width: 768px){.settings-ai-section{padding:16px;border-radius:16px}.settings-ai-item{flex-direction:column;align-items:flex-start;gap:12px}.settings-ai-switch{margin-left:0}.settings-ai-buttons{flex-direction:column}.settings-ai-button{width:100%;min-width:auto;border-radius:14px;flex-direction:row}.settings-ai-buttons-grid{grid-template-columns:1fr}}.sidebar{width:280px;min-width:60px;max-width:280px;background-color:var(--background);border-radius:20px;border:2px solid var(--best-gray);box-shadow:0 2px 5px var(--shadow);padding:20px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;min-height:0;position:relative;z-index:100;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease,width var(--transition-duration) ease,padding var(--transition-duration) ease}.sidebar.mega-expanded{position:relative}.sidebar-mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:1000;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.sidebar.mega-expanded .sidebar-toggle{opacity:.4}.sidebar-mega-content{background:var(--background);border:2px solid var(--best-gray);border-radius:20px;box-shadow:0 8px 40px var(--shadow);z-index:1102;display:flex;flex-direction:column;gap:16px;overflow:visible;padding:14px 16px 18px}.mega-two-col{display:grid;grid-template-columns:280px 1fr;gap:16px;height:100%}.mega-left{display:flex;flex-direction:column;overflow:hidden}.mega-left .menu-section{overflow-y:auto;padding-right:6px}.mega-left .sidebar-footer{margin-top:auto}.mega-right{display:flex;flex-direction:column;min-width:0;overflow:hidden}.mega-right .sidebar-mega-grid{flex:1}.sidebar-mega-header{display:flex;align-items:center;justify-content:space-between;padding:0 5px}.sidebar-mega-logo-img{height:20px;max-width:140px;margin-bottom:10px;filter:drop-shadow(0 2px 4px var(--shadow))}.sidebar-mega-title-text{font-size:16px;font-weight:600;color:var(--text);opacity:.85}.sidebar-mega-title{font-size:26px;font-weight:600;margin:0;color:var(--text)}.sidebar-mega-close{background:var(--secondary-background);border:2px solid var(--best-gray);border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--sub-text);display:flex;align-items:center;gap:6px;font-size:14px;transition:all .2s ease}.sidebar-mega-close:hover{background:var(--gray1);color:var(--text)}.sidebar-mega-grid{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:10px}.sidebar-mega-grid::-webkit-scrollbar{width:8px}.sidebar-mega-grid::-webkit-scrollbar-track{background:transparent;border-radius:4px}.sidebar-mega-grid::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:4px;transition:background .2s ease}.sidebar-mega-grid::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.sidebar-mega-section{display:flex;flex-direction:column;gap:12px;min-width:160px}.sidebar-mega-section-title{font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--sub-text);text-transform:uppercase}.sidebar-mega-section-items{display:flex;flex-wrap:wrap;gap:10px 12px}.sidebar-mega-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--best-gray);border:2px solid var(--gray2);border-radius:18px;cursor:pointer;position:relative;transition:all .25s ease}.sidebar-mega-item:hover{background-color:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background) 100%)!important;border-color:var(--blue-blue);box-shadow:0 4px 18px var(--shadow)}.sidebar-mega-item-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--background);border:2px solid var(--best-gray);color:var(--text);font-size:16px;flex-shrink:0;transition:all .25s ease}.sidebar-mega-item:hover .sidebar-mega-item-icon{border-color:var(--blue-blue);color:var(--blue-blue)}.sidebar-mega-item-text{display:flex;flex-direction:column;gap:2px}.sidebar-mega-item-label{font-size:15px;font-weight:500;color:var(--text)}.sidebar-mega-item-desc{font-size:11px;color:var(--sub-text);opacity:.7;letter-spacing:.3px}.menu-mega-row{display:block}.sidebar.mega-expanded .sidebar-content{gap:25px}@media (max-width: 1100px){.sidebar.mega-expanded{width:95%}}@media (max-width: 800px){.sidebar.mega-expanded{width:100%;border-radius:0}.sidebar-mega-item{padding:12px}.sidebar-mega-item-icon{width:38px;height:38px}}.sidebar-toggle{position:absolute;top:10px;right:10px;width:24px;height:24px;background:transparent;border:none;color:var(--sub-text);opacity:.5;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.sidebar-toggle:hover{opacity:1;background:var(--gray1)}.sidebar.collapsed .sidebar-toggle{top:5px;right:5px;width:20px;height:20px;font-size:12px}.sidebar-mega-profile{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--best-gray);border:2px solid var(--best-gray);border-radius:16px;margin-bottom:10px;gap:12px}.sidebar-mega-profile-left{display:flex;align-items:center;gap:12px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:inherit;color:inherit;flex:1}.sidebar-mega-profile-left:hover{opacity:.8;transform:translateY(-2px)}.sidebar-mega-profile-left:active{transform:translateY(0);opacity:.7}.sidebar-mega-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--best-gray)}.sidebar-mega-profile-text{display:flex;flex-direction:column}.sidebar-mega-profile-name{font-size:18px;font-weight:600;color:var(--text)}.sidebar-mega-profile-type{font-size:12px;color:var(--sub-text);opacity:.8}.sidebar-mega-profile-actions{display:flex;gap:10px}.mega-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:var(--background);border:2px solid var(--best-gray);border-radius:14px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s ease}.mega-chip:hover{border-color:var(--blue-blue);color:var(--blue-blue);box-shadow:0 4px 14px var(--shadow)}.sidebar-hover-placeholder{width:110px;min-width:84px;flex-shrink:0;height:100%}.sidebar.collapsed.hovered{width:280px;padding:20px;box-shadow:0 8px 32px var(--shadow)}.sidebar.collapsed.hovered .sidebar-content{height:100%;display:flex;flex-direction:column}.sidebar.collapsed.hovered .sidebar-footer{margin-top:auto}.sidebar.collapsed.hovered .menu-item span,.sidebar.collapsed.hovered .patch-notes span,.sidebar.collapsed.hovered .profile-info,.sidebar.collapsed.hovered .menu-label{display:initial}.sidebar.collapsed.hovered .menu-item{justify-content:flex-start;padding:10px}.sidebar.collapsed.hovered .patch-notes{justify-content:flex-start;padding:5px}.sidebar.collapsed.hovered .bottom-actions{flex-direction:row;margin-left:auto;align-items:initial}.sidebar.collapsed.hovered .profile-bar{flex-direction:row;text-align:left;gap:10px}.sidebar.collapsed.hovered .account-switcher-sidebar,.sidebar.collapsed.hovered .single-account-profile{flex-direction:row;align-items:center;gap:10px}.sidebar.collapsed.hovered .dropdown-arrow{display:initial}.sidebar.collapsed.hovered .sub-menu{margin-left:20px}.sidebar.collapsed.hovered .logo{height:15px;width:auto;filter:none;opacity:.6;content:url(/images/SRVZRLOGOTM.png)}.light .sidebar.collapsed.hovered .logo{content:url(/images/Group_54385.png)}.sidebar.collapsed.hovered .title-section{justify-content:flex-start}.sidebar.collapsed.hovered .profile-image{width:40px;height:40px}@media (max-width: 1200px){.sidebar:not(.manually-expanded){width:60px;padding:10px}}.sidebar.collapsed{width:60px;padding:10px;position:fixed;top:0;left:0;bottom:0;z-index:1000}.sidebar.collapsed:not(.hovered) .menu-item span:not(.menu-icon):not(.sidebar-snippet-icon-emoji),.sidebar.collapsed:not(.hovered) .patch-notes span,.sidebar.collapsed:not(.hovered) .profile-info,.sidebar.collapsed:not(.hovered) .title-section span,.sidebar.collapsed:not(.hovered) .menu-label{display:none}.sidebar-content{height:100%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:5px;min-height:0}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.sidebar-footer-buttons-row{display:flex;gap:8px}.sidebar-footer-buttons-row .patch-notes{flex:1;justify-content:center}.logo-container{opacity:.6}.logo{height:15px;object-fit:cover}.title-section{display:flex;align-items:center;gap:5px;font-size:18px;color:var(--text)}.menu-section{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.sidebar-row{display:flex;gap:8px;align-items:stretch}.sidebar-row>.menu-item{flex:1;min-width:0}.sidebar-row-split .sidebar-row-compact{justify-content:center}.sidebar-row-split .sidebar-row-compact span{display:none}.sidebar-row-split .sidebar-row-compact .remove-btn{margin-left:0}.sidebar-split-target{box-shadow:inset 0 0 0 2px var(--blue-blue)}.sidebar-split-target-left{box-shadow:inset 2px 0 0 0 var(--blue-blue),inset 0 0 0 2px #008cff59}.sidebar-split-target-right{box-shadow:inset -2px 0 0 0 var(--blue-blue),inset 0 0 0 2px #008cff59}.menu-label{font-size:10px;color:var(--sub-text)}.menu-item{display:flex;align-items:center;gap:5px;padding:10px;background-color:var(--secondary-background);border-radius:15px;border:2px solid var(--best-gray);color:var(--sub-text);font-size:18px;position:relative;overflow:hidden;justify-content:flex-start;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease}.menu-item.draggable{cursor:grab}.menu-item.draggable:active{cursor:grabbing}.menu-item .remove-btn{margin-left:auto;background:transparent;border:none;color:var(--sub-text);font-size:16px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:6px;opacity:0;transition:all .15s ease}.menu-item:hover .remove-btn{opacity:1}.menu-item .remove-btn:hover{background:var(--gray1);color:var(--text)}.customizable-sidebar{position:relative}.drop-indicator{position:relative;height:0}.drop-indicator:after{content:"";position:absolute;left:4px;right:4px;top:-3px;height:4px;border-radius:3px;background:var(--blue-blue);box-shadow:0 0 0 2px #008cff33;animation:pulseDrag .6s ease-in-out infinite alternate}.drop-indicator.end:after{top:auto;bottom:-3px}.sidebar-split-indicator{position:absolute;top:6px;bottom:6px;width:4px;border-radius:3px;background:var(--blue-blue);box-shadow:0 0 0 2px #008cff33;animation:pulseDrag .6s ease-in-out infinite alternate}.sidebar-split-indicator-left{left:6px}.sidebar-split-indicator-right{right:6px}@keyframes pulseDrag{0%{opacity:.4}to{opacity:1}}.empty-custom-msg{font-size:12px;color:var(--sub-text);opacity:.7;text-align:center;padding:12px 8px;border:2px dashed var(--best-gray);border-radius:12px}.pin-indicator{position:absolute;top:5px;right:5px;font-size:12px;color:var(--blue-blue)}.sidebar.collapsed:not(.hovered) .menu-item{justify-content:center;padding:10px 5px}.sidebar.collapsed:not(.hovered) .menu-item svg{margin:0}.menu-item.active{border:1px solid var(--blue-blue);color:var(--blue-blue);font-weight:500;cursor:pointer}.menu-item.active svg{color:var(--blue-blue)}.menu-item:before{content:"";position:absolute;inset:0;background-color:var(--best-gray);opacity:0;transition:opacity .3s ease;z-index:0}.menu-item:hover:before{opacity:.5}.menu-item>*{position:relative;z-index:1}.stint-sidebar-icon{display:inline-block;width:18px;height:18px;margin-right:8px;-webkit-mask-image:url(/images/StintIcon.svg);mask-image:url(/images/StintIcon.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--text)}.menu-item.active .stint-sidebar-icon{background-color:var(--blue-blue)}.sub-menu{margin-left:20px}.menu-item.drag-parent-target{box-shadow:inset 0 0 0 2px var(--blue-blue)}.menu-item.sub-menu.draggable{transition:margin-left .15s ease}.patch-notes{display:flex;align-items:center;gap:5px;padding:5px;background-color:var(--background);border-radius:12px;border:2px solid var(--best-gray);color:var (--sub-text);font-size:16px;position:relative;overflow:hidden;justify-content:flex-start;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease,color var(--transition-duration) ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer}.patch-notes:hover{background-color:var(--best-gray)}.patch-notes.active{background-color:var(--blue-light);border:2px solid var(--blue-blue);color:var(--blue-blue)}.patch-notes.active svg{color:var(--blue-blue)}.sidebar.collapsed:not(.hovered) .patch-notes{justify-content:center;padding:8px 5px}.patch-notes:before{content:"";position:absolute;inset:0;background-color:var(--best-gray);opacity:0;transition:opacity .3s ease;z-index:0}.patch-notes:hover:before{opacity:.5}.patch-notes>*{position:relative;z-index:1}.home-link{display:flex;padding:8px;background-color:var(--gray1);border-radius:20px;gap:10px;cursor:pointer;transition:all .3s ease}.home-link:hover{box-shadow:0 4px 12px #0000001a}.home-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--background);border-radius:15px;box-shadow:0 2px 8px #0000000d}.home-text{display:flex;flex-direction:column;justify-content:center;gap:2px}.home-title{font-size:16px;color:var(--text);font-weight:500}.home-subtitle{font-size:12px;color:var(--sub-text);opacity:.4}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.profile-bar{display:flex;align-items:center;gap:10px;padding:10px;background-color:var(--gray1);border-radius:12px;border:2px solid var(--best-gray);color:var(--text);transition:all .3s ease;position:relative}.profile-bar:hover{box-shadow:0 4px 12px #0000001a}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:16px;font-weight:500}.profile-title{font-size:12px;color:var(--sub-text);opacity:.8}.account-switcher-sidebar{position:static;flex:1;width:100%}.current-account-sidebar{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.current-account-sidebar:hover .dropdown-arrow{color:var(--blue-blue)}.dropdown-arrow{color:var(--sub-text);font-size:12px;margin-left:auto;transition:all .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg);color:var(--blue-blue)}.account-dropdown-sidebar{position:absolute;bottom:calc(100% + 5px);left:0;right:0;z-index:1000;background:var(--background);border:2px solid var(--best-gray);border-radius:12px;box-shadow:0 8px 32px var(--shadow);overflow:hidden;animation:slideUpFade .2s ease-out;box-sizing:border-box}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.account-option-sidebar{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--best-gray);box-sizing:border-box}.account-option-sidebar:last-child{border-bottom:none}.account-option-sidebar:hover{background:var(--gray1)}.account-option-sidebar.active{background:rgba(0,140,255,.153)}.account-avatar-sidebar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--best-gray)}.account-info-sidebar{flex:1;display:flex;flex-direction:column}.account-name-sidebar{font-size:14px;font-weight:500;color:var(--text)}.account-type-sidebar{font-size:11px;color:var(--sub-text);opacity:.8}.current-indicator-sidebar{background:var(--blue-blue);color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase}.single-account-profile{display:flex;align-items:center;gap:10px;flex:1}.bottom-actions{display:flex;gap:5px;margin-left:auto;flex-direction:row;transition:flex-direction var(--transition-duration) ease}.sidebar.collapsed:not(.hovered) .bottom-actions{flex-direction:column;margin-left:0;align-items:center}.sidebar.collapsed:not(.hovered) .profile-bar{flex-direction:column;text-align:center;gap:5px}.sidebar.collapsed:not(.hovered) .account-switcher-sidebar,.sidebar.collapsed:not(.hovered) .single-account-profile{flex-direction:column;align-items:center;gap:5px}.sidebar.collapsed:not(.hovered) .dropdown-arrow{display:none}.sidebar.collapsed:not(.hovered) .sub-menu{margin-left:0}.sidebar.collapsed:not(.hovered) .logo{height:16px;width:16px;object-fit:contain;filter:brightness(0) saturate(100%) invert(var(--logo-invert, .5));opacity:.7;transition:opacity .2s ease,filter .2s ease,height .2s ease,width .2s ease}.sidebar.collapsed:not(.hovered) .logo:hover{opacity:.9}.dark .sidebar.collapsed .logo{--logo-invert: .9}.light .sidebar.collapsed .logo{--logo-invert: .2}.sidebar.collapsed:not(.hovered) .title-section{justify-content:center}.sidebar.collapsed:not(.hovered) .profile-image{width:32px;height:32px}.sidebar.collapsed:not(.hovered) .menu-item:hover:after,.sidebar.collapsed:not(.hovered) .patch-notes:hover:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--background);border:1px solid var(--best-gray);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);white-space:nowrap;z-index:1001;box-shadow:0 4px 12px var(--shadow);opacity:0;animation:tooltipFade .2s ease-out forwards}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.settings-button{background:transparent;border:none;color:var(--sub-text);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.settings-button:hover{background:var(--gray1);color:var(--text)}.settings-button.active{background:var(--blue-blue);color:#fff}.sign-out-button{background:transparent;border:none;color:var(--sub-text);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.sign-out-button:hover{background:var(--gray1);color:var(--text)}.dashboard-sidebar-mobile-shell{display:none}.event-dashboard .dashboard-sidebar-mobile-shell{display:none!important}@media (max-width: 900px){.sidebar{display:none}.dashboard-sidebar-mobile-shell{display:block;position:fixed;left:0;right:0;bottom:0;padding:0 8px calc(8px + env(safe-area-inset-bottom));z-index:1400;pointer-events:none}.dashboard-sidebar-mobile-spacer{min-height:140px;transition:min-height .3s ease}.dashboard-sidebar-mobile-bar{pointer-events:auto;position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;right:8px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto;align-items:start;margin:0 auto;max-width:820px;background:var(--backGround, var(--background));border-radius:20px;border:1px solid var(--best-gray);padding:8px;box-shadow:0 2px 33px 5px var(--shadow);overflow:hidden;transition:box-shadow .3s ease}.dashboard-sidebar-mobile-bar.expanded{box-shadow:0 -12px 42px var(--shadow)}.dashboard-sidebar-mobile-bar>*:nth-child(1),.dashboard-sidebar-mobile-bar>*:nth-child(2),.dashboard-sidebar-mobile-bar>*:nth-child(3),.dashboard-sidebar-mobile-bar>*:nth-child(4),.dashboard-sidebar-mobile-bar>*:nth-child(5){grid-row:1}.dashboard-sidebar-mobile-menu-content{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.dashboard-sidebar-mobile-menu-content.visible{max-height:calc(90vh - 50px - env(safe-area-inset-top));opacity:1;padding-top:12px;overflow-y:auto}.dashboard-sidebar-mobile-expand-button{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:20px;border:2px solid var(--best-gray);background:var(--background);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow)}.dashboard-sidebar-mobile-expand-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow);border-color:var(--blue-blue)}.dashboard-sidebar-mobile-menu-center-button{display:flex;align-items:center;justify-content:center;height:50px;margin-top:5px;border-radius:12px;background:var(--sub-text);border:1px solid var(--sub-text);color:var(--backGround, var(--background));font-size:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px var(--shadow)}.dashboard-sidebar-mobile-menu-center-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--shadow)}.dashboard-sidebar-mobile-menu-center-button.active{background:var(--contrast1);border-color:var(--contrast1);box-shadow:0 6px 20px var(--shadow)}.dashboard-sidebar-mobile-pinned{display:flex;align-items:center;gap:6px}.dashboard-sidebar-mobile-pinned-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:60px;border-radius:16px;background:var(--background);border:1px solid var(--best-gray);color:var(--sub-text);font-size:12px;cursor:pointer;transition:all .2s ease;padding:6px 4px;gap:3px}.dashboard-sidebar-mobile-pinned-button span{font-size:12px;font-family:var(--font-arial-rounded-mt);letter-spacing:.3px;color:var(--sub-text);line-height:1}.dashboard-sidebar-mobile-pinned-button svg{font-size:20px;margin-bottom:5px;color:var(--gray3)}.dashboard-sidebar-mobile-pinned-button:hover{transform:translateY(-2px);background:var(--best-gray);box-shadow:0 6px 16px var(--shadow)}.dashboard-sidebar-mobile-pinned-button.active span,.dashboard-sidebar-mobile-pinned-button.active svg{color:var(--text)}.dashboard-sidebar-mobile-fixed-label{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:9px;color:var(--sub-text);opacity:.7;padding:4px 8px;font-family:var(--font-arial-rounded-mt);background:var(--background);border-radius:8px;border:1px solid var(--best-gray);text-transform:uppercase;letter-spacing:.5px}.dashboard-sidebar-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 10px}.dashboard-sidebar-mobile-menu-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--text);letter-spacing:.4px}.dashboard-sidebar-mobile-menu-logo{height:20px;object-fit:contain}.dashboard-sidebar-mobile-menu-hint{padding:0 22px 6px;font-size:12px;color:var(--sub-text);opacity:.8;letter-spacing:.35px}.dashboard-sidebar-mobile-pin-error{margin:0 22px 10px;padding:10px 14px;border-radius:12px;background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.35);color:#fca5a5;font-size:12px;font-family:ARLRDBD,system-ui,sans-serif}.dashboard-sidebar-mobile-menu-sections{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:18px}.dashboard-sidebar-mobile-menu-section{display:flex;flex-direction:column;gap:10px}.dashboard-sidebar-mobile-menu-section-title{font-size:12px;font-weight:600;letter-spacing:.55px;color:var(--sub-text);text-transform:uppercase}.dashboard-sidebar-mobile-menu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.dashboard-sidebar-mobile-menu-section:has(.dashboard-sidebar-mobile-snippet-item) .dashboard-sidebar-mobile-menu-items{grid-template-columns:1fr}.dashboard-sidebar-mobile-menu-item{display:flex;align-items:center;gap:12px;background:var(--best-gray);border-radius:18px;border:1px solid var(--best-gray);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden;position:relative;padding:7px}.dashboard-sidebar-mobile-menu-item:hover{border-color:#008cff59;box-shadow:0 8px 20px #0003}.dashboard-sidebar-mobile-menu-item-active{border-color:var(--blue-blue);box-shadow:0 0 0 1px #008cff4d}.dashboard-sidebar-mobile-menu-main{flex:1;display:flex;align-items:center;gap:12px;padding:0;background:transparent;border:none;text-align:left;color:inherit}.dashboard-sidebar-mobile-menu-icon{width:44px;height:44px;border-radius:14px;background:var(--background);border:1px solid var(--best-gray);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:18px;flex-shrink:0}.dashboard-sidebar-mobile-menu-info{display:flex;flex-direction:column;gap:2px;flex:1}.dashboard-sidebar-mobile-menu-label{font-size:15px;font-weight:600;color:var(--text);text-align:left}.dashboard-sidebar-mobile-menu-description{font-size:10px;color:var(--sub-text);opacity:.85;line-height:1.2;text-align:left}.dashboard-sidebar-mobile-pin-button{position:absolute;opacity:0;top:5px;right:5px;width:10px;height:10px;border-radius:14px;border:1px solid var(--best-gray);background:var(--background);color:var(--sub-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;font-size:14px}.dashboard-sidebar-mobile-pin-button:hover{background:var(--gray1);color:var(--text)}.dashboard-sidebar-mobile-pin-button-active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.dashboard-sidebar-mobile-snippet-item{position:relative}.dashboard-sidebar-mobile-snippet-emoji{font-size:22px;background:transparent!important;border:none!important;display:flex;align-items:center;justify-content:center}.mobile-snippet-emoji{font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.dashboard-sidebar-mobile-empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:60px;border-radius:16px;background:transparent;border:2px dashed var(--best-gray);color:var(--sub-text);opacity:.4;transition:all .2s ease}.dashboard-sidebar-mobile-empty-slot:hover{opacity:.7;border-color:var(--blue-blue);background:rgba(0,140,255,.05)}.dashboard-sidebar-mobile-empty-slot .empty-slot-icon{font-size:16px;opacity:.5}.dashboard-sidebar-mobile-empty-message{grid-column:1 / -1;padding:16px;text-align:center;color:var(--sub-text);font-size:13px;opacity:.7;font-style:italic}}@keyframes morphExpand{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mega-right{animation:morphExpand .2s ease-out 25ms both}@keyframes slideInSection{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInItem{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-mega-section{animation:slideInSection .2s ease-out forwards;animation-fill-mode:both}.sidebar-mega-section:nth-child(1){animation-delay:25ms}.sidebar-mega-section:nth-child(2){animation-delay:.05s}.sidebar-mega-section:nth-child(3){animation-delay:75ms}.sidebar-mega-section:nth-child(4){animation-delay:.1s}.sidebar-mega-section:nth-child(5){animation-delay:.125s}.sidebar-mega-item{animation:fadeInItem .15s ease-out forwards;animation-fill-mode:both;opacity:0}.sidebar-mega-item:nth-child(1){animation-delay:0s}.sidebar-mega-item:nth-child(2){animation-delay:.03s}.sidebar-mega-item:nth-child(3){animation-delay:.06s}.sidebar-mega-item:nth-child(4){animation-delay:.09s}.sidebar-mega-item:nth-child(5){animation-delay:.12s}.sidebar-mega-item:nth-child(6){animation-delay:.15s}.sidebar-mega-item:nth-child(7){animation-delay:.18s}.sidebar-mega-item:nth-child(8){animation-delay:.21s}.sidebar-mega-item:nth-child(9){animation-delay:.24s}.sidebar-mega-item:nth-child(10){animation-delay:.27s}.sidebar-mega-item.gated{opacity:.5!important}.sidebar-snippet-item{position:relative;cursor:pointer;transition:all .25s ease}.sidebar-snippet-item:hover{background:rgba(15,131,233,.08);border-color:var(--blue-blue);transform:translateY(-2px)}.sidebar-snippet-emoji{font-size:20px;background:transparent!important;border:none!important;display:flex;align-items:center;justify-content:center}.sidebar-snippet-pin-button{position:absolute;top:8px;right:8px;background:var(--background);border:2px solid var(--gray2);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub-text);transition:all .2s ease;opacity:0;z-index:10}.sidebar-snippet-item:hover .sidebar-snippet-pin-button{opacity:1}.sidebar-snippet-pin-button:hover{background:var(--gray1);border-color:var(--blue-blue);color:var(--blue-blue);transform:scale(1.1)}.sidebar-snippet-pin-button .pinned{color:var(--blue-blue)}.sidebar-snippet-pin-button:has(.pinned){opacity:1;background:rgba(15,131,233,.1);border-color:var(--blue-blue)}.sidebar-snippet-shortcut{cursor:pointer;transition:all .2s ease}.sidebar-snippet-shortcut:hover{background:rgba(15,131,233,.08);border-color:var(--blue-blue)}.sidebar-snippet-icon-emoji{font-size:18px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar.collapsed .sidebar-snippet-icon-emoji{display:flex!important;font-size:20px}.sidebar-mega-section:has(.sidebar-snippet-item) .sidebar-mega-section-title{color:var(--blue-blue);opacity:.9}.sidebar-mega-empty-message{padding:16px;text-align:center;color:var(--sub-text);font-size:13px;opacity:.7;font-style:italic}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:1.8rem;font-weight:600;margin:0;color:var(--text)}.loading-indicator{font-size:.9rem;color:var(--text-secondary);font-style:italic}.filter-select{padding:.5rem 1rem;border:1px solid var(--best-gray);border-radius:8px;background:var(--background);color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary)}.sites-page-filter-select{min-width:140px;height:40px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem}.site-card{background:var(--background);border:1px solid var(--best-gray);border-radius:16px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;min-height:280px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;box-shadow:0 3px 12px #0000000d}.site-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:var(--blue-blue)}.site-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0;position:relative;z-index:1}.site-header-actions{display:flex;align-items:center;gap:12px}.site-icon{width:48px;height:48px;padding:6px;background:var(--background);border:1px solid var(--best-gray);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--blue-blue);font-size:20px;box-shadow:0 4px 12px #00000014;flex-shrink:0}.site-icon svg{width:20px;height:20px}.site-icon-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.site-state-pill{height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:ARLRDBD,sans-serif;border:1px solid transparent}.site-state-pill.live{color:#10b981;background:rgba(16,185,129,.1);border-color:#10b9812e}.site-state-pill.maintenance{color:#f59e0b;background:rgba(245,158,11,.1);border-color:#f59e0b2e}.site-state-pill.archived{color:#6b7280;background:rgba(107,114,128,.12);border-color:#6b728033}.site-state-pill.draft{color:#2196f3;background:rgba(33,150,243,.1);border-color:#2196f32e}.site-content{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px}.site-title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.site-title{font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;line-height:1.3;margin:0;flex:1}.site-description{font-size:14px;color:var(--sub-text);line-height:1.4;margin:0;font-family:ARLRDBD,sans-serif;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-stats{display:grid;grid-template-columns:1fr;gap:12px;margin:8px 0;z-index:1}.stat-item{display:flex;flex-direction:column;gap:2px;text-align:center;padding:8px;background:var(--gray1);border-radius:8px;transition:all .2s ease}.stat-item--full{text-align:left;align-items:flex-start}.stat-item svg{color:var(--blue-blue);font-size:14px;margin-bottom:4px;align-self:center}.stat-label{font-size:11px;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;font-weight:500;font-family:ARLRDBD,sans-serif;opacity:.7}.stat-value{font-size:14px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif;word-break:break-word}.site-meta-strip,.site-field-types{display:flex;flex-wrap:wrap;gap:6px}.site-meta-strip{padding-top:2px}.site-field-types{margin-top:auto;padding-top:2px}.field-type-chip{padding:4px 8px;background:var(--best-gray);border-radius:6px;font-size:10px;font-weight:500;color:var(--sub-text);text-transform:capitalize;font-family:ARLRDBD,sans-serif;border:1px solid transparent;transition:all .2s ease;z-index:1;display:flex;align-items:center}.field-type-chip--muted{background:var(--gray1);color:var(--sub-text);border-color:var(--best-gray)}.field-type-chip:hover{background:rgba(15,131,233,.1);border-color:var(--blue-blue);color:var(--blue-blue)}.field-type-chip.more{background:rgba(15,131,233,.1);color:var(--blue-blue);font-weight:600}.field-type-chip.connected{background:rgba(76,175,80,.1);color:#4caf50;font-weight:600}.tag-chip{padding:4px 8px;background:var(--best-gray);border-radius:6px;font-size:10px;font-weight:500;color:var(--sub-text);text-transform:capitalize;font-family:ARLRDBD,sans-serif;border:1px solid transparent;transition:all .2s ease;z-index:1}.tag-chip:hover{background:rgba(15,131,233,.1);border-color:var(--blue-blue);color:var(--blue-blue)}.tag-chip.more{background:rgba(15,131,233,.1);color:var(--blue-blue);font-weight:600}.site-preview-container{position:absolute;top:0;right:0;width:300px;height:200px;overflow:visible;pointer-events:none;z-index:0;border-radius:8px;opacity:.5;transition:opacity .3s ease;background:transparent}.site-card:hover .site-preview-container{opacity:1}.site-preview-overlay{position:relative;width:500px;height:600px;transform:scale(.6) rotate(-20deg) translate(-300px) translateY(-200px);transform-origin:top right;background:var(--background);border:1px solid var(--best-gray);border-radius:12px;box-shadow:0 6px 20px #00000026;overflow:hidden}.site-preview-iframe{width:100%;height:100%;border:none;pointer-events:none;transform:scale(1);transform-origin:top left;filter:blur(.5px);opacity:.8}.preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--sub-text);background:var(--gray1);font-family:ARLRDBD,sans-serif;text-align:center;padding:24px}.preview-fallback svg,.preview-fallback-icon{width:32px;height:32px;margin-bottom:8px;opacity:.5}.preview-fallback span{font-size:14px;font-weight:500}.preview-fallback small{font-size:12px;opacity:.7;margin-top:4px}.site-actions{display:flex;gap:6px;justify-content:flex-end;padding:16px 8px 8px;border-top:1px solid var(--best-gray);margin-top:auto;opacity:.4;transition:opacity .2s ease;flex-wrap:wrap;z-index:1}.site-card:hover .site-actions{opacity:1}.action-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;font-family:ARLRDBD,sans-serif;text-decoration:none;flex:1;justify-content:center;white-space:nowrap;overflow:hidden;z-index:1}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn span{font-size:11px;font-weight:500}.site-card .site-actions .action-btn.primary-btn{background:var(--blue-blue)!important;color:#fff!important}.site-card .site-actions .action-btn.primary-btn:hover{background:var(--blue-light)!important}.site-card .site-actions .action-btn.primary-btn:disabled{background:#ccc!important;opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.site-card .site-actions .action-btn.secondary-btn{background:#F7F7F7!important;color:#2c2e30!important;border:1px solid var(--best-gray)!important}.site-card .site-actions .action-btn.secondary-btn:hover{background:#EEEEEE!important;border-color:var(--blue-blue)!important;color:var(--blue-blue)!important}.section-actions{display:flex;align-items:center;gap:1rem}.clear-local-sites-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:ARLRDBD,sans-serif}.clear-local-sites-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);grid-column:1 / -1}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--text);font-family:ARLRDBD,sans-serif}.empty-state p{font-size:.9rem;margin:0;font-family:ARLRDBD,sans-serif}.site-preview-renderer{width:100%!important;height:100%!important;pointer-events:none!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important}.site-preview-renderer iframe{width:100%!important;height:100%!important;border:none!important;pointer-events:none!important;transform:scale(1)!important;transform-origin:top left!important;filter:blur(.5px)!important;opacity:.9!important}.site-preview-renderer .site-preview-component{width:100%!important;height:100%!important;border-radius:8px!important;overflow:hidden!important}.sites-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.sites-page-top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sites-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.sites-page-create-btn:hover:not(:disabled){background-color:var(--best-gray);transform:translateY(-2px)}.sites-page-create-btn:active:not(:disabled){transform:translateY(0)}.sites-page-create-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){.sites-page-top-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:wrap!important}.sites-page-top-bar-actions{width:100%;justify-content:stretch}.sites-page-create-btn{width:100%;justify-content:center}}.snippets-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:30px 32px 60px}.snippets-desktop-only-shell{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--main-background)}.snippets-desktop-only-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:14px}.snippets-iframe-container.snippets-iframe-container-desktop-only{border-radius:0;border:none;box-shadow:none;background:var(--main-background)}.snippets-iframe-container.snippets-iframe-container-desktop-only .snippets-iframe{border-radius:0}@media (max-width: 900px){.snippets-main-content{padding:20px 16px 80px!important;height:100vh!important}.snippets-viewer-header{margin-bottom:12px;padding-bottom:12px}.dashboard-layout{height:100dvh!important;padding-bottom:0!important;overflow-y:auto!important;overflow-x:hidden!important}}.snippets-header{margin-bottom:32px}.snippets-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.snippets-header-left{flex:1}.snippets-title{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #1a1a1a)}.snippets-subtitle{font-size:15px;margin:0;opacity:.7;color:var(--text-secondary, #666)}.snippets-loading,.snippets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;opacity:.6;gap:12px}.snippets-empty p{margin:4px 0;font-size:15px}.snippets-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);overflow-y:auto}@media (max-width: 900px){.snippets-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.snippets-card{cursor:pointer;background:var(--main-background, #fff);border:1px solid var(--gray2, #d0d5dd);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}.snippets-card:hover{box-shadow:0 8px 28px -4px #00000014,0 2px 6px #0000000f;transform:translateY(-2px);border-color:var(--blue, #0F83E9)}.snippets-card:focus-visible{outline:2px solid var(--blue, #0F83E9);outline-offset:3px}.snippets-card-icon-box{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gray1, #f5f7fa);border-radius:20px;margin:0 auto}.snippets-card-body{display:flex;flex-direction:column;gap:12px}.snippets-card-title{margin:0;font-size:20px;font-weight:600;line-height:1.2;text-align:center}.snippets-card-description{margin:0;font-size:14px;line-height:1.5;opacity:.75;text-align:center;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.snippets-card-nickname{margin:0;font-size:13px;font-style:italic;opacity:.6;text-align:center}.snippets-card-permissions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.snippets-card-permission-tag{font-size:11px;padding:4px 10px;background:var(--gray2, #eef1f4);border-radius:999px;letter-spacing:.4px;opacity:.85;text-transform:capitalize}.snippets-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray2, #d0d5dd);flex-shrink:0}.snippets-back-button{flex-shrink:0}.snippets-viewer-title-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.snippets-viewer-icon{font-size:32px;flex-shrink:0}.snippets-viewer-title{margin:0;font-size:24px;font-weight:600;color:var(--text-primary, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippets-viewer-permissions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex-shrink:0}.snippets-viewer-permission-tag{font-size:12px;padding:6px 12px;background:var(--gray2, #eef1f4);border-radius:999px;letter-spacing:.4px;text-transform:capitalize;white-space:nowrap}.snippets-iframe-container{flex:1;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray2, #d0d5dd);min-height:0;position:relative}.snippets-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;margin:0;padding:0;border-radius:12px}.dark .snippets-title,.dark .snippets-viewer-title{color:var(--text-primary-dark, #f5f5f5)}.dark .snippets-subtitle{color:var(--text-secondary-dark, #b0b0b0)}.dark .snippets-card{background:var(--main-background-dark, #1a1a1a);border-color:var(--gray3-dark, #404040)}.dark .snippets-card:hover{border-color:var(--blue, #0F83E9)}.dark .snippets-card-icon-box{background:var(--gray2-dark, #2a2a2a)}.dark .snippets-back-button{background:var(--gray2-dark, #2a2a2a);border-color:var(--gray3-dark, #404040);color:var(--text-primary-dark, #f5f5f5)}.dark .snippets-back-button:hover{background:var(--gray3-dark, #404040);border-color:var(--gray4-dark, #505050)}.dark .snippets-iframe-container{background-color:var(--bg-primary-dark, #1a1a1a);border-color:var(--gray3-dark, #404040)}.snippets-create-button{position:relative!important;top:2px!important;height:40px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 15px!important;background-color:var(--secondary-background)!important;border-radius:15px!important;border:2px solid var(--best-gray)!important;color:var(--sub-text)!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important;white-space:nowrap!important}.snippets-create-button:hover{background-color:var(--best-gray)!important;transform:translateY(-2px)!important}.start-page{position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:var(--main-background);isolation:isolate;font-family:var(--font-arial-rounded-mt)}.start-page__floating-logo-button{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;outline:none}.start-page__floating-logo{height:22px;margin-left:0;filter:drop-shadow(0 8px 24px rgba(0,140,255,.28))}.start-page__floating-logo-button:focus,.start-page__floating-logo-button:focus-visible,.start-page__floating-logo-button:active{outline:none;box-shadow:none}.start-page__gradient,.start-page__wave{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;will-change:transform,opacity,filter}.start-page__gradient{transform:scale(1.01);filter:saturate(1.04) brightness(1.02)}.start-page__wave{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter .9s ease}.start-page__wave--back{transform:translate3d(-1.5%,22%,0) scale(1.18);filter:blur(24px)}.start-page__wave--front{transform:translate3d(1%,24%,0) scale(1.22);filter:blur(26px)}.start-page.stage-1 .start-page__wave--back,.start-page.stage-2 .start-page__wave--back{opacity:.9;transform:translateZ(0) scale(1);filter:blur(0)}.start-page.stage-2 .start-page__wave--back{transition-duration:1.2s}.start-page.stage-2 .start-page__wave--front{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.start-page__hero{position:absolute;top:50%;left:50%;z-index:2;width:min(1120px,calc(100% - 40px));transform:translate(-50%,-50%);text-shadow:0 10px 28px rgba(93,150,214,.22);transition:transform .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1)}.start-page.desktop-transitioning .start-page__hero{opacity:0;transform:translate(-50%,-50%) scale(1.025);filter:blur(6px);transition:opacity .26s ease,transform .32s cubic-bezier(.22,1,.36,1),filter .26s ease}.start-page.desktop-transitioning .start-page__gradient{transform:scale(1.03);filter:saturate(1.08) brightness(1.03);transition:transform .32s ease,filter .32s ease}.start-page.desktop-transitioning .start-page__wave--back,.start-page.desktop-transitioning .start-page__wave--front{opacity:1;transform:translateZ(0) scale(1.015);filter:blur(0)}.start-page.intro-complete .start-page__hero{top:clamp(24px,4vh,56px);transform:translate(-50%)}.start-page.screen-pin .start-page__hero{top:50%;transform:translate(-50%,-50%)}.start-page.screen-onboard .start-page__hero{top:50%;width:min(1320px,calc(100% - 28px));transform:translate(-50%,-50%)}.start-page__hello{display:flex;justify-content:center;margin:0 auto;width:100%;max-width:520px;transform:scale(1);transform-origin:center center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.start-page.intro-complete .start-page__hello{transform:scale(.76)}.start-page.screen-pin .start-page__hello{opacity:0;max-height:0;margin:0;overflow:hidden;transform:scale(.6)}.start-page__hello-svg{width:100%;fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:35px;stroke-dasharray:5800px;stroke-dashoffset:5800px;filter:drop-shadow(0 10px 24px rgba(112,166,224,.22));animation:start-page-hello-draw linear 1.45s forwards}.start-page__subtitle{margin:18px auto 0;max-width:400px;font-size:clamp(1.2rem,2.7vw,2.8rem);line-height:1.12;font-weight:700;letter-spacing:-.04em;text-align:center;display:flex;flex-direction:column;color:#fff;align-items:center;gap:.18em}.start-page__pin-icon{display:inline-flex;align-items:center;justify-content:center;width:82px;height:82px;margin:0 auto 12px;color:#ffffffeb;filter:drop-shadow(0 10px 22px rgba(93,150,214,.22));animation:start-page-pin-icon-in .68s cubic-bezier(.22,1,.36,1)}.start-page__pin-icon svg{width:100%;height:100%}.start-page__subtitle-line{display:flex;justify-content:center;align-items:center;width:100%;min-height:1.18em;text-align:center}.start-page__subtitle-text{display:inline-block;white-space:nowrap;text-align:center}.start-page__form-card{width:min(440px,calc(100vw - 40px));margin:26px auto 0;padding:20px 18px 18px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 50px #4375b029,0 1px #ffffffe6 inset;backdrop-filter:blur(12px);opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:opacity .32s ease,transform .52s cubic-bezier(.22,1,.36,1)}.start-page__onboard-inline{width:100%}.start-page.screen-onboard .start-page__floating-logo-button{z-index:5}.start-page.intro-complete .start-page__form-card{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.start-page__field-group{opacity:0;transform:translateY(10px)}.start-page.intro-complete .start-page__field-group{animation:start-page-field-in .42s cubic-bezier(.22,1,.36,1) forwards}.start-page.intro-complete .start-page__field-group:nth-of-type(1){animation-delay:.12s}.start-page.intro-complete .start-page__field-group:nth-of-type(2){animation-delay:.24s}.start-page.intro-complete .start-page__field-group:nth-of-type(3){animation-delay:.36s}.start-page__field-label{display:block;margin:0 0 8px;color:#3d4757;font-size:.98rem;font-weight:700;text-align:left}.start-page__pin-group{padding-top:6px}.start-page__pin-inputs{display:flex;justify-content:space-between;gap:8px;width:100%}.start-page__pin-input{flex:1;min-width:0;height:50px;font-size:20px;font-weight:600;text-align:center;border:2px solid #e6ebf2;border-radius:12px;outline:none;background:#f7f7f8;color:#1f2733;font-family:inherit}.start-page__pin-input:focus{background:#fff;border-color:#83baf5}.start-page__error{margin:12px 0 0;color:#d84b5f;font-size:.9rem;font-weight:600;text-align:center}.start-page__dual-input-row,.start-page__phone-row{display:flex;gap:12px;width:100%}.start-page__input-wrapper{width:100%}.start-page__input-wrapper--name{flex:3 1 0}.start-page__input-wrapper--age{flex:1 1 0}.start-page__phone-input-wrapper{flex:1 1 auto}.start-page__input,.start-page__country-select{width:100%;height:52px;border:1px solid #e6ebf2;border-radius:999px;background:#f7f7f8;color:#1f2733;padding:0 18px;box-sizing:border-box;font:inherit;font-size:.98rem;font-weight:600;outline:none}.start-page__input::placeholder{color:#a1a8b3}.start-page__input:focus,.start-page__country-select:focus{border-color:#83baf5;background:#fff}.start-page__country-wrapper{width:108px;flex:0 0 108px}.start-page__country-select{appearance:none;text-align:center;padding:0 12px}.start-page__controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);margin:18px auto 0;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:opacity .26s ease,max-height .36s ease,margin-top .36s ease}.start-page.intro-active .start-page__controls{margin-top:0}.start-page.intro-complete .start-page__controls{opacity:1;pointer-events:auto;max-height:120px}.start-page__stage-indicator{display:flex;align-items:center;gap:8px;padding:6px 10px}.start-page__stage-pill{width:34px;height:6px;border-radius:999px;background:color-mix(in srgb,#0f172a 34%,transparent 66%);opacity:.28;transition:opacity .26s ease,transform .26s ease,background-color .26s ease}.start-page__stage-pill.active{background:color-mix(in srgb,#0f172a 46%,#ffffff 54%);opacity:.72;transform:scaleX(1.04)}.start-page__next{width:100%;min-height:48px;border:none;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.96) 100%);box-shadow:0 14px 32px #1d4e892e,0 3px #ffffffe6 inset,0 -8px 24px #7da6d71f inset;color:#20242b;font-family:inherit;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:800;letter-spacing:-.04em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-align:center}.start-page__next:disabled{opacity:.46;box-shadow:0 10px 24px #1d4e891a,0 2px #ffffffd1 inset;cursor:not-allowed}.start-page__next:hover{transform:translateY(-2px);box-shadow:0 18px 38px #1d4e8933,0 3px #ffffffeb inset,0 -8px 24px #7da6d724 inset}.start-page__next:active{transform:translateY(1px)}.start-page__next span{display:flex;align-items:center;justify-content:center;width:100%;text-align:center}@keyframes start-page-hello-draw{0%{stroke-dashoffset:5800}18%{stroke-dashoffset:5800}to{stroke-dashoffset:0}}@keyframes start-page-field-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes start-page-pin-icon-in{0%{opacity:0;transform:translateY(10px) scale(.82) rotate(-10deg)}32%{opacity:1;transform:translateY(0) scale(1.06) rotate(7deg)}48%{transform:rotate(-6deg)}64%{transform:rotate(4deg)}82%{transform:rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media (max-width: 700px){.start-page__floating-logo-button{top:14px;left:14px;padding:0}.start-page__floating-logo{height:20px}.start-page__hero{width:min(1120px,calc(100% - 24px))}.start-page.intro-complete .start-page__hero{top:20px}.start-page.screen-pin .start-page__hero{top:50%;transform:translate(-50%,-50%)}.start-page.screen-onboard .start-page__hero{width:calc(100% - 16px)}.start-page__hello{max-width:360px}.start-page__hello-svg{stroke-width:38px}.start-page__subtitle{margin-top:12px;max-width:320px;font-size:clamp(.98rem,1.9vw,1.32rem)}.start-page__pin-icon{width:64px;height:64px;margin-bottom:8px}.start-page__form-card{width:min(440px,calc(100vw - 24px));margin-top:18px;padding:16px 14px 14px;border-radius:20px}.start-page__dual-input-row,.start-page__phone-row{gap:10px}.start-page__input,.start-page__country-select{height:48px;font-size:.92rem}.start-page__country-wrapper{width:94px;flex-basis:94px}.start-page__pin-input{height:46px;font-size:18px}.start-page__controls{width:min(360px,100%)}.start-page__stage-pill{width:22px}.start-page__next{min-height:54px;border-radius:16px}}.status-page{background-color:var(--background-color);min-height:100vh;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif);color:var(--text-color, #000)}.status-page-column{display:flex;flex-direction:column;max-height:none;overflow:scroll;min-height:100vh}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #161818;border-radius:50%;animation:spin 1s linear infinite}.header-row{display:flex;justify-content:space-between;align-items:center;padding:10px}.logo-container{padding:0 0 10px 10px;cursor:pointer}.logo-image{width:100px;height:30px;object-fit:contain}.main-content-container{width:100%;background-color:transparent;max-width:1720px;margin:0 auto;overflow:visible}.content-row{display:flex;align-items:flex-start;justify-content:center;gap:32px;padding:0 8px}.left-pane{flex:1 1 58%;min-width:560px;max-width:1000px;padding-right:8px;max-height:calc(100vh - 120px);overflow-y:visible;overflow-x:visible}.left-pane::-webkit-scrollbar{width:8px}.left-pane::-webkit-scrollbar-track{background:transparent}.left-pane::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:4px;transition:background .2s ease}.left-pane::-webkit-scrollbar-thumb:hover{background:var(--text-color, #000)}.right-pane{flex:1 1 42%;min-width:420px;max-width:700px;padding-left:8px;display:flex;flex-direction:column}.main-status-card{width:100%;max-width:1000px;background-color:var(--main-background, #fff);box-shadow:0 2px 33px 5px var(--shadow-color, rgba(0, 0, 0, .1));border-radius:25px;padding:15px;margin-bottom:20px;display:flex;flex-direction:column}.status-card-content{display:flex;justify-content:space-between;align-items:flex-start}.status-info-column{display:flex;flex-direction:column;gap:2px;flex:1;font-size:12px}.status-row{display:flex;align-items:center;gap:10px}.status-indicator{width:80px;height:20px;border-radius:100px}.status-label{font-size:14px;font-weight:400;color:var(--text-color, #000)}.status-description{font-size:12px;color:var(--sub-text-color, #666)}.service-row{display:flex;align-items:center;gap:10px}.service-label{font-size:14px;color:var(--text-color, #000)}.service-name{font-size:12px;cursor:pointer;text-decoration:none}.service-name:hover{text-decoration:underline}.work-order-row{display:flex;align-items:center;gap:10px}.work-order-label{font-size:14px;color:var(--text-color, #000)}.work-order-id{font-size:12px;color:#00000078}.action-buttons-container{display:flex;flex-direction:column;gap:10px;min-width:180px}.action-buttons-row{display:flex;flex-direction:column;gap:10px;height:auto}.accept-button,.completed-button,.decline-button,.contact-support-button{padding:8px 16px;border:none;border-radius:16px;font-size:14px;cursor:pointer;font-weight:500;line-height:1;height:36px;min-height:36px}.accept-button{background-color:#cce9ca;color:#36a72d}.completed-button{background-color:#c5e1fa;color:#0f83e9}.decline-button{background-color:#f7c6c6;color:#de1d1d;letter-spacing:1px}.contact-support-button{background-color:#ffe3bf;color:#ff9101;width:180px}.tab-navigation{display:flex;justify-content:flex-start;margin-top:5px}.tab-container{background-color:var(--best-gray, #f0f0f0);border-radius:20px;border:1px solid transparent;padding:6px;display:inline-flex;gap:10px}.tab-item{display:flex;align-items:center;gap:5px;padding:0 25px;height:38px;border-radius:11px;cursor:pointer;font-size:14px;color:var(--gray4-color, #999)}.tab-item.active{background-color:var(--main-background, #fff);color:var(--text-color, #000);border:1px solid transparent}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-icon svg{width:24px;height:24px}.work-order-content{margin-top:20px}.work-order-card{width:clamp(320px,40%,600px);background-color:var(--main-background, #fff);box-shadow:0 2px 33px 5px var(--shadow-color, rgba(0, 0, 0, .1));border-radius:25px;padding:15px}.work-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px}.work-order-id-display{color:var(--sub-text-color, #666)}.map-container{width:100%;height:200px;border-radius:25px;overflow:hidden;position:relative;background-color:#007aff;margin-bottom:20px}.map-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#007AFF,#0056CC);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;position:relative}.service-icon-overlay{position:absolute;top:10px;left:10px;width:78px;height:52px;border-radius:15px;overflow:hidden}.service-icon{width:100%;height:100%;object-fit:cover}.outside-region-warning{position:absolute;bottom:10px;left:10px;background-color:#f7f7f7;border-radius:100px;padding:5px 10px;display:flex;align-items:center;gap:5px;font-size:14px;color:#00000080}.warning-icon{font-size:16px}.service-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-title{font-family:Airbnb Cereal App,sans-serif;font-size:25px;font-weight:400}.status-indicator-small{width:80px;height:20px;border-radius:100px}.presenters-section{margin-bottom:20px}.presenter-item{margin-bottom:10px}.presenter-content{padding:10px;background-color:var(--secondary-background, #f9f9f9);border-radius:10px}.communication-section{margin-top:0;width:100%;flex:1;display:flex;flex-direction:column}@media (max-width: 1400px){.content-row{gap:24px}.left-pane{flex:1 1 60%;min-width:520px}.right-pane{flex:1 1 40%;min-width:380px}}@media (max-width: 1100px){.content-row{flex-direction:column;gap:16px}.left-pane,.right-pane{width:100%;min-width:0;max-width:100%;padding:0}.main-status-card,.work-order-card,.clock-tracker-card,.payments-card,.communication-card{width:100%!important;max-width:100%!important}.messages-container{max-height:min(60vh,560px)}}.sub-tab-navigation{margin:10px;display:flex;justify-content:flex-end;position:sticky;top:10px;z-index:5}.sub-tab-container{background-color:var(--main-background, #f0f0f0)!important;border-radius:20px!important;padding:5px!important;display:inline-flex!important;gap:10px!important;box-shadow:none!important}.sub-tab-item{display:flex!important;align-items:center!important;gap:5px!important;padding:0 25px!important;border-radius:15px!important;cursor:pointer;font-size:14px;color:var(--gray4-color, #999)}.sub-tab-item.active{background-color:var(--best-gray, #fff);color:var(--text-color, #000)}.sub-tab-icon{display:flex;align-items:center;justify-content:center}.sub-tab-icon svg{width:24px;height:24px}.communication-card{background-color:var(--main-background, #fff);box-shadow:0 2px 33px 5px var(--shadow-color, rgba(0, 0, 0, .1));border-radius:25px;padding:15px;flex:1;display:flex;flex-direction:column}.enable-chats{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:none;cursor:pointer;background:var(--best-gray, #f0f0f0)}.enable-chats-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#EE7535 0%,#F04F4D 100%);color:#fff}.enable-chats-text{font-size:16px}.chat-content{margin-top:20px}.messages-container{max-height:60vh;min-height:200px;overflow-y:auto;margin-bottom:15px;padding:10px;background-color:transparent;border-radius:10px}.no-messages{text-align:center;padding:40px}.no-messages-text{color:var(--sub-text-color, #666);font-style:italic}.message-row{display:flex;margin:10px 0}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{max-width:55%;display:inline-block;padding:0;border-radius:20px;box-shadow:0 1px 3px #0000001a}.message-bubble.sent{background:var(--gray1-color, #f0f0f0);border-radius:20px 20px 10px}.message-bubble.received{background:linear-gradient(180deg,#EE7535 0%,#F04F4D 100%);color:#fff;border-radius:20px 20px 20px 10px}.message-text{padding:10px 10px 0;white-space:pre-wrap;word-break:break-word}.message-image{display:block;width:100px;height:75px;object-fit:cover;margin:10px;border-radius:20px}.message-text{margin-bottom:5px}.message-timestamp{font-size:10px;opacity:0;padding:0 10px 5px;transition:opacity .15s ease}.message-timestamp.mine{text-align:right;color:var(--sub-text-color, #666)}.message-timestamp.theirs{text-align:left;color:#fff}.message-bubble:hover .message-timestamp{opacity:.5}.message-toolbar{display:flex;align-items:flex-end;gap:10px;background:var(--gray1-color, #f0f0f0);border-radius:20px;padding:10px}.message-input{flex:1;padding:10px 12px;border:none;border-radius:10px;font-size:14px;background-color:transparent;color:var(--text-color, #000);resize:none;min-height:20px;max-height:140px;line-height:1.4;overflow-y:hidden}.message-input:focus{outline:none}.send-pill{width:60px;height:40px;border-radius:100px;background:linear-gradient(180deg,#F04F4D 0%,#EE7535 100%);border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.send-pill:disabled{opacity:.5;cursor:not-allowed}.attach-button{width:35px;height:35px;border-radius:100px;background:linear-gradient(180deg,#F04F4D 0%,#EE7535 100%);border:none;display:flex;align-items:center;justify-content:center;color:#fff;transform:rotate(0)}.gallery-attach-button{width:52px;height:52px}.attach-preview{position:relative;border-radius:20px;overflow:hidden}.attach-preview img{width:100px;height:75px;object-fit:cover;border-radius:20px}.remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.4);color:#fff;border:none;width:20px;height:20px;border-radius:10px;cursor:pointer}.gallery-content{margin-top:20px}.gallery-placeholder{padding:16px 16px 78px;color:var(--sub-text-color, #666);background-color:var(--secondary-background, #f9f9f9);border-radius:10px;min-height:300px;position:relative}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery-item{border-radius:20px;overflow:hidden;cursor:pointer;position:relative}.gallery-item img{width:100%;height:100px;object-fit:cover;display:block}.upload-tile{background:var(--main-background);display:flex;align-items:center;justify-content:center;height:100px;border:2px dashed var(--gray2);color:#999}.upload-tile:hover{background:#e6e6e6}.upload-tile input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{pointer-events:none}.uploading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:12px;color:#666}.gallery-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.uploading-text{font-size:12px;opacity:.7}.share-gallery-toggle{display:flex;align-items:center;gap:12px}.share-gallery-pill{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.92);color:#000;border-radius:999px;padding:10px 14px;box-shadow:0 6px 20px #00000026;backdrop-filter:saturate(160%) blur(8px);z-index:2}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s;border-radius:26px}.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.switch input:checked+.slider{background:#0F83E9}.switch input:checked+.slider:before{transform:translate(20px)}.notifications-content{margin-top:20px}.notifications-placeholder{padding:40px;text-align:center;color:var(--sub-text-color, #666);background-color:var(--secondary-background, #f9f9f9);border-radius:10px;min-height:300px}.image-viewer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000}.image-viewer{max-width:90vw;max-height:90vh;border-radius:12px}.actions-content{margin-top:20px}.desktop-actions-card{margin-top:12px;background:var(--main-background, #fff);border-radius:20px;box-shadow:0 6px 24px #00000014;border:1px solid rgba(0,0,0,.06);padding:12px}.desktop-actions-grid{display:flex;flex-wrap:wrap;gap:10px}.desktop-actions-grid .accept-button,.desktop-actions-grid .completed-button,.desktop-actions-grid .decline-button,.desktop-actions-grid .contact-support-button{height:40px}.desktop-clock-card{margin-top:20px;background:var(--main-background, #fff);border-radius:20px;box-shadow:0 6px 24px #00000014;border:1px solid rgba(0,0,0,.06);padding:16px}.desktop-clock-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.clock-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.06);cursor:pointer;background:#DCEBFB;color:#0f83e9;font-weight:600}.clock-pill .icon{font-size:18px}.clock-pill.clocked-in{background:#FFE3BF;color:#ff9101}.desktop-total-time{text-align:right}.desktop-total-time .label{color:var(--sub-text-color, #666);font-size:14px}.desktop-total-time .value{font-size:18px;font-weight:600}.clock-timeline{margin-top:16px}.clock-timeline-title{color:var(--sub-text-color, #666);margin-bottom:8px}.clock-timeline-scroll{max-height:280px;overflow-y:auto;padding-right:6px}.clock-timeline-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--best-gray, #f5f5f5);margin-bottom:8px;transition:all .2s ease;border:1px solid transparent}.clock-timeline-item:hover{background:rgba(15,131,233,.08);border-color:#0f83e933}.clock-timeline-item.active{background:rgba(255,145,1,.08);border-color:#ff910133}.clock-timeline-dot,.clock-timeline-line{display:none}.clock-timeline-times{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.clock-timeline-times .range{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.clock-timeline-times .from,.clock-timeline-times .to{font-size:13px;color:var(--text-color, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-timeline-times .to.ongoing{color:#ff9101;font-weight:600}.clock-timeline-times .arrow{opacity:.4;font-size:12px;flex-shrink:0}.clock-timeline-times .duration{color:#0f83e9;font-weight:600;font-size:13px;flex-shrink:0;text-align:right}.clock-tracker-card{width:100%;max-width:400px;background-color:var(--main-background, #fff);box-shadow:0 2px 33px 5px var(--shadow-color, rgba(0, 0, 0, .1));border-radius:25px;padding:15px}.clock-tracker-header{font-size:16px;margin-bottom:15px}.clock-header-row{display:flex;justify-content:space-between;align-items:center}.clock-status{font-size:14px;color:var(--sub-text-color, #666)}.clock-tracker-content{display:flex;flex-direction:column;align-items:center;gap:20px}.clock-button{padding:15px 30px;border:none;border-radius:15px;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:600}.clock-button.clock-in{background-color:#36a72d;color:#fff}.clock-button.clock-out{background-color:#de1d1d;color:#fff}.clock-button:hover{transform:scale(1.05)}.clock-history{width:100%;margin-top:20px}.clock-history h4{margin-bottom:10px;color:var(--text-color, #000)}.clock-entry{display:flex;flex-direction:column;gap:5px;padding:10px;background-color:var(--secondary-background, #f9f9f9);border-radius:8px;margin-bottom:10px;font-size:14px}.clock-entry span{color:var(--text-color, #000)}.duration{font-weight:600;color:#007aff!important}.payments-content{margin-top:20px}.payments-card{width:100%;max-width:400px;background-color:var(--main-background, #fff);box-shadow:0 2px 33px 5px var(--shadow-color, rgba(0, 0, 0, .1));border-radius:25px;padding:15px}.payments-header{font-size:16px;margin-bottom:15px}.payments-placeholder{padding:40px;text-align:center;color:var(--sub-text-color, #666);background-color:var(--secondary-background, #f9f9f9);border-radius:10px}.error-message{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#de1d1d}[data-theme=dark]{--primary-background: #1a1a1a;--main-background: #2a2a2a;--secondary-background: #333;--text-color: #fff;--sub-text-color: #ccc;--shadow-color: rgba(255, 255, 255, .1);--gray1-color: #333;--gray4-color: #666}@media (max-width: 768px){.status-page-padding{padding:0 8px}.communication-section{padding-bottom:80px;min-height:calc(100vh - 200px);overflow:visible}.sub-tab-container{border:1px solid rgba(0,0,0,.06);backdrop-filter:saturate(120%) blur(2px)}.main-content-container{max-width:100%;width:100%;padding:0 8px}.content-row{flex-direction:column;min-height:calc(100vh - 120px);overflow:visible}.tab-navigation{position:sticky;top:0;z-index:999;padding-top:8px;background:var(--background-color)}.left-pane,.right-pane{width:100%;overflow:visible}.main-status-card{max-width:100%;border:1px solid rgba(0,0,0,.08);padding:8px;box-sizing:border-box;margin:4px 0}.status-card-content{flex-direction:column;gap:20px}.action-buttons-container{display:none}.action-buttons-row{flex-direction:row;height:auto;gap:10px}.work-order-card,.clock-tracker-card,.payments-card,.communication-card{width:100%!important;max-width:100%!important;border:1px solid rgba(0,0,0,.08);padding:8px;box-sizing:border-box;margin:4px 0}.sub-tab-container{flex-wrap:wrap}.sub-tab-item{flex:1;min-width:80px;justify-content:center;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;transition:background-color .2s ease}.message-input{max-height:120px}.sub-tab-item.active{background-color:var(--gray1-color, #f0f0f0)}.sub-tab-item .sub-tab-icon{margin-bottom:2px}.sub-tab-item span{font-size:11px;line-height:1;text-align:center}.tab-container{width:100%;justify-content:space-between;background-color:var(--gray1-color, #f5f5f5)}.tab-item{flex:1;justify-content:center;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}.tab-item .tab-icon{margin-bottom:2px;margin-top:0}.tab-item span{font-size:11px;line-height:1;text-align:center}.status-indicator{width:30px;height:20px}.status-label,.status-description,.service-label{font-size:14px}.service-title{font-size:20px}.messages-container{max-height:calc(100vh - 280px);min-height:200px}.accept-button,.completed-button,.decline-button,.contact-support-button{height:52px;min-height:52px;font-size:18px;border-radius:16px;width:100%;margin-bottom:10px}.accept-button:last-child,.completed-button:last-child,.decline-button:last-child,.contact-support-button:last-child{margin-bottom:0}.status-page-floating-clock-pill{margin-left:18px;position:fixed;width:92%;justify-content:center;align-items:center!important;bottom:86px;z-index:1001;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;background:#DCEBFB;color:#0f83e9;box-shadow:0 8px 24px #00000026;border:1px solid rgba(0,0,0,.06);font-weight:600;cursor:pointer;transition:all .2s ease}.status-page-floating-clock-pill:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 12px 32px #0003}.status-page-floating-clock-pill.status-page-clocked-in{background:#FFE3BF;color:#ff9101}.status-page-floating-clock-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:18px}.sub-tab-navigation{position:fixed;inset:auto 0 12px;justify-content:center;z-index:1000;margin:0}.sub-tab-container{width:min(600px,92%);margin:0 auto;background:var(--main-background, #fff);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #00000026;padding:8px;box-sizing:border-box}.sub-tab-item{flex:1;justify-content:center}.clock-tracker-card{display:none}}.details-content{width:100%;padding:0!important}.details-card{background-color:var(--background-color);border-radius:25px;box-shadow:0 2px 33px var(--shadow-color, rgba(0, 0, 0, .1));padding:15px}.notes-section{background-color:#fff5c5;border-radius:20px;border:3px solid #E5DBA9;padding:10px}.notes-label{font-size:18px;color:#bab28f;margin-bottom:10px;font-weight:500;letter-spacing:0;padding:0 0 10px}.details-header{font-size:18px;font-weight:600;color:var(--text-color, #000);margin-bottom:15px;padding:0 5px}.details-section{padding:0 5px}.notes-label{font-size:18px;color:#bab28f;margin-bottom:10px;font-weight:500;letter-spacing:0}.notes-textarea{width:100%;min-height:120px;padding:12px;border:none;border-radius:8px;background-color:transparent;color:#000;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif);font-size:18px;font-weight:500;letter-spacing:0;line-height:1.5;resize:vertical;outline:none;transition:background-color .2s ease}.notes-textarea:focus{background-color:var(--background-color)}.notes-textarea::placeholder{color:var(--sub-text-color, #666);opacity:.7;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif);font-size:18px;font-weight:500;letter-spacing:0}.status-save-notes-button{margin-top:12px!important;padding:10px 24px!important;background:#6B5B00!important;color:#fff!important;border:2px solid #E5DBA9!important;border-radius:12px!important;font-size:15px!important;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif);box-shadow:0 2px 4px #0000001a}.status-save-notes-button:hover{background:#FFC93D;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.status-save-notes-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.details-card{border-radius:15px;padding:12px}.notes-section{width:calc(100% - 20px);margin:10px 0 0}.notes-label{font-size:16px}.notes-textarea{font-size:16px;min-height:100px}.status-save-notes-button{width:100%;padding:12px}}.status-page .sub-tab-item{padding:0 18px;height:34px}.status-page .sub-tab-icon svg{width:18px;height:18px}@media (max-width: 768px){.status-page .sub-tab-item{height:32px}.status-page .sub-tab-icon svg{width:16px;height:16px}}.status-details-content{padding:20px}.status-details-card{background:var(--card-background, #fff);border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.status-details-header{font-size:20px;font-weight:600;margin-bottom:24px;color:var(--text-color, #000)}.status-details-section{display:flex;flex-direction:column;gap:32px}.status-notes-section{display:flex;flex-direction:column;gap:12px}.status-notes-label{font-size:16px;font-weight:600;color:var(--text-color, #000)}.status-notes-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;background:var(--input-background, #fff);color:var(--text-color, #000);transition:border-color .2s}.status-notes-textarea:focus{outline:none;border-color:var(--accent-color, #0F83E9)}.status-save-notes-button{align-self:flex-start;padding:10px 20px;background:var(--accent-color, #0F83E9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.status-save-notes-button:hover{opacity:.9}.status-save-notes-button:disabled{opacity:.5;cursor:not-allowed}.status-links-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.status-links-header{display:flex;align-items:center;justify-content:space-between}.status-links-label{font-size:18px;font-weight:600;color:var(--text-color, #000);margin-bottom:8px}.status-add-link-container{display:flex;gap:12px}.status-link-input{flex:1;padding:10px 12px;border:1px solid var(--border-color, var(--divider-color, #ddd));border-radius:8px;font-size:14px;background:var(--input-background, var(--card-background, #fff));color:var(--text-color, #000);transition:border-color .2s;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif)}.status-link-input:focus{outline:none;border-color:var(--accent-color, #0F83E9)}.status-link-input::placeholder{color:var(--text-tertiary, var(--disabled-text-color, #999))}.status-add-link-button{padding:10px 20px;background:var(--accent-color, #0F83E9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap;font-family:var(--font-arial-rounded-mt, "Airbnb Cereal App", "ARLRDBD", "Arial Rounded Bold", Arial, sans-serif)}.status-add-link-button:hover{opacity:.9}.status-add-link-button:disabled{opacity:.5;cursor:not-allowed}.status-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:8px}.status-link-card{position:relative;background:var(--best-gray);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:row;height:120px;width:100%}.status-link-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.status-link-image{width:120px;height:120px;min-width:120px;overflow:hidden;background:var(--background-secondary, #f5f5f5);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.status-link-image img{width:100%;height:100%;object-fit:cover}.status-link-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--background-secondary, #f5f5f5);color:var(--text-tertiary, var(--disabled-text-color, #999))}.status-link-fallback.hidden{display:none}.status-link-content{padding:12px;flex:1;display:flex;flex-direction:column;overflow:hidden;justify-content:center}.status-link-title{font-size:14px;font-weight:600;color:var(--text-color, #000);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.status-link-description{font-size:13px;color:var(--text-secondary, var(--sub-text-color, #666));margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.status-link-url{font-size:12px;color:var(--text-tertiary, var(--disabled-text-color, #999));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-remove-link-button{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.status-remove-link-button:hover{background:rgba(0,0,0,.8)}.status-no-links{text-align:center;padding:20px;color:var(--text-tertiary, var(--disabled-text-color, #999));font-size:14px;flex:0 0 auto}.status-gallery-item-wrapper{position:relative;display:flex;flex-direction:column;gap:6px}.status-gallery-item-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;background:var(--main-background);border-radius:12px;box-shadow:0 2px 6px #00000014;backdrop-filter:blur(4px)}.status-gallery-toggle-text{font-size:11px;font-weight:600;color:var(--text-color, #000);letter-spacing:.3px}.status-floating-clock-pill{position:fixed;bottom:90px;right:20px;padding:12px 20px;background:var(--accent-color, #0F83E9);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;z-index:100}.status-floating-clock-pill:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.status-floating-clock-pill.clocked-in{background:var(--success-color, #36A72D)}.status-floating-clock-pill .icon{font-size:18px}@media (max-width: 768px){.status-details-content{padding:12px}.status-details-card{padding:16px}.status-details-header{font-size:18px;margin-bottom:20px}.status-details-section{gap:24px}.status-links-grid{display:grid;grid-template-columns:1fr;gap:12px}.status-link-card{width:100%;height:auto;flex-direction:row}.status-link-image{width:100px;height:100px;flex-shrink:0}.status-link-content{padding:12px;flex:1}.status-add-link-container{flex-direction:column}.status-add-link-button{width:100%}.status-floating-clock-pill{bottom:80px;right:16px}}@media (max-width: 1100px) and (min-width: 769px){.status-links-grid{grid-template-columns:repeat(2,1fr)}}.status-page-mobile-clock-card{background-color:var(--main-background, #fff);border-radius:20px;box-shadow:0 2px 8px #00000014;padding:16px;margin-bottom:16px}.status-page-mobile-clock-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.status-page-mobile-total-time{display:flex;align-items:center;gap:12px}.status-page-mobile-total-time-label{color:var(--sub-text-color, #666);font-size:14px}.status-page-mobile-total-time-value{font-size:24px;font-weight:600;color:var(--text-color, #000)}.status-page-mobile-clock-timeline{margin-top:12px}.status-page-mobile-clock-timeline-title{color:var(--sub-text-color, #666);font-size:14px;margin-bottom:12px;font-weight:500}.status-page-mobile-clock-timeline-scroll{max-height:280px;overflow-y:auto;padding-right:6px}.status-page-mobile-clock-timeline-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--best-gray, #f5f5f5);margin-bottom:8px;transition:all .2s ease;border:1px solid transparent}.status-page-mobile-clock-timeline-item:hover{background:rgba(15,131,233,.08);border-color:#0f83e933}.status-page-mobile-clock-timeline-item.status-page-mobile-active{background:rgba(255,145,1,.08);border-color:#ff910133}.status-page-mobile-clock-timeline-dot,.status-page-mobile-clock-timeline-line{display:none}.status-page-mobile-clock-timeline-times{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.status-page-mobile-clock-range{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.status-page-mobile-clock-from,.status-page-mobile-clock-to{font-size:13px;color:var(--text-color, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-page-mobile-clock-to.status-page-mobile-ongoing{color:#ff9101;font-weight:600}.status-page-mobile-clock-arrow{opacity:.4;font-size:12px;flex-shrink:0}.status-page-mobile-clock-duration{color:#0f83e9;font-weight:600;font-size:13px;flex-shrink:0;text-align:right}.steer-page{min-height:100vh;background:var(--main-background);position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.steer-page input,.steer-page textarea,.steer-page [contenteditable=true]{-webkit-user-select:text;user-select:text}.back-button-container{position:absolute;top:20px;left:20px;z-index:10;--text: #ffffff;color:#fff}.stop-button-container{position:absolute;bottom:10px;left:10px;z-index:10}.steer-container{display:flex;height:100vh;width:100%}.steer-mobile-panel-backdrop{position:fixed;inset:0;border:none;padding:0;background:rgba(8,14,24,.42);backdrop-filter:blur(6px);z-index:24}.steer-mobile-panel-launcher{position:absolute;top:68px;left:12px;right:12px;z-index:8;display:flex;gap:8px;padding:6px;border-radius:16px;background:var(--main-background)}.steer-mobile-control-dock{position:absolute;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:7;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.steer-mobile-top-bar{position:absolute;left:12px;right:12px;bottom:calc(262px + env(safe-area-inset-bottom,0px));z-index:7;display:flex;justify-content:center;gap:10px}.steer-mobile-control-card{pointer-events:auto;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:24px}.steer-mobile-control-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;text-align:center}.steer-mobile-joystick{position:relative;width:168px;height:168px;border-radius:50%;touch-action:none;user-select:none}.steer-mobile-joystick-ring{position:absolute;inset:0;border-radius:50%;background:var(--best-gray);box-shadow:inset 0 2px 6px #ffffffe6,inset 0 -10px 20px #94a3b859,0 16px 32px #0f172a1f}.steer-mobile-joystick.active .steer-mobile-joystick-ring{box-shadow:inset 0 2px 8px #fffffff2,inset 0 -12px 24px #fb923c3d,0 20px 36px #0f172a29}.steer-mobile-joystick-thumb{position:absolute;left:50%;top:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border-radius:50%;background:var(--blue-blue);transition:transform .08s linear}.steer-mobile-rotation-card{min-width:112px}.steer-mobile-rotation-btn{pointer-events:auto;border:none;border-radius:999px;width:78px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:var(--main-background);color:var(--text);font-size:24px;cursor:pointer;box-shadow:0 10px 20px #0f172a1a}.steer-mobile-rotation-btn.active{background:#ff7a18;color:#fff;box-shadow:0 16px 28px #f9731659}.steer-mobile-footer-bar{position:absolute;left:12px;right:12px;bottom:100px!important;z-index:8!important;display:flex;align-items:center;gap:10px}.steer-mobile-footer-pill,.steer-mobile-footer-icon{border:none;border-radius:18px;background:var(--main-background);color:var(--text);min-height:50px;box-shadow:0 14px 28px #0f172a1f;backdrop-filter:blur(14px);cursor:pointer}.steer-mobile-footer-pill{flex:1 1 0;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.steer-mobile-footer-icon{flex:0 0 50px;width:50px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.steer-mobile-footer-pill.active,.steer-mobile-footer-icon.active{background:#ff7a18;color:#fff;box-shadow:0 18px 30px #f9731647}.steer-mobile-obstacle-pill{background:var(--main-background);color:var(--text);border:1px solid rgba(15,23,42,.08)}.steer-mobile-obstacle-pill:not(.active){background:var(--main-background);color:var(--text);box-shadow:0 10px 22px #0f172a14}.steer-mobile-obstacle-pill.active{background:#16a34a;color:#fff;border-color:#16a34a52;box-shadow:0 18px 30px #16a34a47}.steer-left-section{flex:1;position:relative;background:radial-gradient(1200px 600px at 10% -10%,rgba(15,131,233,.25),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(15,131,233,.2),transparent 60%),linear-gradient(135deg,rgba(15,131,233,.15) 0%,rgba(15,131,233,.05) 35%,transparent 100%),var(--main-background);color:var(--text);overflow:hidden}.main-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.main-image{width:100%;height:100%;object-fit:cover;display:block}.steer-page-connection-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,rgba(15,83,233,.3) 0%,rgba(15,131,233,.2) 25%,rgba(59,130,246,.25) 50%,rgba(15,131,233,.2) 75%,rgba(15,83,233,.3) 100%);background-size:400% 400%;animation:steer-page-connection-gradient-pulse 3s ease infinite}@keyframes steer-page-connection-gradient-pulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.steer-page-connection-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-radius:50%;animation:steer-page-connection-spin 1s linear infinite}@keyframes steer-page-connection-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.steer-page-connection-loading-text{color:#fff;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;animation:steer-page-connection-pulse-text 1.5s ease-in-out infinite}@keyframes steer-page-connection-pulse-text{0%,to{opacity:.7}50%{opacity:1}}.steer-vision-open{position:absolute;top:56px;left:12px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}.steer-vision-open:hover{filter:brightness(1.1)}.steer-commands-panel{position:absolute;left:50%;transform:translate(-50%);bottom:12px;z-index:5;display:flex;flex-direction:column;gap:8px;max-width:min(1100px,92vw)}.steer-commands-group{background:var(--main-background);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 10px 10px;color:var(--text);backdrop-filter:blur(6px)}.steer-commands-group-title{font-size:12px;font-weight:700;letter-spacing:.4px;opacity:.9;margin-bottom:6px}.steer-commands-grid{display:flex;flex-wrap:wrap;gap:8px}.steer-category-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:99!important}.steer-category-chip{background:var(--best-gray)!important;border:1px solid rgba(255,255,255,.2)}.steer-category-chip.selected{background:#0d6efd!important;border-color:#0d6efd}.steer-cmd-chip{background:var(--best-gray);border:1px solid #3a3a3a;color:var(--text);padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.steer-cmd-chip.selected{background:#0d6efd;border-color:#0d6efd;color:#fff}.steer-cmd-icon{display:inline-block;width:22px;height:22px}[data-theme=dark] .steer-cmd-icon{filter:brightness(0) invert(1)}.steer-cmd-label{line-height:1}.steer-cmd-wrong-mode{border-color:#fbbf2480;opacity:.75}.steer-cmd-mode-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.5px;line-height:1.2}.steer-cmd-mode-badge.mcf{background:rgba(16,185,129,.25);color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.steer-cmd-mode-badge.ai{background:rgba(251,191,36,.25);color:#fcd34d;border:1px solid rgba(251,191,36,.4)}.steer-flashlight-pill{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 6px;border-radius:999px;background:var(--main-background)!important;color:var(--sub-text);width:40px;overflow:visible}.steer-flashlight-icon{font-size:18px;opacity:.9;cursor:pointer}.steer-flashlight-collapsed-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;border-radius:inherit;background:transparent;color:inherit;font-size:18px;cursor:pointer}.steer-flashlight-range{-webkit-appearance:none;appearance:none;width:180px;height:6px;background:rgba(255,255,255,.25);border-radius:999px;outline:none;transform:rotate(-90deg);transform-origin:center center}.steer-flashlight-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ffd43b;border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 2px 6px #0006}.steer-flashlight-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ffd43b;border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 2px 6px #0006}.steer-flashlight-value{font-size:12px;opacity:.85;min-width:18px;text-align:center}.steer-flashlight-mobile-control{display:flex;flex-direction:column;align-items:center;gap:8px}.steer-flashlight-step-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);color:var(--text);font-size:18px;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation}.steer-flashlight-dial{display:flex;align-items:center;justify-content:center;width:34px;padding:8px 0;border-radius:18px;background:rgba(255,255,255,.05);touch-action:none;outline:none}.steer-flashlight-dial-track{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.steer-flashlight-step{width:14px;height:8px;border:none;border-radius:999px;padding:0;background:rgba(255,255,255,.18);opacity:.55;cursor:pointer;transition:width .12s ease,opacity .12s ease,background .12s ease,transform .12s ease}.steer-flashlight-step.active{opacity:1;background:rgba(255,212,59,.9)}.steer-flashlight-step.current{width:24px;background:#ffd43b;transform:scale(1.02)}.steer-flashlight-menu{position:absolute;top:0;right:54px;display:grid;grid-template-columns:repeat(7,22px);gap:7px;padding:14px 12px;border-radius:20px;background:var(--main-background);border:1px solid var(--line-color);z-index:10;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.steer-color-chip{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.7);cursor:pointer;padding:0}.steer-color-chip.selected{outline:2px solid #fff;box-shadow:0 0 0 2px #0006 inset,0 0 8px #fffc}.steer-flash-controls{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;margin-top:4px}.steer-flash-btn{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;cursor:pointer}.steer-flash-speed{font-size:12px;color:var(--text);opacity:.85;min-width:48px;text-align:center}.steer-speed-pill{position:absolute;top:12px;right:12px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--main-background)!important;color:var(--text)}.steer-speed-icon{font-size:16px;opacity:.9}.steer-speed-range{-webkit-appearance:none;appearance:none;width:100px;height:6px;background:rgba(255,255,255,.25);border-radius:999px;outline:none}.steer-speed-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4CAF50;border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 2px 6px #0006}.steer-speed-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4CAF50;border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 2px 6px #0006}.steer-speed-value{font-size:12px;opacity:.85;min-width:36px;text-align:right;font-weight:500}.steer-speed-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:inherit;cursor:pointer;font-size:12px;font-weight:500;padding:3px 10px;transition:background .15s,border-color .15s;white-space:nowrap}.steer-speed-btn:hover{background:rgba(255,255,255,.22)}.steer-mode-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--main-background)!important}.steer-mode-button,.steer-mode-btn{background:#0d6efd;color:#fff;border:none;padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer}.steer-mode-button:hover,.steer-mode-btn:hover{filter:brightness(1.05)}.steer-mode-btn.active{background:#2563eb}.steer-obstacles-badge{position:absolute;top:56px;right:12px;z-index:6;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.55);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}.steer-obstacles-badge.inline{position:static;height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4)}.steer-obstacles-badge.on{background:rgba(16,185,129,.2);border-color:#10b98199}.steer-obstacles-badge.off{background:rgba(239,68,68,.2);border-color:#ef444499}.steer-obstacles-icon{font-size:16px}.steer-obstacles-text{font-size:12px;font-weight:700;letter-spacing:.4px}.steer-service-panel{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:20;width:420px;max-width:90vw;max-height:60vh;overflow-y:auto;background:var(--main-background, rgba(20, 20, 30, .95));border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080}.steer-service-panel-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--text, #fff);margin-bottom:8px}.steer-service-panel-header-actions{display:flex;align-items:center;gap:8px}.steer-service-panel-refresh{border:1px solid var(--line-color, rgba(255,255,255,.18));background:var(--gray2, rgba(255,255,255,.08));color:var(--text, #fff);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer}.steer-service-panel-refresh:hover{border-color:#60a5fa8c;background:rgba(96,165,250,.12)}.steer-service-panel-close{background:none;border:none;color:var(--text, #fff);font-size:18px;cursor:pointer;opacity:.7;padding:0 4px}.steer-service-panel-close:hover{opacity:1}.steer-service-panel-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text, #ccc);opacity:.8;margin-bottom:10px}.steer-service-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}.steer-service-dot.functional{background:#60a5fa}.steer-service-dot.abnormal{background:#ef4444}.steer-service-dot.close{background:#6b7280}.steer-service-panel-list{display:flex;flex-wrap:wrap;gap:8px;width:100%}.steer-service-empty{font-size:12px;color:var(--text, #aaa);opacity:.6;padding:12px 0;text-align:center;width:100%}.steer-service-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;padding:8px 10px;border-radius:999px;font-size:12px;color:var(--text, #e0e0ff);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);white-space:nowrap}.steer-service-chip.functional{border-color:#60a5fa80;background:rgba(96,165,250,.1)}.steer-service-chip.abnormal{border-color:#ef444480;background:rgba(239,68,68,.1)}.steer-service-chip.close{border-color:#6b728066;background:rgba(107,114,128,.1);opacity:.6}.steer-service-meta{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.steer-service-dot-inline{display:inline-block;width:6px;height:6px;border-radius:50%}.steer-service-chip.functional .steer-service-dot-inline{background:#60a5fa}.steer-service-chip.abnormal .steer-service-dot-inline{background:#ef4444}.steer-service-chip.close .steer-service-dot-inline{background:#6b7280}.steer-service-name{font-weight:600}.steer-service-version{opacity:.6;font-size:11px}.steer-service-actions{display:flex;align-items:center;gap:6px}.steer-service-action-btn{border:1px solid var(--line-color, rgba(255,255,255,.18));background:var(--gray2, rgba(255,255,255,.08));color:var(--text, #fff);border-radius:8px;padding:5px 8px;font-size:11px;font-weight:600;cursor:pointer;min-width:62px}.steer-service-action-btn:disabled{cursor:not-allowed;opacity:.5}.steer-service-action-btn-enable:hover:not(:disabled){border-color:#60a5fa8c;background:rgba(96,165,250,.12)}.steer-service-action-btn-disable:hover:not(:disabled){border-color:#ef44448c;background:rgba(239,68,68,.12)}.side-mirror{position:absolute;width:140px;height:280px;top:50%;transform:translateY(-50%);z-index:2;transition:transform .3s ease}.resize-handle{position:absolute;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);border-radius:2px;z-index:10;opacity:0;transition:opacity .2s ease}.side-mirror:hover .resize-handle{opacity:1}.resize-handle:hover{background:rgba(255,255,255,.9);border-color:#fff}.resize-handle-right{right:-4px;top:0;bottom:0;width:8px;cursor:ew-resize}.resize-handle-left{left:-4px;top:0;bottom:0;width:8px;cursor:ew-resize}.resize-handle-bottom{left:0;right:0;bottom:-4px;height:8px;cursor:ns-resize}.resize-handle-bottom-right{right:-4px;bottom:-4px;width:12px;height:12px;cursor:nw-resize;border-radius:50%}.resize-handle-bottom-left{left:-4px;bottom:-4px;width:12px;height:12px;cursor:ne-resize;border-radius:50%}.side-mirror.resizing{box-shadow:0 0 20px #3b82f680;transition:none}.side-mirror.resizing .mirror-image{opacity:.8}.left-mirror{left:20px;transform:translateY(-50%) perspective(800px) rotateY(45deg);transition:transform .3s ease}.right-mirror{right:20px;transform:translateY(-50%) perspective(800px) rotateY(-45deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.mirror-image{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 0 30px #00000080,0 8px 16px #0000004d,inset 0 0 0 3px #fffc;border:3px solid rgba(255,255,255,.9);opacity:.95}.side-mirror:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);border-radius:10px;pointer-events:none;z-index:1}.left-mirror:hover:not(:has(.resize-handle:hover)){transform:translateY(-50%) perspective(800px) rotateY(20deg) scale(1.05)}.right-mirror:hover:not(:has(.resize-handle:hover)){transform:translateY(-50%) perspective(800px) rotateY(-20deg) scale(1.05)}.side-mirror:hover .mirror-image{box-shadow:0 0 40px #fff6,0 12px 24px #0006,inset 0 0 0 3px #fff;border:3px solid rgba(255,255,255,1)}.steer-right-section{position:relative;width:80px;height:100vh;background:transparent;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;flex-direction:column;overflow:visible}.steer-right-section.expanded{z-index:15;overflow:visible}.panel-toggle{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:40px;height:60px;background:var(--gray1);border-radius:0 8px 8px 0;cursor:pointer;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;opacity:1;pointer-events:all}.steer-right-section.expanded .panel-toggle{right:-40px}.panel-toggle:hover{background:var(--gray2);transform:translateY(-50%) scale(1.05)}.work-order-panel{height:100%;display:flex;flex-direction:column;background:var(--main-background);border-radius:12px 0 0 12px;box-shadow:var(--shadow);border:1px solid var(--line-color);border-right:none;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;z-index:11}.steer-right-section.collapsed .work-order-panel{width:80px;cursor:pointer;transition:all .3s ease}.steer-right-section.collapsed .work-order-panel:hover{background:var(--gray1);box-shadow:0 0 15px #0000001a;transform:translate(-2px)}.steer-right-section.expanded .work-order-panel{cursor:default}.panel-header{background:var(--main-background);padding:10px 10px 0;opacity:1;transition:all .3s ease;overflow:hidden;position:relative}.steer-right-section.collapsed .panel-header{padding:15px 8px 10px;opacity:1;pointer-events:all;background:transparent;border-bottom:none;z-index:100}.steer-right-section.collapsed .tab-buttons{flex-direction:column;gap:10px;margin-bottom:12px;align-items:center;padding:0 6px}.steer-right-section.collapsed .tab-btn{width:48px;height:48px;padding:8px;font-size:20px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;overflow:hidden;transition:all .2s ease;background:var(--best-gray);color:var(--sub-text);box-shadow:0 2px 8px #0000001a;min-width:48px;min-height:48px;z-index:101;position:relative}.steer-right-section.collapsed .tab-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.steer-right-section.collapsed .tab-btn.active{background:var(--blue-blue);color:#fff;box-shadow:0 4px 16px #3b82f64d}.steer-right-section.collapsed .tab-btn .tab-text{display:none}.steer-right-section.expanded .tab-btn .tab-text{display:inline}.tab-buttons{position:relative;display:flex;background:var(--best-gray);border-radius:12px;padding:4px;margin-bottom:5px}.steer-tab-indicator{position:absolute;top:4px;height:calc(100% - 8px);background:var(--main-background);border-radius:10px;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000d;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1);font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:500;color:var(--sub-text);position:relative;z-index:1}.tab-btn.active{color:var(--text)}.tab-btn:hover:not(.active){color:var(--text)}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;color:var(--text);transition:all .3s ease;scrollbar-width:thin;scrollbar-color:var(--line-color) transparent}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--line-color);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.steer-right-section.collapsed .panel-content{padding:0 5px 20px;opacity:.7;overflow:hidden;pointer-events:none}.steer-right-section.collapsed .panel-content h2,.steer-right-section.collapsed .panel-content h3{writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;margin:10px 0;text-align:center;color:var(--sub-text)}.tab-content-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--sub-text);font-size:14px}.steer-right-section.collapsed .tab-content-placeholder{display:none}.work-order-content,.map-content,.servo-stats-content{height:100%}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.order-header h2{margin:0;font-size:18px;color:var(--text)}.order-id{font-size:12px;color:var(--sub-text)}.srvz-logo{background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.map-section{position:relative;margin-bottom:20px;border-radius:8px;overflow:hidden}.location-map{width:100%;height:120px;object-fit:cover}.map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;background:white;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.service-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.service-badge{display:flex;align-items:center;gap:8px;background:#e8f5e8;padding:8px 12px;border-radius:20px;color:#2d5a2d;font-size:14px}.service-icon{font-size:16px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.orange{background:#ff9500}.package-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#333}.package-icon{width:20px;height:20px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.order-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#333;font-weight:600}.project-description{margin-bottom:20px}.project-description h4{margin:0 0 8px;font-size:14px;color:#333}.project-description p{margin:0;font-size:12px;color:#666;line-height:1.4}.images-section h4{margin:0 0 10px;font-size:14px;color:#333}.image-thumbnails{display:flex;gap:8px}.thumbnail{width:40px;height:40px;background:#f0f0f0;border-radius:4px;border:1px solid #ddd}.material-section h4{margin:0 0 10px;font-size:14px;color:#333}.material-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.material-row .label{color:#666}.material-row .value{color:#333;font-weight:600}@media (max-width: 768px){.steer-container{flex-direction:column}.steer-right-section{flex:1}.steer-left-section{height:50vh}}.map-content h3{margin:0 0 20px;font-size:18px;color:#333}.map-details{margin-top:15px}.map-details p{margin:8px 0;font-size:14px;color:#666}.servo-stats-content h3{margin:0 0 20px;font-size:18px;color:#333}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.stat-item{background:var(--gray1);padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px;color:var(--sub-text);font-weight:500}.stat-value{font-size:18px;color:var(--text);font-weight:700}.stat-value.status-active{color:#28a745}.performance-chart h4{margin:0 0 15px;font-size:16px;color:var(--text)}.chart-placeholder{display:flex;align-items:end;gap:8px;height:100px;padding:10px;background:var(--gray1);border-radius:8px}.chart-bar{flex:1;background:linear-gradient(to top,var(--blue-blue),var(--blue-blue));border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease}.chart-bar:hover{opacity:.8}.steer-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.steer-modal{width:min(800px,92vw);height:500px;background:var(--main-background);color:var(--text);border:1px solid var(--line-color);border-radius:12px;box-shadow:0 10px 30px #00000040;padding:16px;display:flex;flex-direction:column}.steer-modal-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:8px;flex-shrink:0}.steer-modal-body{color:var(--sub-text);font-size:14px;margin-bottom:14px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-color) transparent}.steer-modal-body::-webkit-scrollbar{width:6px}.steer-modal-body::-webkit-scrollbar-track{background:transparent}.steer-modal-body::-webkit-scrollbar-thumb{background:var(--line-color);border-radius:3px}.steer-modal-body::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.steer-modal-actions{display:flex;justify-content:flex-end;gap:10px}.steer-modal-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--line-color);background:var(--gray2);color:var(--text);cursor:pointer}.steer-modal-btn.primary{background:var(--blue-blue);color:#fff;border-color:transparent}.resize-handle-left:hover{background:rgba(59,130,246,.2)!important}.resize-handle-left:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:rgba(59,130,246,.5);border-radius:1px;opacity:0;transition:opacity .2s ease}.resize-handle-left:hover:after{opacity:1}@media (max-width: 768px){.steer-right-section{width:50px}.steer-right-section.expanded{max-width:300px}.steer-right-section.collapsed .work-order-panel{width:50px}.steer-right-section.expanded .work-order-panel{max-width:300px}.stats-grid{grid-template-columns:1fr}.panel-toggle{right:-35px;width:35px;height:70px}.steer-right-section.collapsed .tab-btn{width:50px;height:50px;font-size:20px;border-radius:12px;padding:8px;min-width:50px;min-height:50px}}@media (max-width: 900px){.steer-page.mobile-layout{overflow:hidden;--steer-mobile-video-top: 64px;--steer-mobile-video-height: clamp(188px, 52vw, 248px)}.steer-page.mobile-layout .steer-container{flex-direction:row;height:100dvh}.steer-page.mobile-layout .steer-left-section,.steer-page.mobile-layout .main-image-container{height:100dvh}.steer-page.mobile-layout .steer-left-section{background:var(--main-background)}.steer-page.mobile-layout .side-mirror{display:none}.steer-page.mobile-layout .back-button-container{top:12px;left:12px;right:12px;--text: var(--sub-text, #172033);color:var(--sub-text, #172033);display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;max-width:calc(100vw - 24px);pointer-events:none;z-index:9}.steer-page.mobile-layout .back-button-container>*{pointer-events:auto}.steer-page.mobile-layout .steer-mobile-panel-launcher{z-index:10}.steer-page.mobile-layout .steer-recording-controls{width:100%;flex-direction:row;flex-wrap:wrap;margin-top:0}.steer-page.mobile-layout .steer-recording-btn,.steer-page.mobile-layout .steer-upload-status{backdrop-filter:blur(8px)}.steer-page.mobile-layout .stop-button-container{left:16px;bottom:100px;z-index:14}.steer-page.mobile-layout .steer-mobile-panel-launcher{top:12px;left:88px;right:12px;padding:4px;min-height:40px;border-radius:14px}.steer-page.mobile-layout .steer-mobile-panel-tab{padding:9px 8px;font-size:11px;gap:5px}.steer-page.mobile-layout .main-image-container:before{content:none}.steer-page.mobile-layout .main-image-container:after{content:"";position:absolute;left:0;right:0;bottom:0;top:calc(var(--steer-mobile-video-top) + var(--steer-mobile-video-height));background:var(--best-gray);z-index:0;pointer-events:none}.steer-page.mobile-layout .main-image,.steer-page.mobile-layout .main-image-container>canvas,.steer-page.mobile-layout .steer-page-connection-loading-overlay{position:absolute;top:var(--steer-mobile-video-top)!important;left:0!important;width:100%!important;height:var(--steer-mobile-video-height)!important;border-radius:0;overflow:hidden}.steer-page.mobile-layout .steer-page-connection-loading-overlay{right:auto;justify-content:center;align-items:center}.steer-page.mobile-layout .steer-speed-pill{display:none}.steer-page.mobile-layout .steer-flashlight-pill{top:calc(var(--steer-mobile-video-top) + 14px);right:10px;transform:none;width:52px;gap:10px;padding:10px 8px 12px;border-radius:26px;background:color-mix(in srgb,var(--main-background) 88%,black 12%)!important;box-shadow:0 14px 34px #0f172a47;z-index:9}.steer-page.mobile-layout .steer-flashlight-pill.mobile-collapsed{width:44px;min-width:44px;padding:0;gap:0;border-radius:999px;overflow:hidden}.steer-page.mobile-layout .steer-flashlight-collapsed-toggle{min-height:44px;font-size:18px;background:color-mix(in srgb,var(--main-background) 88%,black 12%)}.steer-page.mobile-layout .steer-flashlight-range{width:82px;transform:none}.steer-page.mobile-layout .steer-flashlight-icon{font-size:17px}.steer-page.mobile-layout .steer-flashlight-mobile-control{gap:7px}.steer-page.mobile-layout .steer-flashlight-step-btn{width:32px;height:28px;border-radius:12px;font-size:17px}.steer-page.mobile-layout .steer-flashlight-dial{width:34px;padding:10px 0;border-radius:18px;background:rgba(255,255,255,.06)}.steer-page.mobile-layout .steer-flashlight-step{width:15px;height:8px}.steer-page.mobile-layout .steer-flashlight-step.current{width:26px}.steer-page.mobile-layout .steer-flashlight-value{min-width:22px;font-size:12px;font-weight:700}.steer-page.mobile-layout .steer-flashlight-menu{top:18px;right:calc(100% + 10px);bottom:auto;grid-template-columns:repeat(4,22px)}.steer-page.mobile-layout .steer-commands-panel{left:12px;right:12px;bottom:calc(152px + env(safe-area-inset-bottom,0px));transform:none;max-width:none;width:auto;z-index:10020!important}.steer-page.mobile-layout .steer-mobile-command-sheet{position:relative;right:auto;bottom:auto;width:100%;max-width:none;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--main-background) 92%,black 8%);box-shadow:0 22px 48px #0f172a42;backdrop-filter:blur(16px);padding:12px}.steer-page.mobile-layout .steer-mobile-command-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.steer-page.mobile-layout .steer-mobile-command-sheet-title{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sub-text)}.steer-page.mobile-layout .steer-mobile-command-sheet-close{border:none;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.08);color:var(--text);font-size:12px;font-weight:700}.steer-page.mobile-layout .steer-mobile-category-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;overflow:visible;gap:8px;padding:0;margin-bottom:12px;background:transparent;box-shadow:none;border-radius:0}.steer-page.mobile-layout .steer-mobile-category-tabs:before{content:none}.steer-page.mobile-layout .steer-mobile-category-tabs .steer-cmd-chip{width:auto;flex:0 1 auto;white-space:normal;padding:9px 12px;border-radius:14px;font-size:11px;justify-content:center;text-align:center}.steer-page.mobile-layout .steer-mobile-active-group .steer-commands-group{margin-bottom:0;padding:0;border:none;background:transparent;box-shadow:none;max-height:none}.steer-page.mobile-layout .steer-mobile-active-group .steer-commands-group-title{margin-bottom:10px;font-size:15px;letter-spacing:.02em}.steer-page.mobile-layout .steer-mobile-active-group .steer-commands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.steer-page.mobile-layout .steer-mobile-active-group .steer-cmd-chip{width:100%;min-height:52px;padding:10px 12px;border-radius:16px;white-space:normal;text-align:left;justify-content:flex-start;align-items:center;gap:8px;font-size:13px;line-height:1.2}.steer-page.mobile-layout .steer-mobile-active-group .steer-cmd-mode-badge{margin-left:auto}.steer-page.mobile-layout .steer-right-section.mobile-overlay{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:0!important;pointer-events:none;z-index:30}.steer-page.mobile-layout .steer-right-section.mobile-overlay.expanded{width:100vw!important;max-width:none!important;pointer-events:auto}.steer-page.mobile-layout .steer-right-section.mobile-overlay .work-order-panel{height:100dvh;width:96vw!important;max-width:none!important;margin-left:auto;border-radius:26px 0 0 26px;box-shadow:0 26px 60px #0f172a57;border-left:1px solid rgba(255,255,255,.08)}.steer-page.mobile-layout .steer-right-section.mobile-overlay.collapsed .work-order-panel{display:none}.steer-page.mobile-layout .steer-right-section.mobile-overlay .panel-toggle{top:calc(14px + env(safe-area-inset-top,0px));left:6px;right:auto;width:42px;height:42px;border-radius:999px;transform:none;background:rgba(17,24,39,.08);backdrop-filter:blur(10px);z-index:31}.steer-page.mobile-layout .steer-right-section.mobile-overlay.collapsed .panel-toggle{display:none}.steer-page.mobile-layout .steer-right-section.mobile-overlay .panel-header{padding:calc(18px + env(safe-area-inset-top,0px)) 14px 0 14px}.steer-page.mobile-layout .steer-right-section.mobile-overlay .panel-content{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.steer-page.mobile-layout .steer-mobile-control-dock{left:12px;right:12px;top:calc(var(--steer-mobile-video-top) + var(--steer-mobile-video-height) + 64px);bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:clamp(14px,4vw,24px);align-items:center;justify-content:center}.steer-page.mobile-layout .steer-mobile-top-bar{left:16px;right:16px;top:calc(var(--steer-mobile-video-top) + var(--steer-mobile-video-height) + 18px);bottom:auto;justify-content:space-between;gap:12px}.steer-page.mobile-layout .steer-mobile-control-card{padding:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none}.steer-page.mobile-layout .steer-mobile-joystick{width:min(40vw,168px);height:min(40vw,168px)}.steer-page.mobile-layout .steer-mobile-control-label{display:none}.steer-page.mobile-layout .steer-mobile-rotation-btn{width:clamp(70px,18vw,86px);height:clamp(42px,11vw,50px);font-size:clamp(22px,5vw,28px);flex:0 0 auto}.steer-page.mobile-layout .steer-mobile-footer-bar{left:128px;right:16px;bottom:28px;justify-content:flex-end;z-index:14}.steer-page.mobile-layout .steer-mobile-footer-pill{min-width:0;flex:0 0 auto;min-height:40px;white-space:nowrap}.steer-page.mobile-layout .steer-mobile-top-bar .steer-mobile-footer-pill{flex:1 1 0;justify-content:center}.steer-page.mobile-layout .steer-mobile-moves-action{flex:0 0 88px}.steer-page.mobile-layout .steer-mobile-active-group{max-height:min(50vh,430px);overflow-y:auto;padding-right:2px}}.steer-right-section.collapsed .mini-submenu{display:flex;flex-direction:column;gap:10px;align-items:center}.steer-right-section.expanded .mini-submenu{display:none}.mini-submenu .mini-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:var(--best-gray);color:var(--sub-text);cursor:pointer;font-size:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.mini-submenu .mini-btn:hover{background:var(--gray3);color:var(--text);transform:scale(1.06);box-shadow:0 2px 8px #00000026}.mini-submenu .mini-btn.active{background:var(--blue-blue);color:var(--primary-btn-text);border-color:transparent}.steer-page-connection-recording-dot-container{position:absolute;top:8px;right:8px;z-index:11;display:flex;align-items:center;justify-content:center}.steer-page-connection-recording-dot{width:6px;height:6px;background:var(--red-red);border-radius:50%;animation:steer-page-connection-recording-pulse 1s ease-in-out infinite;box-shadow:0 0 4px var(--red-red)}@keyframes steer-page-connection-recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.steer-recording-controls{display:flex;flex-direction:column;gap:8px;margin-top:10px}.steer-recording-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--text);color:var(--main-background);border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.steer-recording-btn:hover{opacity:.85}.steer-recording-btn--stop{background:var(--red-red);color:#fff}.steer-recording-indicator{width:8px;height:8px;background:white;border-radius:50%;animation:steer-recording-pulse 1s ease-in-out infinite}@keyframes steer-recording-pulse{0%,to{opacity:1}50%{opacity:.4}}.steer-recording-status{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--red-red);color:#fff;border-radius:10px;font-size:12px;font-weight:600}.steer-upload-progress{opacity:.8;font-size:11px}.steer-upload-status{padding:6px 12px;background:var(--best-gray);color:var(--text);border-radius:8px;font-size:11px;font-weight:500}.stint-status-page{display:flex;flex-direction:column;height:100vh;overflow-y:auto}.stint-status-header{display:flex;align-items:start;justify-content:space-between;padding:10px 12px}.stint-status-header.over-map{position:absolute;inset:0 0 auto;padding:20px 18px}.status-page-actions{display:flex;align-items:start;position:relative}.actions-chip{display:inline-flex;align-items:center;background:#000;color:#fff;border-radius:19.763px;height:39.526px;padding:0 6px;opacity:.95}.chip-part{padding:0 10px;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;height:39.526px;background:transparent;border:none;color:#fff;cursor:pointer}.chip-part:focus{outline:none}.chip-part svg{width:20px;height:20px;display:block}.chip-sep{width:1px;height:60%;background:rgba(255,255,255,.35)}.stint-status-map{position:sticky;top:0;height:40vh;min-height:260px;z-index:1}.stint-status-map .servo-location-map{height:100%}.map-top-haze{position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 0%,rgba(131,11,11,.35) 0%,rgba(131,11,11,0) 60%);pointer-events:none}.map-top-fade{position:absolute;inset:0 0 auto;height:206px;background:linear-gradient(180deg,var(--main-background) 0%,var(--gradient2) 100%);pointer-events:none}.stint-status-content{padding:0 12px 24px;display:flex;flex-direction:column;gap:16px;margin-top:-26px;position:relative;z-index:2}.status-card{background:var(--main-background);border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 33px var(--shadow);border-radius:25px;padding:14px}.status-card.done{background:var(--main-background)}.status-title{font-weight:600;margin-bottom:8px;color:var(--text)}.status-sub{font-size:12px;color:var(--text);margin-top:6px}.status-hint{font-size:11px;color:var(--sub-text);margin-top:2px}.status-hint.subtle{opacity:.8}.status-progress{height:11px;background:#f3f3f3;border-radius:5.5px;overflow:hidden}.status-progress.full{background:#f3f3f3}.status-progress-bar{height:9px;margin:1px;background:#1a89ea;border-radius:4.5px}.status-progress-bar.gradient{background:linear-gradient(90deg,#1aeaaa 0%,rgba(26,234,34,.537) 100%)}.workorder-card{background:var(--main-background);border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 33px #0000000d;border-radius:25px;padding:14px}.work-order-preview.overlay{margin-top:-20px;position:relative;z-index:2}.notif-btn{width:48px;height:48px;border-radius:24px;border:none;background:var(--text);color:var(--main-background);margin-left:8px;display:inline-flex;align-items:center;justify-content:center;opacity:.92}.notif-btn svg{display:block;width:20px;height:20px}.notif-btn.wide{width:40px;height:40px;border-radius:26px}.stint-status-more-trigger{width:100%;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--main-background)}.stint-status-more-trigger svg{width:20px;height:20px}.stint-status-more-content{display:flex;flex-direction:column;gap:6px;padding:6px}.stint-status-menu-item{text-align:left;border:none;background:rgba(255,255,255,.08);color:var(--text);font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .14s ease,transform .12s ease;display:flex;align-items:center;gap:8px}.stint-status-menu-item svg{width:14px;height:14px}.stint-status-menu-item:hover{background:rgba(255,255,255,.14)}.stint-status-menu-item:active{transform:translateY(1px)}.stint-status-menu-item-danger{background:rgba(222,29,29,.22);color:#ffd6d6}.stint-status-menu-item-danger:hover{background:rgba(222,29,29,.35)}.stint-status-submenu-content{padding:6px;background:var(--text)!important;border-radius:12px}.stint-status-bloom-wrapper [data-active]+div,.stint-status-more-content>div>div{background:var(--text)!important;border-radius:12px}.stint-status-submenu-content .stint-status-menu-item{background:rgba(255,255,255,.12)}.stint-status-bloom-wrapper{margin-left:8px}.stint-status-bloom-wrapper>div>div{background:var(--text)!important;border-radius:24px;opacity:.92}.stint-status-bloom-wrapper>div>div[style*="220"]{box-shadow:0 6px 20px #00000059}.workorder-title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}.title-text{font-size:16px}.service-thumb{width:58px;height:35.478px;border-radius:9px;background:#481d1d}.share-chip{margin-left:auto;width:41.133px;height:27.133px;border-radius:13.566px;background:#292929;border:none}.workorder-section{margin-top:10px}.workorder-section.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.section-label{font-size:12px;color:var(--sub-text);margin-bottom:6px}.kv{display:grid;grid-template-columns:120px 1fr;gap:4px;align-items:center}.k{font-size:12px;color:var(--sub-text)}.v{font-size:14px;color:var(--text)}.pill{display:inline-block;padding:4px 12px;border-radius:13px;font-size:13px}.pill.neutral{background:#f7f7f7;color:var(--text)}.pill.blue{background:#1a89ea;color:#fff}.thumb-placeholder{width:240px;height:80px;background:var(--gray1);border-radius:8px;border:1px solid var(--best-gray)}.workorder-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.workorder-actions.two{grid-template-columns:1fr 1fr}.btn{border:none;border-radius:14px;padding:12px;cursor:pointer;font-weight:600}.btn.primary{background:rgba(16,137,234,.18);color:#1a89ea}.btn.follow{background:rgba(175,89,15,.251);color:#9f7607;text-align:center;align-items:center;justify-content:center}.btn.cancel{background:rgba(222,29,29,.25);color:#de1d1d;text-align:center;align-items:center;justify-content:center}@media (min-width: 900px){.stint-status-page{flex-direction:row;overflow:hidden}.stint-status-map{height:100vh;flex:0 0 40%;min-width:360px}.stint-status-content{flex:1 1 60%;max-width:none;margin:0;height:100vh;overflow-y:auto;padding:24px}.stint-status-content .work-order-preview.overlay{margin-top:0}}.stints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}@media (min-width: 1440px){.stints-grid{grid-template-columns:repeat(6,1fr)}}.stints-section{display:flex;flex-direction:column;gap:20px}.stints-page-section-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.stint-card{width:100%;height:220px;background:var(--main-background);box-shadow:0 2px 33px var(--shadow);border-radius:25px;padding:5px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stint-card:hover{transform:translateY(-2px);box-shadow:0 6px 40px #00000073}.stint-card-inner{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.stint-card-image{width:100%;height:100%;object-fit:cover;display:block}.stint-card-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 20%,var(--gradient2) 80%);background:linear-gradient(to top,color-mix(in srgb,var(--background) 80%,transparent) 20%,var(--gradient2) 80%)}.stint-card-title{position:absolute;bottom:15px;left:16px;right:16px;color:var(--text);font-size:14px;line-height:1.2;font-weight:500;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.stint-card-question{position:absolute;bottom:14px;left:16px;right:16px;z-index:2;color:var(--sub-text);font-size:11px;font-weight:400;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.3;font-style:italic}.stint-card-cta{display:none;position:absolute;bottom:14px;right:16px;color:var(--sub-text);font-size:16px;gap:6px;align-items:center}@media (min-width: 1024px){.stint-card-cta{display:inline-flex}}.stint-card-cta-arrow{height:16px;width:auto;opacity:.9}.stints-work-order-scroll::-webkit-scrollbar{width:6px}.stints-work-order-scroll::-webkit-scrollbar-track{background:transparent}.stints-work-order-scroll::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.stints-work-order-scroll::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.stints-work-order-form-resizable-panel{transition:box-shadow .2s ease}.stints-work-order-form-resizable-panel:hover{box-shadow:0 5px 40px var(--shadow)!important}.stints-work-order-form-resize-handle{position:absolute;background:transparent;transition:background .15s ease}.stints-work-order-form-resize-handle:hover{background:var(--blue-blue);opacity:.3}.stints-work-order-form-resize-handle:active{background:var(--blue-blue);opacity:.5}.stints-work-order-form-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:30px;background:var(--gray3);border-radius:2px;opacity:0;transition:opacity .2s ease}.stints-work-order-form-resizable-panel:hover .stints-work-order-form-resize-handle:before{opacity:1}.stints-work-order-loading-shimmer{position:fixed;inset:0;z-index:9998;pointer-events:none;background:var(--main-background);overflow:hidden;opacity:.7}.stints-work-order-loading-shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,var(--gray1) 40%,var(--gray2) 50%,var(--gray1) 60%,transparent 80%);transform:translate(-100%);animation:stints-work-order-shimmer 1.4s ease-in-out infinite;opacity:.9}@keyframes stints-work-order-shimmer{to{transform:translate(100%)}}.service-work-order-scroll::-webkit-scrollbar{width:6px}.service-work-order-scroll::-webkit-scrollbar-track{background:transparent}.service-work-order-scroll::-webkit-scrollbar-thumb{background:var(--best-gray);border-radius:3px}.service-work-order-scroll::-webkit-scrollbar-thumb:hover{background:var(--sub-text)}.service-work-order-cta-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.service-work-order-cta-button:hover{color:var(--text)!important}body{margin:0;padding:0;overflow:hidden;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}html,body,#root{overflow:hidden!important;height:100vh;width:100vw}@font-face{font-family:ARLRDBD;src:url(/fonts/ARLRDBD.TTF) format("truetype")}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes entranceGlow{0%{transform:scale(.9);opacity:0;filter:blur(10px) brightness(.5)}50%{transform:scale(1.05);opacity:.8;filter:blur(5px) brightness(.8)}to{transform:scale(1);opacity:1;filter:blur(0) brightness(1)}}@keyframes contentFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(4)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--blue-light);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}input::placeholder{color:#ffffff80}textarea::placeholder{color:#ffffff80}textarea{color:#fff!important}.testing-ui-icon{color:#fff}.testing-ui-container button:hover{opacity:1!important;background:rgba(255,255,255,.25)!important}.testing-ui-container button:focus{outline:none}.testing-ui-container button:active{transform:scale(.95)}.testing-ui-container{background-color:transparent;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;position:fixed;z-index:1;opacity:1;transition:all .5s cubic-bezier(.4,0,.2,1)}.testing-ui-container.overlay{z-index:9999}.testing-ui-container.fullscreen{top:0;left:0;width:100vw;height:100vh;border-radius:0;margin:0}.testing-ui-container.corner{top:0;left:0;width:360px;height:500px;border-radius:28px;margin:0;will-change:transform}.testing-ui-container.dragging{transition:none}.testing-ui-floating-drag-handle{position:absolute;top:0;left:28px;right:28px;height:18px;z-index:6;cursor:move;touch-action:none}.testing-ui-floating-resize-handle{position:absolute;width:18px;height:18px;z-index:7;touch-action:none}.testing-ui-floating-resize-handle.nw{top:0;left:0;cursor:nwse-resize}.testing-ui-floating-resize-handle.ne{top:0;right:0;cursor:nesw-resize}.testing-ui-floating-resize-handle.sw{bottom:0;left:0;cursor:nesw-resize}.testing-ui-floating-resize-handle.se{right:0;bottom:0;cursor:nwse-resize}.testing-ui-container.chat{top:0;left:auto;right:0;width:400px;height:100dvh;border-radius:24px;margin:0 20px 0 0;box-shadow:-8px 0 32px #0003}.testing-ui-container.chat.pinned{border-radius:24px 0 0 24px;margin-right:0}.testing-ui-container.wrap{top:0;left:0;width:100vw;height:100vh;border-radius:0;margin:0}.testing-ui-container.talk{top:0;left:0;width:100vw;height:100vh;border-radius:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent!important;pointer-events:none}.testing-ui-talk-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:20px;padding-right:40px;padding-bottom:40px;width:100%;height:100%;pointer-events:none}.testing-ui-talk-message-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:500px;animation:fadeInUp .5s ease-out forwards;pointer-events:none}.testing-ui-talk-message-bubble{max-width:500px;background:var(--blue-blue);border:2px solid var(--blue-light);border-radius:20px;padding:8px 10px;color:#fff;font-size:15px;line-height:1;text-align:right;box-shadow:0 4px 20px #0003;margin-right:0;pointer-events:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testing-ui-talk-fab-container{position:relative;z-index:1400;pointer-events:auto;display:flex;align-items:center;justify-content:flex-end;gap:0}.testing-ui-talk-fab-shell{position:relative;height:48px;padding:0 12px;pointer-events:auto;border-radius:24px;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:10px;overflow:visible;transition:box-shadow .2s ease,border-color .2s ease}.testing-ui-talk-settings-slot{width:0;flex:0 0 0;opacity:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;margin-right:0;transform:translate(-4px);transition:width .16s ease,flex-basis .16s ease,margin-right .16s ease,opacity .16s ease,transform .16s ease}.testing-ui-talk-fab-shell:hover .testing-ui-talk-settings-slot,.testing-ui-talk-fab-shell:focus-within .testing-ui-talk-settings-slot{width:22px;flex-basis:22px;opacity:1;margin-right:4px;pointer-events:auto;transform:translate(0)}.testing-ui-talk-settings-fab{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;padding:0;background:transparent;color:#ffffffeb;cursor:pointer;pointer-events:auto;opacity:1;flex-shrink:0;z-index:1401;transition:opacity .16s ease,color .16s ease,transform .16s ease}.testing-ui-talk-settings-fab:hover,.testing-ui-talk-settings-fab:focus-visible{opacity:1;transform:scale(1)}.testing-ui-talk-control-group{display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.testing-ui-talk-control-group:hover,.testing-ui-talk-control-group:focus-within{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.testing-ui-talk-fab-shell .testing-ui-talk-control-group:first-of-type{margin-left:0}.testing-ui-talk-fab,.testing-ui-talk-ai-button{border:none;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:1!important;box-shadow:none!important;outline:none!important}.testing-ui-talk-fab:hover,.testing-ui-talk-ai-button:hover{background:transparent!important;transform:none!important;box-shadow:none!important;opacity:1!important}.testing-ui-talk-fab:active,.testing-ui-talk-ai-button:active{transform:none!important;background:transparent!important;box-shadow:none!important}.testing-ui-talk-fab{min-width:34px;min-height:34px}.testing-ui-talk-ai-button{min-width:28px;min-height:34px}.testing-ui-talk-fab:focus-visible,.testing-ui-talk-ai-button:focus-visible,.testing-ui-talk-settings-fab:focus-visible{outline:none!important;box-shadow:none!important}.testing-ui-talk-ai-button svg{display:block;opacity:1}.testing-ui-talk-fab-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.testing-ui-talk-fab-icon{color:#fff;font-size:18px;opacity:1}.testing-ui-talk-fab-shell.listening{background:var(--blue-blue);box-shadow:0 4px 12px #0003,inset 0 0 20px var(--blue-light);padding:0 16px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);z-index:1001;opacity:1!important}.testing-ui-talk-fab-shell.listening:hover{background:var(--blue-blue)!important;box-shadow:0 4px 12px #0003,inset 0 0 20px var(--blue-light);border:1px solid rgba(255,255,255,.2)!important;opacity:1!important}.testing-ui-talk-fab-shell.listening .testing-ui-talk-fab-icon{animation:microphone-pulse 1.5s ease-in-out infinite;opacity:1!important;visibility:visible!important}.testing-ui-talk-fab-shell.transcribing{opacity:1!important}.testing-ui-talk-fab-shell.transcribing .testing-ui-talk-fab{cursor:progress}.testing-ui-talk-settings-fab:hover,.testing-ui-talk-settings-fab:focus-visible{background:transparent!important;color:#fff;box-shadow:none!important}.testing-ui-talk-mode{pointer-events:none}.testing-ui-talk-mode .testing-ui-animation-overlay{z-index:10}.testing-ui-talk-glow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.testing-ui-talk-glow-edge-top{top:0;left:0;right:0;height:2px;animation:testing-ui-talk-pulse-top 2s ease-in-out infinite}.testing-ui-talk-glow-edge-bottom{bottom:0;left:0;right:0;height:2px;animation:testing-ui-talk-pulse-bottom 2s ease-in-out infinite}.testing-ui-talk-glow-edge-left{top:0;bottom:0;left:0;width:2px;animation:testing-ui-talk-pulse-left 2s ease-in-out infinite}.testing-ui-talk-glow-edge-right{top:0;bottom:0;right:0;width:2px;animation:testing-ui-talk-pulse-right 2s ease-in-out infinite}@keyframes testing-ui-talk-pulse-top{0%{box-shadow:0 0 10px 2px var(--blue-blue)}50%{box-shadow:0 0 25px 8px var(--blue-light)}to{box-shadow:0 0 10px 2px var(--blue-blue)}}@keyframes testing-ui-talk-pulse-bottom{0%{box-shadow:0 0 10px 2px var(--blue-light)}50%{box-shadow:0 0 25px 8px var(--blue-blue)}to{box-shadow:0 0 10px 2px var(--blue-light)}}@keyframes testing-ui-talk-pulse-left{0%{box-shadow:0 0 10px 2px var(--blue-blue)}50%{box-shadow:0 0 25px 8px var(--blue-light)}to{box-shadow:0 0 10px 2px var(--blue-blue)}}@keyframes testing-ui-talk-pulse-right{0%{box-shadow:0 0 10px 2px var(--blue-light)}50%{box-shadow:0 0 25px 8px var(--blue-blue)}to{box-shadow:0 0 10px 2px var(--blue-light)}}.testing-ui-wrap-mode{padding-top:env(safe-area-inset-top,20px)!important;padding-bottom:env(safe-area-inset-bottom,10px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}.testing-ui-wrap-mode.keyboard-visible{padding-bottom:0!important}.testing-ui-wrap-mode .testing-ui-input-container{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.testing-ui-wrap-mode .testing-ui-messages-container{top:calc(60px + env(safe-area-inset-top,0px))!important;bottom:calc(100px + env(safe-area-inset-bottom,0px))}.testing-ui-wrap-mode .testing-ui-top-controls{top:calc(20px + env(safe-area-inset-top,0px))!important}.testing-ui-safe-top-left{top:calc(20px + env(safe-area-inset-top,0px))!important;left:calc(20px + env(safe-area-inset-left,0px))!important}.testing-ui-safe-top-right{top:calc(20px + env(safe-area-inset-top,0px))!important;right:calc(20px + env(safe-area-inset-right,0px))!important}.testing-ui-safe-bottom{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;padding-left:calc(16px + env(safe-area-inset-left,0px))!important;padding-right:calc(16px + env(safe-area-inset-right,0px))!important}.testing-ui-safe-messages{top:calc(60px + env(safe-area-inset-top,0px))!important;padding-left:calc(16px + env(safe-area-inset-left,0px))!important;padding-right:calc(16px + env(safe-area-inset-right,0px))!important}.testing-ui-content-wrapper{position:absolute;inset:0;display:flex;flex-direction:column}.testing-ui-top-controls{position:absolute;top:20px;display:flex;gap:12px;z-index:10}.testing-ui-top-controls.left{left:20px}.testing-ui-top-controls.right{right:20px}.testing-ui-button{background:rgba(255,255,255,.2);border:none;border-radius:100px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;color:#fff}.testing-ui-button:hover{background:rgba(255,255,255,.3)!important}.testing-ui-button.primary{background:rgba(0,173,237,.3);width:80px;border:1px solid rgba(255,255,255,.3)}.testing-ui-button.primary:hover{background:rgba(0,173,237,.4)!important}.testing-ui-button.active{background:rgba(255,255,255,.3)}.testing-ui-button.pin{background:rgba(255,255,255,.2);border:none;transition:background .2s ease}.testing-ui-button.pin.pinned{background:rgba(255,255,255,1)}.testing-ui-thread-history{position:absolute;top:70px;left:20px;width:300px;max-height:400px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.2);z-index:90;overflow:auto}.testing-ui-thread-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid var(--blue-light);padding-bottom:8px}.testing-ui-thread-history-title{color:#fff;margin:0;font-size:14px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-thread-list{display:flex;flex-direction:column;gap:8px}.testing-ui-thread-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--blue-light);border-radius:8px;cursor:pointer;transition:background .2s ease}.testing-ui-thread-item.active{background:rgba(0,173,237,.2)}.testing-ui-thread-item:hover{background:rgba(255,255,255,.15)}.testing-ui-thread-item-content{flex:1}.testing-ui-thread-item-title{color:#fff;font-size:12px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;margin-bottom:2px}.testing-ui-thread-item-meta{color:#fff9;font-size:10px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-thread-delete-btn{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s ease}.testing-ui-thread-delete-btn:hover{opacity:1}.testing-ui-thread-empty{color:#fff9;font-size:12px;text-align:center;padding:16px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-thread-history-inline{position:absolute;top:120px;bottom:100px;left:50%;transform:translate(-50%);width:100%;max-width:800px;overflow-y:auto;padding:20px 10px 10px;border-radius:20px;display:flex;flex-direction:column;gap:12px;outline:none;box-sizing:border-box}.testing-ui-thread-history-inline.fullscreen{max-width:800px}.testing-ui-thread-history-inline.corner,.testing-ui-thread-history-inline.chat{top:60px;max-width:360px}.testing-ui-thread-history-inline.wrap{padding-top:100px;padding-bottom:100px}.testing-ui-thread-history-header-inline{padding-bottom:12px;border-bottom:1px solid var(--blue-light);margin-bottom:8px}.testing-ui-thread-list-inline{display:flex;flex-direction:column;gap:12px}.testing-ui-thread-item-inline{display:flex;align-items:center;gap:16px;padding:9px;background:rgb(150,19,19);border-radius:16px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.testing-ui-thread-item-inline.active{background:rgba(0,173,237,.15);border-color:#00aded4d}.testing-ui-thread-item-inline:hover{background:var(--blue-light);transform:translateY(-1px)}.testing-ui-thread-item-title-inline{color:#fff;font-size:15px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;margin-bottom:4px}.testing-ui-thread-item-meta-inline{color:#ffffff80;font-size:12px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-thread-delete-btn-inline{background:var(--blue-light);border:none;color:#ffffff80;cursor:pointer;padding:10px;border-radius:10px;opacity:.7;transition:all .2s ease}.testing-ui-thread-delete-btn-inline:hover{opacity:1;background:rgba(255,80,80,.3);color:#fff}.testing-ui-thread-empty-inline{color:#ffffff80;font-size:14px;text-align:center;padding:40px 20px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-logo-container{position:absolute;top:40px;left:50%;transform:translate(-50%);border-radius:18px;padding:8px 16px;display:flex;align-items:center;gap:12px;z-index:10}.testing-ui-logo-container.corner{top:20px}.testing-ui-messages-container{position:absolute;top:120px;bottom:100px;left:50%;transform:translate(-50%);width:100%;max-width:800px;overflow:auto;padding:20px 20px 40px;display:flex;flex-direction:column;border-radius:16px;gap:20px;outline:none;box-sizing:border-box;transition:bottom .1s ease-out;z-index:5;position:relative}.testing-ui-messages-container.fullscreen{max-width:800px;padding:20px}.testing-ui-messages-container.corner{top:60px;max-width:360px}.testing-ui-messages-container.chat{top:60px;max-width:370px;padding:10px}.testing-ui-messages-container:after{content:"";display:block;min-height:60vh;flex-shrink:0}.testing-ui-messages-container.wrap{top:60px;max-width:100%;padding:20px 16px}.testing-ui-message{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;animation:fadeIn .8s ease-out forwards;opacity:0}.testing-ui-message.user{align-items:flex-end}.testing-ui-message-content{display:flex;align-items:center;gap:12px;max-width:70%;position:relative}.testing-ui-message:not(.user) .testing-ui-message-content{display:block;width:100%;max-width:100%}.testing-ui-message-avatar{width:32px;height:32px;border-radius:16px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.testing-ui-message-bubble{background:var(--blue-light);padding:5px 8px;border-radius:18px 18px 18px 8px;color:#fff;backdrop-filter:blur(10px);max-width:100%;word-wrap:break-word;min-height:1.4em}.testing-ui-message:not(.user) .testing-ui-message-bubble{background:transparent;border:none;border-radius:0;padding:0;backdrop-filter:none;width:100%;max-width:100%}.testing-ui-markdown{display:block}.testing-ui-markdown>:first-child{margin-top:0}.testing-ui-markdown>:last-child{margin-bottom:0}.testing-ui-markdown p,.testing-ui-markdown ul,.testing-ui-markdown ol,.testing-ui-markdown blockquote,.testing-ui-markdown pre{margin:0 0 .7em}.testing-ui-markdown ul,.testing-ui-markdown ol{padding-left:1.2em}.testing-ui-markdown li+li{margin-top:.25em}.testing-ui-markdown h1,.testing-ui-markdown h2,.testing-ui-markdown h3,.testing-ui-markdown h4,.testing-ui-markdown h5,.testing-ui-markdown h6{margin:0 0 .55em;font-size:1em;line-height:1.35}.testing-ui-markdown a{color:#a7e5ff;text-decoration:underline}.testing-ui-message.user .testing-ui-markdown a{color:inherit}.testing-ui-markdown code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;padding:.12em .4em;border-radius:.45em;background:rgba(255,255,255,.14)}.testing-ui-markdown pre{overflow-x:auto;padding:.75em .9em;border-radius:12px;background:rgba(0,0,0,.28)}.testing-ui-markdown pre code{display:block;padding:0;background:transparent}.testing-ui-markdown blockquote{padding-left:.85em;border-left:2px solid rgba(255,255,255,.24);opacity:.9}.testing-ui-message-bubble.streaming{animation:testing-ui-streaming-pulse .3s ease-in-out}.testing-ui-message.user .testing-ui-message-bubble{background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,rgba(255,255,255,.15) 100%);border-radius:18px 18px 8px}.testing-ui-thread-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin-bottom:8px;max-width:260px}.testing-ui-thread-attachment-image{width:100%;min-width:84px;max-width:140px;height:88px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.28);display:block}.testing-ui-voice-clip{display:flex;align-items:center;gap:5px;padding:4px 6px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.14) 100%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff2e}.testing-ui-voice-clip.playing{background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.18) 100%);border-color:#ffffff5c}.testing-ui-voice-clip-toggle{width:24px;height:24px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,rgba(28,49,84,.46) 0%,rgba(18,30,55,.68) 100%);box-shadow:0 10px 24px #121e3738;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.testing-ui-voice-clip-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 28px #121e3747}.testing-ui-voice-clip-toggle:active{transform:translateY(0)}.testing-ui-voice-clip-toggle:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.testing-ui-voice-clip-waveform{min-width:0;flex:1;height:18px;display:flex;align-items:center;gap:2px;padding-right:1px}.testing-ui-voice-clip-bar{flex:1 1 0;min-width:2px;max-width:4px;border-radius:999px;background:rgba(255,255,255,.28);opacity:.72;transform-origin:center;transition:opacity .18s ease,background .18s ease,transform .18s ease}.testing-ui-voice-clip-bar.active{background:rgba(255,255,255,.96);opacity:1}.testing-ui-voice-clip.playing .testing-ui-voice-clip-bar.active{box-shadow:0 0 14px #ffffff2e}.testing-ui-container.solid .testing-ui-voice-clip{background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.1) 100%);border-color:#ffffff2e}.testing-ui-container.solid .testing-ui-voice-clip-toggle{background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.12) 100%)}.testing-ui-container.gradient .testing-ui-voice-clip{background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(140,220,255,.14) 100%);border-color:#ade8ff3d}.testing-ui-edit-message-button{position:absolute;left:-28px;top:50%;transform:translateY(-50%);background:var(--blue-blue);border:none;border-radius:10px;width:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;color:#fff}.testing-ui-message.user .testing-ui-message-content:hover .testing-ui-edit-message-button{opacity:.7}.testing-ui-edit-message-button:hover{opacity:1!important}.testing-ui-typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px}.testing-ui-typing-indicator span{width:8px;height:8px;background:var(--blue-blue);border-radius:50%;animation:testing-ui-bounce 1.4s ease-in-out infinite}.testing-ui-typing-indicator span:nth-child(1){animation-delay:0s}.testing-ui-typing-indicator span:nth-child(2){animation-delay:.2s}.testing-ui-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes testing-ui-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}@keyframes testing-ui-streaming-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.testing-ui-message-actions{display:flex;gap:8px;margin-left:44px;align-items:center}.testing-ui-action-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px;color:#fff;cursor:pointer;transition:background .2s ease;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;font-size:14px;display:flex;align-items:center;gap:8px}.testing-ui-action-button.active{background:rgba(0,173,237,.3)}.testing-ui-action-button:hover{background:rgba(255,255,255,.3)!important}.testing-ui-schedule-button{background:var(--blue-light);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease}.testing-ui-schedule-button:hover{background:rgba(255,255,255,.2)!important}.testing-ui-active-steps-container{margin:12px 20px;display:flex;flex-direction:column;gap:8px;width:calc(100% - 40px)}.testing-ui-standalone-actions{margin-bottom:12px;display:flex;flex-direction:column;gap:8px;padding:0 4px}.testing-ui-steps-container{margin-bottom:10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px}.testing-ui-step{display:flex;align-items:center;gap:0;width:auto;max-width:100%;animation:fadeIn .6s ease-out forwards;opacity:0}.testing-ui-step-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,320px);padding:8px 12px;border-radius:999px;background:var(--blue-light);border:1px solid rgba(255,255,255,.16);color:var(--text);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,}.testing-ui-step-pill.completed{background:var(--blue-light)}.testing-ui-step-pill.executing,.testing-ui-step-pill.failed{background:var(--blue-light);border-color:#fff3}.testing-ui-step-pill.subtask{background:var(--blue-light);border-color:#ffffff29}.testing-ui-step-pill.subtask.executing{background:var(--blue-light);border-color:#fff3;box-shadow:none}.testing-ui-step-pill.subtask.is-generating{animation:pulse 1.3s ease-in-out infinite}.testing-ui-step-pill-icon{width:15px;height:15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16)}.testing-ui-step-pill-icon.completed{background:rgba(255,255,255,.16);border-color:#fff3;box-shadow:none}.testing-ui-step-pill-icon.executing,.testing-ui-step-pill-icon.failed{background:rgba(255,255,255,.16);border-color:#fff3}.testing-ui-step-pill-icon .testing-ui-step-check{width:10px;height:10px;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;transform:none;margin:0;padding:0}.testing-ui-step-pill-icon .testing-ui-step-check svg{display:block;width:9px;height:7px}.testing-ui-step-pill-icon .testing-ui-step-dot{width:5px;height:5px;margin:0}.testing-ui-step-pill-label{min-width:0;font-size:12px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testing-ui-timeline-action-group{width:100%}.testing-ui-action-group-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:var(--blue-light);color:var(--blue-blue);font-size:12px;font-weight:700;line-height:1;box-shadow:0 8px 18px #0000002e}.testing-ui-action-group-toggle.expanded{margin-bottom:8px}.testing-ui-action-group-toggle-label{white-space:nowrap}.testing-ui-action-group-toggle-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:var(--blue-light);font-size:12px;line-height:1}.testing-ui-timeline-action.subtask{margin-left:18px}.testing-ui-step.subtask .testing-ui-step-indicator{width:18px;height:18px;border-radius:9px}.testing-ui-step-indicator{width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2);background:var(--blue-light)}.testing-ui-step-indicator.executing{background:var(--blue-light);border-color:#fff3}.testing-ui-step-indicator.completed{background:var(--blue-light);border-color:#fff3;box-shadow:none}.testing-ui-step-indicator .testing-ui-step-check{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 2px #ffffff08;transition:transform .18s cubic-bezier(.2,0,.2,1),box-shadow .18s ease;transform:scale(.98)}.testing-ui-step-indicator.completed .testing-ui-step-check{transform:scale(1)}.testing-ui-step-indicator.completed .testing-ui-step-check svg{width:12px;height:10px;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.testing-ui-step-indicator.failed{background:var(--blue-light);border-color:#fff3}.testing-ui-step-dot{width:8px;height:8px;border-radius:50%;background:#666}.testing-ui-step-dot.completed{background:rgba(255,255,255,.78)}.testing-ui-step-dot.executing{background:rgba(255,255,255,.78);animation:pulse 1.5s infinite}.testing-ui-step-dot.failed{background:rgba(255,255,255,.56)}.testing-ui-step-bubble{background:var(--blue-light);padding:8px 14px;border-radius:12px 12px 12px 4px;color:#fff;backdrop-filter:blur(10px);font-size:13px;max-width:calc(100% - 32px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:8px;transform:scale(1);transition:all .3s ease}.testing-ui-step-bubble.executing{background:var(--blue-light);border-color:#fff3;box-shadow:0 2px 8px #00000024;transform:scale(1.02)}.testing-ui-step-bubble.completed{background:var(--blue-light);border-color:#ffffff40;box-shadow:0 2px 8px #fff3}.testing-ui-step-bubble.failed,.testing-ui-step-bubble.subtask{background:var(--blue-light);border-color:#fff3}.testing-ui-step-bubble.subtask.executing{background:var(--blue-light);border-color:#fff3;box-shadow:0 2px 10px #00000029}.testing-ui-step-bubble.subtask.is-generating{animation:pulse 1.3s ease-in-out infinite}.testing-ui-subtask-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#ffffffd1;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.testing-ui-step-description{flex:1;font-weight:500}.testing-ui-step-status{font-weight:700}.testing-ui-step-status.completed{color:#ffffffe6;font-size:14px}.testing-ui-step-status.failed{color:#ffffffb8;font-size:14px}.testing-ui-step-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.22);border-top:2px solid rgba(255,255,255,.82);border-radius:50%;animation:spin 1s linear infinite}.testing-ui-talk-mode .testing-ui-steps-container,.testing-ui-talk-mode .testing-ui-step{justify-content:flex-end}.testing-ui-talk-mode .testing-ui-step-indicator{order:2}.testing-ui-talk-mode .testing-ui-step-bubble{order:1}.testing-ui-step.fade-out{pointer-events:none}.testing-ui-steps-container{transition:max-height .6s cubic-bezier(.2,0,.2,1),margin .6s cubic-bezier(.2,0,.2,1),opacity .45s ease;overflow:hidden;max-height:2000px}.testing-ui-steps-container.collapsing{max-height:0!important;margin-top:0!important;opacity:0!important}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.testing-ui-widget-container{width:100%;margin-top:8px;animation:fadeIn .3s ease-out}.testing-ui-input-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);max-width:800px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:24px;padding:12px 16px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.33);box-shadow:0 8px 32px #0000001a;min-height:56px;transition:bottom .1s ease-out,min-height .15s ease;z-index:10;box-sizing:border-box}.testing-ui-input-container.fullscreen{width:calc(100% - 40px);max-width:800px}.testing-ui-input-container.corner,.testing-ui-input-container.chat{width:calc(100% - 24px);max-width:360px}.testing-ui-input-container.wrap{width:calc(100% - 12px);max-width:100%}.testing-ui-inline-desktop-preview{width:min(100%,800px);margin:14px auto 22px;max-width:800px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.testing-ui-inline-desktop-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;pointer-events:auto}.testing-ui-inline-desktop-preview-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.testing-ui-inline-desktop-preview-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;pointer-events:auto}.testing-ui-inline-desktop-preview-pill{max-width:180px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd1;padding:6px 12px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto}.testing-ui-inline-desktop-preview-pill.active{border-color:#ffffff47;background:var(--blue-blue);color:#fff;box-shadow:0 10px 20px #ff810a40}.testing-ui-inline-desktop-preview-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.testing-ui-inline-desktop-preview-title{min-width:0;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testing-ui-inline-desktop-preview-expand{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--blue-light);color:#fff;padding:8px 14px;font-size:13px;font-weight:600;pointer-events:auto}.testing-ui-inline-desktop-preview-shell{position:relative;border-radius:24px;border:1px solid var(--blue-light);background:rgba(8,14,24,.48);box-shadow:0 18px 42px #00000047;overflow:hidden;backdrop-filter:blur(10px)}.testing-ui-inline-desktop-preview-viewport{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),radial-gradient(circle at top,rgba(15,131,233,.16),transparent 60%)}.testing-ui-inline-desktop-preview-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;pointer-events:none}.testing-ui-inline-desktop-preview-live-frame,.testing-ui-inline-desktop-preview-frame{display:block;width:1920px;height:1080px;border:none;background:var(--main-background, #111);pointer-events:none}.testing-ui-inline-desktop-preview-hitbox{position:absolute;inset:0;border:none;background:transparent;padding:0;cursor:pointer;pointer-events:auto}.testing-ui-continue-pill-container{display:flex;justify-content:center;width:100%;margin:16px 0;animation:fadeIn .3s ease-out}.testing-ui-continue-pill-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.testing-ui-continue-pill-button{background:var(--blue-blue);border:none;border-radius:20px;padding:10px 20px;font-size:13px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 4px 12px #00aded4d;transition:all .2s ease;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-continue-pill-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00aded66}.testing-ui-continue-pill-button:active{transform:translateY(0)}.testing-ui-copy-logs-pill-button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:10px 16px;font-size:13px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-copy-logs-pill-button:hover:not(:disabled){transform:translateY(-2px);background:rgba(255,255,255,.2)}.testing-ui-copy-logs-pill-button:active:not(:disabled){transform:translateY(0)}.testing-ui-copy-logs-pill-button:disabled{opacity:.65;cursor:default}.testing-ui-textarea{background:transparent;border:none;color:#fff;font-size:16px;width:100%;padding:8px 12px;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;outline:none;resize:none;min-height:24px;max-height:120px;overflow:auto;line-height:1.4;box-sizing:border-box}.testing-ui-input-row{display:flex;align-items:flex-end;width:100%;gap:8px}.testing-ui-composer-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:0 4px 8px}.testing-ui-composer-attachment-item{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.2)}.testing-ui-composer-attachment-preview{width:100%;height:100%;object-fit:cover;display:block}.testing-ui-composer-attachment-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:var(--blue-blue);color:#fff;font-size:13px;line-height:18px;text-align:center;cursor:pointer;padding:0}.testing-ui-attachment-button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);cursor:pointer;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:4px;opacity:.9;transition:all .2s ease}.testing-ui-attachment-button:hover{opacity:1;background:rgba(255,255,255,.24)}.testing-ui-send-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;opacity:.8;border-radius:20px;transition:all .2s ease;color:#fff;flex-shrink:0;align-items:center;justify-content:center;margin-right:4px}.testing-ui-stop-button{background:rgba(255,68,68,.15);border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:20px;transition:all .2s ease;flex-shrink:0;margin-right:4px}.testing-ui-stop-button:hover{background:rgba(255,68,68,.3);transform:scale(1.1)}.testing-ui-stop-speaking-button{background:linear-gradient(135deg,rgba(0,173,237,.22) 0%,rgba(255,255,255,.12) 100%);border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;padding:5px 12px 5px 6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;flex-shrink:0;margin-right:4px;box-shadow:0 10px 24px #0000002e;backdrop-filter:blur(12px)}.testing-ui-stop-speaking-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(0,173,237,.3) 0%,rgba(255,255,255,.16) 100%);border-color:#ffffff47;box-shadow:0 14px 28px #00000038}.testing-ui-stop-speaking-button:active{transform:translateY(0)}.testing-ui-stop-speaking-button:focus-visible{outline:2px solid rgba(255,255,255,.42);outline-offset:2px}.testing-ui-stop-speaking-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.14);color:#fff;flex-shrink:0}.testing-ui-stop-speaking-label{font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1}.testing-ui-send-button.listening{background:var(--blue-blue)!important;color:#fff}.testing-ui-send-button.listening .testing-ui-icon{color:#fff!important;animation:microphone-pulse 1.5s ease-in-out infinite}.testing-ui-send-button.listening:hover{background:var(--blue-blue)!important}.testing-ui-send-button.transcribing{background:rgba(255,255,255,.2);opacity:1;cursor:progress}.testing-ui-mic-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.testing-ui-talk-fab .testing-ui-mic-loading-spinner{width:18px;height:18px}@keyframes microphone-pulse{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.testing-ui-send-button:hover{opacity:1!important}.testing-ui-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10005;pointer-events:auto;animation:fadeIn .3s ease-out forwards}.testing-ui-modal{background:var(--blue-light);padding:20px;border-radius:20px;color:#fff;width:360px;max-height:80vh;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000004d;backdrop-filter:blur(10px);display:flex;flex-direction:column}.testing-ui-modal-title{margin-top:0;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px;font-size:20px;display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0}.testing-ui-modal-content{margin-top:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0;padding-right:8px}.testing-ui-modal-content::-webkit-scrollbar{width:6px}.testing-ui-modal-content::-webkit-scrollbar-track{background:transparent}.testing-ui-modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.testing-ui-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.testing-ui-settings-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--blue-light)}.testing-ui-settings-label{font-weight:500}.testing-ui-settings-description{font-size:14px;color:#ffffffb3;margin-top:4px}.testing-ui-switch{position:relative;display:inline-block;width:46px;height:24px}.testing-ui-switch input{opacity:0;width:0;height:0}.testing-ui-switch span{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:34px}.testing-ui-switch span:after{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.testing-ui-switch input:checked+span{background-color:#00aded}.testing-ui-switch input:checked+span:after{left:24px}.testing-ui-schedule-config{margin-top:8px;padding:16px;background:rgba(0,173,237,.1);border-radius:12px;border:1px solid rgba(0,173,237,.3)}.testing-ui-schedule-label{margin-bottom:12px;color:#fffc}.testing-ui-schedule-inputs{display:flex;gap:12px;align-items:center}.testing-ui-number-input,.testing-ui-select{width:80px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;background:var(--blue-light);color:#fff}.testing-ui-select{width:auto}.testing-ui-select option{background:#333;color:#fff}.testing-ui-model-section{padding:8px 0;border-bottom:1px solid var(--blue-light)}.testing-ui-model-label{font-weight:500;margin-bottom:12px}.testing-ui-model-buttons{display:flex;gap:10px}.testing-ui-model-button{padding:12px;background:var(--blue-light);border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:6px;backdrop-filter:blur(10px);font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif}.testing-ui-model-button.selected{background:rgba(0,173,237,.2);border-color:#00aded80;color:#00aded}.testing-ui-model-icon{font-size:18px}.testing-ui-schedule-type-button{background:var(--blue-light);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;color:#fff}.testing-ui-schedule-type-button.selected{background:rgba(0,173,237,.3);border-color:#00aded}.testing-ui-schedule-type-icon{width:32px;height:32px;border-radius:16px;background:var(--blue-light);display:flex;align-items:center;justify-content:center}.testing-ui-schedule-type-button.selected .testing-ui-schedule-type-icon{background:rgba(0,173,237,.3)}.testing-ui-schedule-type-title{font-weight:500}.testing-ui-schedule-type-description{font-size:14px;color:#ffffffb3;margin-top:4px}.testing-ui-viewmode-section{margin-top:8px}.testing-ui-viewmode-label{font-weight:500;margin-bottom:12px}.testing-ui-viewmode-buttons{display:flex;gap:10px;flex-wrap:wrap}.testing-ui-viewmode-button{padding:10px;background:var(--blue-light);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;flex:1 1 45%;min-width:80px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.testing-ui-viewmode-button.selected{background:rgba(0,173,237,.3);border-color:#00aded;color:#00aded}.testing-ui-modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.testing-ui-modal-button{padding:8px 16px;background:var(--blue-light);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.testing-ui-modal-button:hover{background:rgba(255,255,255,.2)!important}.testing-ui-modal-button.primary{background:rgba(0,173,237,.8);border-color:#00adedcc;color:#fff}.testing-ui-modal-button.primary:hover{background:rgba(0,173,237,1)!important}.testing-ui-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.5s cubic-bezier(.34,1.56,.64,1);mix-blend-mode:screen;filter:blur(1px);border-radius:inherit;z-index:0;pointer-events:none}.testing-ui-gradient-bg.active{opacity:.9}.testing-ui-gradient-bg.solid{background-color:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background) 100%)!important;opacity:1;transition:opacity .3s ease}.testing-ui-container.solid:not(.talk){background-color:color-mix(in srgb,var(--blue-blue) 10%,#000 0%)!important}.testing-ui-container.solid .testing-ui-input-container{background:var(--main-background);border:none;box-shadow:none}.testing-ui-container.solid .testing-ui-textarea{background:transparent;color:var(--text)!important}.testing-ui-container.solid .testing-ui-textarea::placeholder{color:var(--sub-text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal{background:color-mix(in srgb,var(--blue-blue) 10%,var(--main-background) 100%);border:2px solid var(--gray2);box-shadow:0 4px 16px var(--shadow);color:var(--text);backdrop-filter:none}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-title{color:var(--text);border-bottom:2px solid var(--gray2)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-content{color:var(--text)}.testing-ui-container.corner .testing-ui-modal{max-height:70vh;width:320px}.testing-ui-container.corner .testing-ui-modal-overlay{align-items:flex-end;justify-content:flex-end;padding:20px}.testing-ui-container.solid .testing-ui-message-bubble{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-message:not(.user) .testing-ui-message-bubble{background:transparent;border:none}.testing-ui-container.solid .testing-ui-message.user .testing-ui-message-bubble{background:var(--blue-blue);color:#fff;border:2px solid var(--blue-blue);text-align:right}.testing-ui-container.solid .testing-ui-step-bubble,.testing-ui-container.solid .testing-ui-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-button:hover{background:var(--best-gray)!important;border-color:var(--gray3)!important}.testing-ui-container.solid .testing-ui-button.primary{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-button.primary:hover{background:var(--blue-light)!important;border-color:var(--blue-blue)!important}.testing-ui-container.solid .testing-ui-button.pin{background:var(--gray1);border:2px solid var(--gray2)}.testing-ui-container.solid .testing-ui-button.pin.pinned{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-action-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-action-button:hover{background:var(--best-gray)!important;border-color:var(--gray3)!important}.testing-ui-container.solid .testing-ui-action-button.active{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-schedule-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-schedule-button:hover{background:var(--best-gray)!important;border-color:var(--gray3)!important}.testing-ui-container.solid .testing-ui-thread-history{background:var(--best-gray);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-thread-history-header{border-bottom:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-thread-item{background:var(--gray1);border-radius:8px;color:var(--text)}.testing-ui-container.solid .testing-ui-thread-item:hover{background:var(--best-gray)}.testing-ui-container.solid .testing-ui-thread-item.active{background:var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-thread-item-title{color:inherit}.testing-ui-container.solid .testing-ui-thread-item-meta,.testing-ui-container.solid .testing-ui-thread-empty{color:var(--sub-text)}.testing-ui-container.solid .testing-ui-thread-history-header-inline{border-bottom:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-thread-history-title{color:var(--text)}.testing-ui-container.solid .testing-ui-thread-item-inline{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}.testing-ui-container.solid .testing-ui-thread-item-inline:hover{background:var(--best-gray);border-color:var(--gray3)}.testing-ui-container.solid .testing-ui-thread-item-inline.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-thread-item-title-inline{color:inherit}.testing-ui-container.solid .testing-ui-thread-item-meta-inline{color:var(--sub-text)}.testing-ui-container.solid .testing-ui-thread-delete-btn-inline{background:transparent;border:2px solid transparent;color:var(--sub-text)}.testing-ui-container.solid .testing-ui-thread-delete-btn-inline:hover{background:rgba(255,80,80,.15);border-color:#ff50504d;color:#ff5050}.testing-ui-container.solid .testing-ui-thread-empty-inline{color:var(--sub-text)}.testing-ui-container.solid .testing-ui-message-avatar{background:var(--gray2)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-settings-item{border-bottom:1px solid var(--gray2)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-settings-label{color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-settings-description{color:var(--sub-text)}.testing-ui-container.solid .testing-ui-switch span{background-color:var(--gray2)}.testing-ui-container.solid .testing-ui-switch span:after{background-color:var(--text)}.testing-ui-container.solid .testing-ui-switch input:checked+span{background-color:var(--blue-blue)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-config{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-label{color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-number-input,:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-select{background:var(--best-gray);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-select option{background:var(--best-gray);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-model-section{border-bottom:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-model-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-model-button.selected{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-button.selected{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-icon{background:var(--gray2)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-button.selected .testing-ui-schedule-type-icon{background:rgba(255,255,255,.2)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-title{color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-schedule-type-description{color:var(--sub-text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-viewmode-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-viewmode-button.selected{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text)}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-button:hover{background:var(--best-gray)!important;border-color:var(--gray3)!important}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-button.primary{background:var(--blue-blue);border:2px solid var(--blue-blue);color:#fff}:is(.testing-ui-container.solid,.testing-ui-modal-overlay.solid) .testing-ui-modal-button.primary:hover{background:#0d7bc9!important;border-color:#0d7bc9!important}.testing-ui-modal-overlay.solid,.testing-ui-container.solid .testing-ui-modal-overlay{background-color:#0003}.testing-ui-container.solid .testing-ui-send-button{color:var(--text)}.testing-ui-container.solid .testing-ui-stop-speaking-button{background:var(--gray1);border:2px solid var(--gray2);color:var(--text);box-shadow:0 8px 18px #0000001f;backdrop-filter:none}.testing-ui-container.solid .testing-ui-stop-speaking-button:hover{background:var(--best-gray);border-color:var(--gray3)}.testing-ui-container.solid .testing-ui-stop-speaking-icon{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.testing-ui-container.solid .testing-ui-send-button.listening{background:var(--blue-blue)!important;width:50px;color:#fff}.testing-ui-container.solid .testing-ui-send-button.listening .testing-ui-icon{color:#fff!important}.testing-ui-container.solid .testing-ui-send-button.listening:hover{background:var(--blue-blue)!important}.testing-ui-container.solid .testing-ui-send-button.transcribing{background:var(--best-gray)}.testing-ui-container.solid .testing-ui-step-indicator{background:var(--gray1);border:2px solid var(--gray2)}.testing-ui-container.solid .testing-ui-step-indicator.completed{background:var(--blue-blue);border:2px solid var(--blue-blue);box-shadow:0 6px 12px #00000026}.testing-ui-container.solid .testing-ui-step-indicator.completed .testing-ui-step-check{background:rgba(255,255,255,.06)}.testing-ui-container.solid .testing-ui-step-indicator.completed .testing-ui-step-check svg{stroke:#fff}.testing-ui-container.solid .testing-ui-step-dot{background:var(--gray3)}.testing-ui-container.solid .testing-ui-step-dot.completed{background:white}.testing-ui-container.solid .testing-ui-icon,.testing-ui-container.solid .testing-ui-button.pin.pinned .testing-ui-icon{color:var(--blue-blue)!important}.testing-ui-container.gradient .testing-ui-input-container{background:linear-gradient(135deg,rgba(15,131,233,.08) 0%,rgba(15,131,233,.05) 100%);backdrop-filter:blur(10px);border:1px solid rgba(15,131,233,.15);box-shadow:0 8px 32px #0f83e91a}.testing-ui-container.gradient .testing-ui-modal{background:linear-gradient(135deg,rgba(15,131,233,.06) 0%,rgba(15,131,233,.03) 100%);backdrop-filter:blur(10px);border:1px solid rgba(15,131,233,.12)}.testing-ui-container.gradient .testing-ui-message-bubble{background:linear-gradient(135deg,rgba(15,131,233,.08) 0%,rgba(15,131,233,.04) 100%);backdrop-filter:blur(10px);border:1px solid rgba(15,131,233,.15)}.testing-ui-container.gradient .testing-ui-message:not(.user) .testing-ui-message-bubble{background:transparent;border:none;backdrop-filter:none}.testing-ui-container.gradient .testing-ui-message.user .testing-ui-message-bubble{background:linear-gradient(135deg,rgba(0,173,237,.12) 0%,rgba(0,173,237,.06) 100%);border:1px solid rgba(0,173,237,.2)}.ai-specialty-indicator{font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#ffffff14;border:1px solid rgba(255,255,255,.2);margin-bottom:6px;display:inline-block;align-self:flex-start;backdrop-filter:blur(10px);width:auto;box-shadow:none}.ai-specialty-indicator.expanded{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:12px;box-shadow:0 8px 32px #0003}.ai-specialty-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;cursor:pointer;background:transparent;border-bottom:none;transition:all .2s ease;border-radius:20px;gap:6px}.ai-specialty-indicator.expanded .ai-specialty-header{padding:12px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--blue-light);border-radius:16px 16px 0 0;gap:0}.ai-specialty-left-side{display:flex;align-items:center;gap:6px}.ai-specialty-indicator.expanded .ai-specialty-left-side{gap:10px}.ai-specialty-icon{font-size:14px;color:#fff;text-align:center;min-width:auto}.ai-specialty-indicator.expanded .ai-specialty-icon{font-size:16px;min-width:20px}.ai-specialty-title{font-weight:700;color:#fff;font-size:12px;margin:0;white-space:nowrap}.ai-specialty-indicator.expanded .ai-specialty-title{font-size:14px}.ai-specialty-subtitle{font-size:11px;color:#fff;margin:0;opacity:.6;display:none}.ai-specialty-indicator.expanded .ai-specialty-subtitle{display:block}.ai-specialty-chevron{color:#fff;transform:rotate(180deg);transition:transform .3s ease;font-size:12px;display:block}.ai-specialty-indicator.expanded .ai-specialty-chevron{transform:rotate(0)}.ai-specialty-expanded-content{max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent}.ai-specialty-indicator.expanded .ai-specialty-expanded-content{max-height:400px;opacity:1}.ai-specialty-options{padding:0 12px;transition:padding .3s ease;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.ai-specialty-indicator.expanded .ai-specialty-options{padding:12px}.ai-specialty-option{appearance:none;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.05);border:1px solid var(--blue-light);font-size:12px;backdrop-filter:blur(5px);color:#fff;font-family:ARLRDBD,Arial Rounded MT Bold,Arial,sans-serif;line-height:1;margin:0;min-height:38px;max-width:100%}.ai-specialty-option:hover{background:var(--blue-light);border:1px solid rgba(255,255,255,.15);transform:translateY(-1px)}.ai-specialty-option.selected{background:rgba(255,255,255,.14);border-color:var(--ai-specialty-option-color, rgba(255, 255, 255, .28));box-shadow:inset 0 0 0 1px var(--ai-specialty-option-color, rgba(255, 255, 255, .4))}.ai-specialty-option-icon{font-size:16px;min-width:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ai-specialty-option-icon img{display:block}.ai-specialty-option-title{font-weight:700;color:var(--ai-specialty-option-color, white);margin:0;font-size:12px;white-space:nowrap}.testing-ui-container.solid .ai-specialty-indicator{background-color:var(--gray2);border:1px solid var(--gray1)}.testing-ui-container.solid .ai-specialty-indicator.expanded{background:var(--gray2);border:1px solid var(--gray1);box-shadow:0 8px 32px #00000026}.testing-ui-container.solid .ai-specialty-header{background:var(--blue-blue)}.testing-ui-container.solid .ai-specialty-indicator.expanded .ai-specialty-header{background:var(--blue-blue);border-bottom:1px solid var(--gray1)}.testing-ui-container.solid .ai-specialty-icon,.testing-ui-container.solid .ai-specialty-title,.testing-ui-container.solid .ai-specialty-subtitle,.testing-ui-container.solid .ai-specialty-chevron{color:var(--main-background)}.testing-ui-container.solid .ai-specialty-option{background:var(--gray2);border:1px solid var(--gray1);color:var(--text)}.testing-ui-container.solid .ai-specialty-option:hover{background:var(--best-gray);border:1px solid var(--blue-blue)}.testing-ui-container.solid .ai-specialty-option.selected{background:color-mix(in srgb,var(--ai-specialty-option-color, var(--blue-blue)) 16%,var(--gray2));border-color:var(--ai-specialty-option-color, var(--blue-blue));box-shadow:inset 0 0 0 1px var(--ai-specialty-option-color, var(--blue-blue))}.testing-ui-container.solid .ai-specialty-option-title{color:var(--ai-specialty-option-color, var(--text))}.testing-ui-animation-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.testing-ui-animation-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.wrap-content-fade-in{animation:contentFadeIn .6s ease-out forwards}@media (max-width: 768px){.testing-ui-viewmode-section{display:none}}.testing-ui-talk-glow{position:absolute;inset:0;pointer-events:none;z-index:1000}.testing-ui-talk-glow-edge{position:absolute;background:transparent;pointer-events:none}.testing-ui-talk-glow-edge-top{top:0;left:0;right:0;height:0}.testing-ui-talk-glow-edge-bottom{bottom:0;left:0;right:0;height:0}.testing-ui-talk-glow-edge-left{top:0;bottom:0;left:0;width:0}.testing-ui-talk-glow-edge-right{top:0;bottom:0;right:0;width:0}.testing-ui-talk-glow.listening .testing-ui-talk-glow-edge-top,.testing-ui-talk-glow.listening .testing-ui-talk-glow-edge-bottom,.testing-ui-talk-glow.listening .testing-ui-talk-glow-edge-left,.testing-ui-talk-glow.listening .testing-ui-talk-glow-edge-right{animation:none!important}.testing-ui-talk-glow.idle .testing-ui-talk-glow-edge-top{animation:testing-ui-talk-idle-breathe 2.8s ease-in-out infinite!important}.testing-ui-talk-glow.idle .testing-ui-talk-glow-edge-bottom{animation:testing-ui-talk-idle-breathe 2.8s ease-in-out .35s infinite!important}.testing-ui-talk-glow.idle .testing-ui-talk-glow-edge-left{animation:testing-ui-talk-idle-breathe 2.8s ease-in-out .7s infinite!important}.testing-ui-talk-glow.idle .testing-ui-talk-glow-edge-right{animation:testing-ui-talk-idle-breathe 2.8s ease-in-out 1.05s infinite!important}@keyframes testing-ui-talk-idle-breathe{0%{opacity:.28}50%{opacity:.68}to{opacity:.28}}.testing-ui-talk-glow-edge-entrance{animation:testing-ui-talk-entrance-pulse 2s ease-out forwards}@keyframes testing-ui-talk-entrance-pulse{0%{box-shadow:0 0 0 0 var(--blue-light)}15%{box-shadow:0 0 40px 25px var(--blue-blue)}30%{box-shadow:0 0 20px 10px var(--blue-light)}45%{box-shadow:0 0 35px 20px var(--blue-blue)}60%{box-shadow:0 0 15px 8px var(--blue-light)}75%{box-shadow:0 0 25px 15px var(--blue-blue)}90%{box-shadow:0 0 10px 5px var(--blue-light)}to{box-shadow:0 0 6.5px 0 var(--blue-blue)}}.testing-ui-context-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.testing-ui-context-pill{display:flex;align-items:center;gap:4px;background:var(--blue-light);border:1px solid var(--blue-blue);border-radius:20px;padding:3px 6px 3px 10px;font-size:11px;color:var(--blue-blue);max-width:200px}.testing-ui-context-pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.testing-ui-context-pill-remove{background:none;border:none;color:var(--blue-blue);cursor:pointer;padding:0 2px;font-size:15px;line-height:1;flex-shrink:0}.testing-ui-context-pill-remove:hover{color:#fff}.testing-ui-message-context-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.testing-ui-context-pill--sent{background:var(--best-gray);padding:3px 12px;opacity:.9;cursor:default}.board-page{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--gray1);overflow:hidden;position:relative}.board-page:focus{outline:none}.board-sidebar{position:fixed;top:calc(90px + var(--safe-area-top, 0px));left:calc(14px + var(--safe-area-left, 0px));width:200px;max-height:calc(100vh - 120px);z-index:1500;background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 3px 20px var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:board-sidebar-in .18s ease-out}@keyframes board-sidebar-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.board-sidebar-header{padding:8px 12px 6px;font-family:ARLRDBD,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray4);border-bottom:1px solid var(--gray2);flex-shrink:0}.board-sidebar-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--gray2) transparent}.board-sidebar-tree::-webkit-scrollbar{width:4px}.board-sidebar-tree::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:4px}.board-sidebar-node{display:flex;flex-direction:column}.board-sidebar-row{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;color:var(--text);font-size:12px;font-family:ARLRDBD,sans-serif;cursor:pointer;padding-top:5px;padding-bottom:5px;padding-right:10px;text-align:left;border-radius:8px;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-sidebar-row:hover{background:var(--gray1);color:var(--blue-blue)}.board-sidebar-row--active{background:var(--blue-blue)!important;color:#fff!important}.board-sidebar-chevron{display:inline-block;font-size:14px;line-height:1;color:var(--gray4);transition:transform .15s;flex-shrink:0;width:14px;text-align:center}.board-sidebar-row--active .board-sidebar-chevron,.board-sidebar-row:hover .board-sidebar-chevron{color:inherit}.board-sidebar-chevron--open{transform:rotate(90deg)}.board-sidebar-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gray3);flex-shrink:0;margin-left:4px}.board-sidebar-row--active .board-sidebar-dot{background:rgba(255,255,255,.8)}.board-sidebar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.board-sidebar-children{display:flex;flex-direction:column}.board-topbar{position:fixed;top:calc(20px + var(--safe-area-top, 0px));left:calc(20px + var(--safe-area-left, 0px));right:auto;width:fit-content;height:54px;z-index:1510;padding:0 8px;background-color:var(--main-background)!important;display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif;transition:left .22s cubic-bezier(.22,1,.36,1)}.board-topbar-left{display:flex;align-items:center;gap:12px}.board-topbar-back{display:flex;align-items:center;justify-content:center;background-color:var(--gray1);border:none;border-radius:16px;padding:8px;width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .2s}.board-topbar-back:hover{background-color:var(--gray2)}.board-topbar-back .material-icons{font-size:22px}.board-page-picker{position:relative}.board-page-picker-trigger{height:36px;width:fit-content;max-width:none;border:none;border-radius:14px;background:var(--gray1);color:var(--text);display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;transition:background .16s ease,color .16s ease}.board-page-picker-trigger:hover,.board-page-picker-trigger--open{background:var(--gray2)}.board-page-picker-trigger-label{color:var(--gray4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.board-page-picker-trigger-value{flex:0 0 auto;min-width:auto;overflow:visible;text-overflow:clip;white-space:nowrap;text-align:left;font-size:13px;font-weight:700}.board-page-picker-trigger-chevron{color:var(--gray4);font-size:12px;transition:transform .16s ease;flex-shrink:0}.board-page-picker-trigger--open .board-page-picker-trigger-chevron{transform:rotate(180deg)}.board-page-picker-menu{position:absolute;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:max-content max-content;width:max-content;min-width:0;max-width:min(92vw,980px);max-height:min(60vh,520px);overflow:hidden;background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 14px 34px var(--shadow);z-index:1520}.board-page-picker-column{display:flex;flex-direction:column;min-height:0;overflow:auto}.board-page-picker-column--groups{border-right:1px solid var(--gray2);background:var(--gray1);min-width:160px}.board-page-picker-column--routes{background:var(--main-background);padding:8px;min-width:220px}.board-page-picker-routes-header{position:sticky;top:0;z-index:1;margin:-8px -8px 8px;padding:9px 12px 8px;background:var(--main-background);border-bottom:1px solid var(--gray2);color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.board-page-picker-group{width:100%;border:none;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-family:ARLRDBD,sans-serif;font-size:12px;text-align:left;cursor:pointer;transition:background .12s ease}.board-page-picker-group:hover,.board-page-picker-group--active{background:var(--gray2)}.board-page-picker-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-page-picker-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;font-size:10px;background:var(--main-background);color:var(--gray4);border:1px solid var(--gray2);padding:0 5px}.board-page-picker-route{width:100%;border:1px solid transparent;border-radius:10px;background:var(--gray1);color:var(--text);padding:8px 28px 8px 16px;font-family:ARLRDBD,sans-serif;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;margin-bottom:4px;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.board-page-picker-route:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:999px;background:var(--gray3);transform:translateY(-50%);transition:background .12s ease}.board-page-picker-route:after{content:"›";position:absolute;right:10px;top:50%;color:var(--gray4);transform:translateY(-50%);opacity:0;transition:opacity .12s ease,color .12s ease}.board-page-picker-route:hover{background:var(--main-background);border-color:var(--gray2);transform:translate(1px)}.board-page-picker-route:hover:before{background:var(--blue-blue)}.board-page-picker-route:hover:after{opacity:1}.board-page-picker-route--active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 5px 16px #0f83e940}.board-page-picker-route--sub{padding-left:26px}.board-page-picker-route--sub:before{left:14px;width:4px;height:4px}.board-page-picker-route--active:before{background:rgba(255,255,255,.9)}.board-page-picker-route--active:after{color:#fff;opacity:1}.board-page-picker-route:focus-visible{outline:2px solid var(--blue-blue);outline-offset:1px}.board-topbar-publish{position:fixed;top:calc(20px + var(--safe-area-top, 0px));right:calc(20px + var(--safe-area-right, 0px));left:auto;width:fit-content;height:54px;z-index:1510;padding:0 8px;background-color:var(--main-background)!important;display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.board-bottom-mode-bar{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(50% + var(--board-bottom-center-shift, 0px));transform:translate(-50%);z-index:1510;display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--main-background)!important;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.board-bottom-mode-btn{height:36px;padding:0 12px;border:none;border-radius:14px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative;font-family:ARLRDBD,sans-serif;font-size:12px;transition:background .15s ease,color .15s ease,transform .15s ease}.board-bottom-mode-btn:hover{background:var(--gray2);color:var(--text);transform:translateY(-1px)}.board-bottom-mode-btn--active,.board-bottom-mode-btn--active:hover{background:var(--blue-light);color:var(--blue-blue)}.board-bottom-mode-icon{font-size:13px}.board-bottom-mode-badge{min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--blue-blue);color:#fff;font-size:9px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.board-topbar-settings-btn{width:36px;height:36px;border:none;border-radius:14px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.board-topbar-settings-btn:hover{background:var(--gray2);color:var(--text);transform:translateY(-1px)}.board-topbar-upload-btn{width:36px;height:36px;border:none;border-radius:14px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;position:relative}.board-topbar-upload-btn:hover{background:var(--gray2);color:var(--text);transform:translateY(-1px)}.board-topbar-upload-btn--active{background:rgba(100,149,237,.18);color:var(--blue-blue)}.board-topbar-upload-btn--active:hover{background:rgba(100,149,237,.26);color:var(--blue-blue)}.board-topbar-upload-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:9px;display:flex;align-items:center;justify-content:center}.board-topbar-commit-btn{height:36px;padding:0 13px;border:1px solid var(--gray2);border-radius:14px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.board-topbar-commit-btn:hover{border-color:var(--gray3);background:var(--gray2);transform:translateY(-1px)}.board-topbar-commit-btn:active{transform:translateY(0)}.board-topbar-commit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.board-topbar-publish-btn{height:36px;padding:0 16px;border:none;border-radius:14px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 20px #00000029;transition:filter .15s ease,transform .15s ease}.board-topbar-publish-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.board-topbar-publish-btn:active{transform:translateY(0);filter:brightness(.98)}.board-topbar-publish-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.board-topbar-publish-error{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--red, #e53935);color:#fff;font-size:11px;font-weight:700;cursor:help;flex-shrink:0}.board-topbar-publish-error:after{content:attr(data-error);position:absolute;top:calc(100% + 8px);right:0;min-width:160px;max-width:260px;background:var(--red, #e53935);color:#fff;padding:7px 11px;border-radius:10px;font-size:11px;font-weight:600;font-family:ARLRDBD,sans-serif;line-height:1.4;white-space:normal;word-break:break-word;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:9999;box-shadow:0 4px 16px #e5393559}.board-topbar-publish-error:hover:after{opacity:1;transform:translateY(0)}.board-topbar-deploy-status{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:99px;font-family:ARLRDBD,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;transition:filter .15s ease,transform .15s ease}.board-topbar-deploy-status--queued{background:var(--gray2);color:var(--gray4)}.board-topbar-deploy-status--building{background:rgba(240,165,0,.15);color:var(--yellow, #f0a500)}.board-topbar-deploy-status--ready{background:rgba(22,163,74,.12);color:var(--green, #16a34a)}.board-topbar-deploy-status--ready:hover{filter:brightness(1.1);transform:translateY(-1px)}.board-topbar-deploy-status--error{background:rgba(229,57,53,.12);color:var(--red, #e53935)}.board-topbar-deploy-status--canceled{background:var(--gray2);color:var(--gray4)}.board-topbar-commit-error{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--red, #e53935);color:#fff;font-size:11px;font-weight:700;cursor:help;flex-shrink:0}.board-commit-overlay{position:fixed;inset:0;z-index:11000;background:rgba(15,20,35,.26);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;transition:right .3s cubic-bezier(.4,0,.2,1)}.board-commit-modal{width:min(1400px,100%);height:min(84vh,900px);background:var(--main-background);border:2px solid var(--gray2);border-radius:18px;box-shadow:0 24px 70px #0000004d;display:flex;flex-direction:column;overflow:hidden}.board-commit-modal-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--gray2)}.board-commit-modal-title-wrap{display:flex;flex-direction:column;gap:2px}.board-commit-modal-title{font-family:ARLRDBD,sans-serif;font-size:16px;color:var(--text)}.board-commit-modal-subtitle{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--gray4)}.board-commit-close-btn{height:34px;border:none;border-radius:10px;background:var(--gray1);color:var(--gray4);font-size:22px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.board-commit-close-btn:hover:not(:disabled){background:var(--gray2);color:var(--text)}.board-commit-close-btn:disabled{opacity:.5;cursor:not-allowed}.board-commit-modal-body{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 320px}.board-commit-sidebar,.board-commit-diff-panel,.board-commit-history-panel{min-height:0;display:flex;flex-direction:column}.board-commit-sidebar,.board-commit-diff-panel{border-right:1px solid var(--gray2)}.board-commit-sidebar{padding:12px;gap:12px}.board-commit-diff-panel,.board-commit-history-panel{padding:12px;gap:10px}.board-commit-section-heading{font-family:ARLRDBD,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--gray4)}.board-commit-section-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-commit-revert-all-btn{height:26px;border:1px solid var(--gray2);border-radius:8px;background:var(--gray1);color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.03em;padding:0 8px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.board-commit-revert-all-btn:hover:not(:disabled){border-color:var(--gray3);background:var(--gray2);color:var(--text)}.board-commit-revert-all-btn:disabled{opacity:.5;cursor:not-allowed}.board-commit-change-list{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:130px;max-height:250px}.board-commit-change-item-wrap{position:relative;width:100%}.board-commit-change-item{width:100%;flex:1;min-width:0;border:1px solid var(--gray2);border-radius:10px;background:var(--gray1);padding:7px 30px 7px 8px;display:flex;align-items:center;gap:8px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .14s ease,background .14s ease}.board-commit-change-item:hover{border-color:var(--gray3);background:var(--gray2)}.board-commit-change-item--active{border-color:var(--blue-blue);background:rgba(100,149,237,.12)}.board-commit-change-kind{border-radius:999px;font-family:ARLRDBD,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;flex-shrink:0}.board-commit-change-kind--added{background:rgba(60,179,113,.2);color:#2e8f57}.board-commit-change-kind--modified{background:rgba(100,149,237,.2);color:#4f78c6}.board-commit-change-kind--deleted{background:rgba(239,68,68,.18);color:#d33a3a}.board-commit-change-path{flex:1;min-width:0;font-family:SF Mono,Menlo,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-commit-file-revert-icon{position:absolute;right:7px;top:25%;transform:translateY(-50%);width:18px;height:18px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--gray4);font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .14s ease,color .14s ease,transform .14s ease}.board-commit-file-revert-icon:hover:not(:disabled){background:color-mix(in srgb,var(--gray2) 85%,transparent);color:var(--text);transform:translateY(-50%)}.board-commit-file-revert-icon:disabled{opacity:.5;cursor:not-allowed}.board-commit-file-revert-icon:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 5px);background:var(--text);color:var(--main-background);border-radius:6px;padding:3px 6px;font-family:ARLRDBD,sans-serif;font-size:9px;letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.board-commit-file-revert-icon:hover:after{opacity:1;transform:translateY(0)}.board-commit-message-label{display:flex;flex-direction:column;gap:6px;font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--gray4)}.board-commit-message-input{border:1px solid var(--gray2);border-radius:10px;background:var(--gray1);color:var(--text)!important;padding:10px;font-size:12px;resize:vertical;min-height:84px}.board-commit-message-input:focus{outline:2px solid color-mix(in srgb,var(--blue-blue) 40%,transparent);border-color:var(--blue-blue)}.board-commit-submit-btn{height:36px;border:none;border-radius:10px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:12px;cursor:pointer;transition:filter .15s ease,transform .15s ease}.board-commit-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.board-commit-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.board-commit-error{border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.1);color:#b62d2d;font-size:11px;font-family:ARLRDBD,sans-serif;padding:8px;border-radius:9px}.board-commit-empty{border:1px dashed var(--gray2);border-radius:10px;color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:11px;padding:10px}.board-commit-diff-editor{flex:1;min-height:0;border:1px solid var(--gray2);border-radius:10px;overflow:hidden}.board-commit-history-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0}.board-commit-history-item{width:100%;border:1px solid var(--gray2);text-align:left;cursor:pointer;font:inherit;border-radius:10px;background:var(--gray1);padding:8px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit;transition:border-color .14s ease,background .14s ease}.board-commit-history-item:hover{border-color:var(--gray3);background:var(--gray2)}.board-commit-history-item--active{border-color:var(--blue-blue);background:var(--blue-light)}.board-commit-history-top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.board-commit-history-name{flex:1;min-width:0;font-family:ARLRDBD,sans-serif;font-size:12px;color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-commit-history-sha{font-family:SF Mono,Menlo,monospace;font-size:10px;color:var(--blue-blue);flex-shrink:0}.board-commit-history-date{width:100%;font-family:ARLRDBD,sans-serif;font-size:10px;color:var(--gray4);text-align:left}.board-commit-history-actions{margin-top:8px}.board-commit-submit-btn--restore{width:100%}@media (max-width: 1200px){.board-commit-modal-body{grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 220px}.board-commit-history-panel{grid-column:1 / -1;border-top:1px solid var(--gray2)}}.board-topbar-title{display:flex;align-items:center;gap:10px;color:var(--text);font-family:ARLRDBD,sans-serif}.board-topbar-emoji{font-size:24px}.board-topbar-name{font-weight:700;font-size:16px}.board-topbar-actions{display:flex;align-items:center;gap:8px}.board-canvas-container{position:absolute;inset:0;overflow:hidden;background-color:var(--gray1);transition:left .22s cubic-bezier(.22,1,.36,1)}body.ai-chat-open .board-page{margin-right:400px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .board-topbar-publish{right:calc(420px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .board-bottom-mode-bar{left:calc(50% - 200px + var(--board-bottom-center-shift, 0px));transition:left .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .board-inspector-panel{right:calc(420px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .board-commit-overlay{right:0}body:not(.ai-chat-open) .board-page{margin-right:0;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .board-topbar-publish{right:calc(20px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .board-bottom-mode-bar{left:calc(50% + var(--board-bottom-center-shift, 0px));transition:left .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .board-inspector-panel{right:calc(20px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .board-commit-overlay{right:0}.board-code-side-panel{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:row;z-index:1400;animation:board-code-side-in .22s cubic-bezier(.22,1,.36,1)}@keyframes board-code-side-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.board-code-side-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--gray2);transition:background .15s;position:relative;z-index:1}.board-code-side-handle:after{content:"";position:absolute;inset:0 -4px}.board-code-side-handle:hover{background:var(--blue-blue)}.board-files-side-panel{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:row;z-index:1400;animation:board-code-side-in .22s cubic-bezier(.22,1,.36,1)}.board-files-panel{width:100%;display:flex;flex-direction:column;border-right:1.5px solid var(--gray2);background:var(--main-background);min-width:0}.board-files-panel-header{min-height:52px;border-bottom:1.5px solid var(--gray2);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;flex-shrink:0}.board-files-panel-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.board-files-panel-title-icon{color:var(--gray4);font-size:13px}.board-files-panel-title{font-family:ARLRDBD,sans-serif;font-size:13px;color:var(--text);white-space:nowrap}.board-files-panel-count{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--gray4);white-space:nowrap}.board-files-panel-header-right{display:flex;align-items:center;gap:10px}.board-files-panel-actions{display:inline-flex;align-items:center;gap:6px}.board-empty-side-panel{width:100%;display:flex;flex-direction:column;border-right:1.5px solid var(--gray2);background:var(--main-background);min-width:0;min-height:0;height:100%;overflow:hidden}.board-empty-side-panel-header{min-height:52px;border-bottom:1.5px solid var(--gray2);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;flex-shrink:0}.board-empty-side-panel-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.board-empty-side-panel-title-icon{color:var(--gray4);font-size:13px}.board-empty-side-panel-title{font-family:ARLRDBD,sans-serif;font-size:13px;color:var(--text);white-space:nowrap}.board-empty-side-panel-close{width:30px;height:30px;border:none;border-radius:10px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.board-empty-side-panel-close:hover{background:var(--gray2);color:var(--text)}.board-empty-side-panel-close .material-icons{font-size:18px}.board-empty-side-panel-actions{display:inline-flex;align-items:center;gap:8px}.board-empty-side-panel-open{height:30px;border:none;border-radius:10px;padding:0 12px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease}.board-empty-side-panel-open:hover{background:var(--gray2)}.board-empty-side-panel-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0;overflow:hidden}.board-empty-side-panel-body--storyboard{display:flex;align-items:stretch;justify-content:stretch;padding:0;height:100%;min-width:0}.board-empty-side-panel-body--storyboard>*{flex:1 1 auto;min-width:0;min-height:0;width:100%}.board-empty-side-panel-placeholder{color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:13px;text-align:center}.board-widget-tree-panel.canvas-layer-panel{left:88px;top:50%;z-index:9055;position:absolute}.board-widget-tree-panel-actions{display:inline-flex;align-items:center;gap:4px}.board-widget-tree-panel-refresh{background:transparent;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6}.board-widget-tree-panel-refresh:hover:not(:disabled){opacity:1}.board-widget-tree-panel-refresh:disabled{opacity:.28;cursor:not-allowed}.board-widget-tree-panel-presets{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:var(--main-background);box-shadow:0 10px 28px #0f172a29;z-index:2}.board-widget-tree-panel-preset{border:1px solid var(--gray2);background:var(--main-background);color:var(--text);border-radius:999px;padding:6px 10px;font-family:ARLRDBD,sans-serif;font-size:11px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,color .15s ease,border-color .15s ease}.board-widget-tree-panel-preset:hover:not(:disabled){background:var(--gray1);border-color:var(--gray4)}.board-widget-tree-panel-preset.active{background:var(--gray2);border-color:var(--gray4);color:var(--text)}.board-widget-tree-panel-preset:disabled{opacity:.45;cursor:not-allowed}.board-widget-tree-panel-body{min-height:0;padding-bottom:72px}.board-widget-tree-scroll{gap:4px}.board-widget-tree-empty{padding:40px 20px}.board-widget-tree-node,.board-widget-tree-children{display:flex;flex-direction:column;gap:4px}.board-widget-tree-row{display:flex;align-items:center}.board-widget-tree-toggle{width:20px;min-width:20px;height:20px;border:none;background:transparent;color:var(--gray8);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.board-widget-tree-toggle:hover{background:var(--gray1);color:var(--text)}.board-widget-tree-toggle--spacer{cursor:default}.board-widget-tree-toggle .material-icons{font-size:16px}.board-widget-tree-node-btn.canvas-layer-item{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:2px 4px 2px 6px;min-height:28px}.board-widget-tree-node-main{flex:1;min-width:0;border:none;background:transparent;color:inherit;padding:0;display:flex;align-items:center;text-align:left;cursor:pointer;line-height:1}.board-widget-tree-node-name{font-size:13px}.board-theme-panel{width:100%;display:flex;flex-direction:column;border-right:1.5px solid var(--gray2);background:var(--main-background);min-width:0}.board-theme-panel-header{min-height:52px;border-bottom:1.5px solid var(--gray2);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;flex-shrink:0}.board-theme-panel-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.board-theme-panel-title-icon{color:var(--gray4);font-size:13px}.board-theme-panel-title{font-family:ARLRDBD,sans-serif;font-size:13px;color:var(--text);white-space:nowrap}.board-theme-panel-close{width:30px;height:30px;border:none;border-radius:10px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.board-theme-panel-close:hover{background:var(--gray2);color:var(--text)}.board-theme-panel-close .material-icons{font-size:18px}.board-theme-panel-body{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.board-theme-section{display:flex;flex-direction:column;gap:8px}.board-theme-section-title{font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--gray4);text-transform:uppercase;letter-spacing:.04em}.board-theme-panel-empty{border:1px dashed var(--gray3);border-radius:10px;padding:10px;font-family:ARLRDBD,sans-serif;font-size:11px;color:var(--gray4)}.board-theme-variant-header{display:grid;grid-template-columns:150px 1fr 1fr;gap:8px;align-items:center}.board-theme-variant-header-empty{min-width:0}.board-theme-variant-header-mode{font-family:ARLRDBD,sans-serif;font-size:10px;color:var(--gray4);text-transform:uppercase;letter-spacing:.05em;text-align:left}.board-theme-variable-list{display:flex;flex-direction:column;gap:8px}.board-theme-add-row{margin-top:8px;border:1px dashed var(--gray3);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px}.board-theme-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-theme-add-btn{height:32px;border:1px solid var(--gray2);border-radius:8px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:11px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.board-theme-add-btn:hover{background:var(--gray2);border-color:var(--gray3)}.board-theme-variable-row{border:1px solid var(--gray2);border-radius:10px;background:color-mix(in srgb,var(--main-background) 92%,var(--gray1));padding:8px;display:flex;flex-direction:column;gap:7px}.board-theme-variable-head{min-width:0}.board-theme-variable-name-input{width:95%;height:30px;border:1px solid var(--gray2);border-radius:8px;background:var(--main-background);color:var(--text);padding:0 8px;font-family:SF Mono,Fira Mono,monospace;font-size:11px}.board-theme-variable-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-theme-variable-cell{border:1px solid var(--gray2);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:8px;min-width:0;background:color-mix(in srgb,var(--main-background) 92%,var(--gray1))}.board-theme-variable-cell--disabled{opacity:.65}.board-theme-variable-source{font-family:ARLRDBD,sans-serif;font-size:9px;color:var(--gray4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.board-theme-variable-controls{display:flex;align-items:center;gap:7px}.board-theme-variable-color-btn{width:30px;height:30px;border:1.5px solid var(--gray2);border-radius:8px;flex:none;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff47}.board-theme-variable-color-btn:disabled{cursor:not-allowed;opacity:.5}.board-theme-variable-input{flex:1;min-width:0;height:30px;border:1px solid var(--gray2);border-radius:8px;background:var(--main-background);color:var(--text);padding:0 8px;font-family:SF Mono,Fira Mono,monospace;font-size:10px}.board-theme-variable-input:disabled{opacity:.65;cursor:not-allowed}.board-theme-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-theme-font-cell{border:1px solid var(--gray2);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0;background:color-mix(in srgb,var(--main-background) 92%,var(--gray1))}.board-theme-font-cell--disabled{opacity:.5}.board-theme-font-row{display:flex;align-items:center;gap:8px}.board-theme-font-select{width:100%;height:34px;border:1px solid var(--gray2);border-radius:9px;background:var(--main-background);color:var(--text);padding:0 9px;font-family:ARLRDBD,sans-serif;font-size:11px}.board-theme-font-select:disabled{cursor:not-allowed}.board-theme-font-preview{border:1px solid var(--gray2);border-radius:8px;background:var(--gray1);padding:8px;color:var(--text);font-size:13px;line-height:1.35}.board-files-action-btn{height:28px;border:1px solid var(--gray2);border-radius:9px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;gap:6px;padding:0 8px;font-family:ARLRDBD,sans-serif;font-size:11px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.board-files-action-btn:hover:not(:disabled){border-color:var(--gray3);background:var(--gray2);color:var(--text)}.board-files-action-btn:disabled{opacity:.5;cursor:not-allowed}.board-files-action-btn--danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--red, #ef4444) 45%,var(--gray3));color:var(--red, #ef4444)}.board-files-panel-body{flex:1;min-height:0;overflow:hidden}.board-files-panel-content{height:100%;min-height:0;display:grid;grid-template-columns:minmax(160px,var(--board-files-tree-width, 230px)) 5px 1fr}.board-files-tree-pane{min-height:0;overflow:auto;padding:8px 0;background:color-mix(in srgb,var(--main-background) 90%,var(--gray1))}.board-files-tree-pane--drop-target{box-shadow:inset 0 0 0 2px #6495ed4d}.board-files-tree-resizer{width:5px;cursor:col-resize;background:var(--gray2);position:relative}.board-files-tree-resizer:after{content:"";position:absolute;inset:0 -4px}.board-files-tree-resizer:hover{background:var(--blue-blue)}.board-files-editor-pane{min-width:0;min-height:0;background:var(--main-background)}.board-files-asset-shell{display:flex;flex-direction:column;height:100%;min-height:0}.board-files-asset-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--gray2);background:color-mix(in srgb,var(--main-background) 90%,var(--gray1))}.board-files-asset-kind{font-family:ARLRDBD,sans-serif;font-size:10px;letter-spacing:.08em;color:var(--blue-blue)}.board-files-asset-mime{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:var(--gray4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.board-files-asset-preview-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;background:color-mix(in srgb,var(--main-background) 86%,var(--gray1))}.board-files-asset-image,.board-files-asset-video{max-width:100%;max-height:100%;border:1px solid var(--gray2);border-radius:10px;background:color-mix(in srgb,var(--main-background) 70%,black 30%)}.board-files-editor-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:12px}.board-files-tree,.board-files-tree-node,.board-files-tree-children{display:flex;flex-direction:column}.board-files-tree-row{width:100%;border:none;background:transparent;color:var(--text);text-align:left;height:30px;display:flex;align-items:center;gap:7px;font-family:ARLRDBD,sans-serif;font-size:12px;cursor:pointer;transition:background .12s ease,color .12s ease}.board-files-tree-row:hover{background:var(--gray1)}.board-files-tree-row--active{background:var(--blue-light);color:var(--blue-blue)}.board-files-tree-row--selected:not(.board-files-tree-row--active){background:color-mix(in srgb,var(--blue-light) 55%,transparent)}.board-files-tree-row--drop-target{box-shadow:inset 0 0 0 1px #6495ed8c;background:color-mix(in srgb,var(--blue-light) 35%,transparent)}.board-files-tree-caret{width:9px;text-align:center;color:var(--gray4);transform:rotate(0);transition:transform .12s ease;flex-shrink:0}.board-files-tree-caret--open{transform:rotate(90deg)}.board-files-tree-icon{color:var(--gray4);font-size:11px;flex-shrink:0}.board-files-tree-row--active .board-files-tree-icon{color:var(--blue-blue)}.board-files-tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.board-files-tree-input{border:1px solid var(--blue-blue);background:var(--main-background);border-radius:7px;min-width:0;width:100%;height:22px;padding:0 7px;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text);outline:none}.board-files-empty{padding:14px;color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:12px}.board-files-panel-footer{border-top:1.5px solid var(--gray2);padding:7px 12px;flex-shrink:0}.board-files-panel-path{display:block;font-family:SF Mono,Fira Code,monospace;font-size:10.5px;color:var(--gray4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-page--panning .board-canvas-container,.board-page--dragging .board-canvas-container{cursor:grabbing}.board-page--dragging .board-frame-overlay,.board-page--dragging .board-frame-overlay--inspect,.board-page--dragging .board-frame-label{cursor:grabbing!important}.board-world{position:absolute;top:0;left:0;will-change:transform}.board-frame-wrapper{position:absolute;display:flex;flex-direction:column;align-items:stretch}.board-frame-label{height:28px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 0 12px;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.02em;user-select:none;background:var(--main-background);border:2px solid var(--gray2);border-radius:12px;margin-bottom:6px;box-shadow:0 3px 20px var(--shadow);cursor:grab}.board-frame-label-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.board-frame-label-route{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.board-frame-label-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.board-frame-label-theme,.board-frame-label-open,.board-frame-label-canvas{width:22px;height:22px;border:none;border-radius:8px;background:transparent;color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .14s ease,transform .14s ease}.board-frame-label-theme:hover,.board-frame-label-open:hover,.board-frame-label-canvas:hover{background:var(--gray1);transform:translateY(-1px)}.board-frame-label-theme:active,.board-frame-label-open:active,.board-frame-label-canvas:active{transform:translateY(-1px) scale(.96)}.board-frame-label-canvas:disabled{opacity:.55;cursor:not-allowed;transform:none}.board-frame-bp-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.03em;flex-shrink:0}.board-frame-bp-badge--desktop{background:rgba(100,149,237,.15);color:#6495ed}.board-frame-bp-badge--tablet{background:rgba(130,180,130,.18);color:#4a9e4a}.board-frame-bp-badge--mobile{background:rgba(220,120,80,.15);color:#d4622b}.board-frame-label:active,.board-frame-wrapper--dragging .board-frame-label{cursor:grabbing}.board-frame-box{width:100%;border-radius:12px;overflow:hidden;position:relative}.board-frame-iframe{display:block;width:100%;height:100%;border:none}.board-frame-overlay{position:absolute;inset:0;z-index:10;pointer-events:all;cursor:default}.board-frame-overlay--inspect{cursor:default}.board-zoom-controls{position:fixed;background:none!important;bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px));z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;transition:left .22s cubic-bezier(.22,1,.36,1)}.board-zoom-top{pointer-events:auto}.board-zoom-bottom-row{display:flex;align-items:center;gap:6px;pointer-events:auto}.board-zoom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--main-background)!important;border:2px solid var(--gray2);border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--shadow)}.board-zoom-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-1px)}.board-zoom-btn--active{border-color:var(--blue-blue);color:var(--blue-blue);background-color:var(--blue-blue)!important;opacity:.15}.board-zoom-fit-btn{padding:0}.board-zoom-fit-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.board-zoom-fit-icon{font-size:30px;color:var(--gray4);opacity:0;transition:opacity .2s}.board-zoom-btn:hover .board-zoom-fit-icon{opacity:1;color:var(--blue-blue)}.board-zoom-level-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:900;font-family:ARLRDBD,sans-serif;color:var(--gray4);pointer-events:none;transition:opacity .2s}.board-zoom-btn:hover .board-zoom-level-text{opacity:0}@media (max-width: 768px){.board-topbar{top:calc(8px + var(--safe-area-top, 0px));left:calc(8px + var(--safe-area-left, 0px));right:auto;width:fit-content;padding:0 6px;border-radius:16px}.board-page-picker-trigger{width:fit-content;max-width:none;padding:0 10px}.board-page-picker-trigger-label{display:none}.board-page-picker-menu{grid-template-columns:max-content max-content;width:max-content;min-width:0;max-width:min(94vw,760px);left:0}.board-topbar-publish{top:calc(8px + var(--safe-area-top, 0px));right:calc(8px + var(--safe-area-right, 0px));padding:0 6px;border-radius:16px}.board-bottom-mode-bar{left:calc(8px + var(--safe-area-left, 0px));right:calc(8px + var(--safe-area-right, 0px));transform:none;border-radius:16px;justify-content:space-between;gap:6px;padding:6px}.board-bottom-mode-btn{flex:1;min-width:0;height:34px;padding:0 8px;gap:6px;font-size:11px}.board-zoom-controls{bottom:calc(78px + var(--safe-area-bottom, 0px));left:calc(8px + var(--safe-area-left, 0px))}.board-theme-variant-header{grid-template-columns:108px 1fr 1fr;gap:6px}.board-theme-variable-grid,.board-theme-font-grid,.board-theme-add-grid{gap:6px}.board-commit-overlay{padding:8px}.board-commit-modal{width:100%;height:calc(100vh - 16px - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));border-radius:14px}.board-commit-modal-body{display:flex;flex-direction:column}.board-commit-sidebar,.board-commit-diff-panel{border-right:none;border-bottom:1px solid var(--gray2)}.board-commit-change-list{max-height:160px}.board-commit-history-panel{min-height:170px;max-height:220px}}.board-topbar-inspect-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border:1.5px solid var(--gray3);border-radius:10px;background:transparent;color:var(--gray4);font-size:13px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.board-topbar-inspect-btn:hover{background:var(--gray2);border-color:var(--blue-blue);color:var(--blue-blue)}.board-topbar-inspect-btn--active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.board-topbar-inspect-btn--active:hover{background:var(--blue-blue);color:#fff}.board-topbar-inspect-label{font-size:12px;font-weight:700;letter-spacing:.01em}.board-inspector-highlight{position:fixed;pointer-events:none;z-index:9000;background:color-mix(in srgb,var(--blue-blue) 12%,transparent);border:2px solid var(--blue-blue);box-sizing:border-box;border-radius:8px}.board-inspector-highlight--selected{z-index:8997;background:color-mix(in srgb,var(--blue-blue) 8%,transparent);border-color:color-mix(in srgb,var(--blue-blue) 88%,white 12%)}.board-inspector-tooltip{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--main-background);border:1px solid var(--gray2);border-radius:8px;font-size:12px;font-family:ARLRDBD,sans-serif;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow);color:var(--text)}.board-inspector-icon{color:var(--blue-blue);font-size:11px;flex-shrink:0}.board-inspector-type{font-weight:700;color:var(--text)}.board-inspector-class{font-size:10px;font-family:SF Mono,Fira Mono,monospace;color:var(--gray4);background:var(--gray1);border-radius:4px;padding:1px 5px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.board-inspector-panel{position:fixed;top:calc(90px + var(--safe-area-top, 0px));right:calc(20px + var(--safe-area-right, 0px));width:300px;max-height:calc(100vh - 120px);z-index:9001;background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 3px 20px var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:board-inspector-panel-in .18s ease-out}@keyframes board-inspector-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.board-inspector-panel-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--gray2);gap:6px;flex-shrink:0}.board-inspector-panel-header-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.board-inspector-panel-icon{color:var(--blue-blue);font-size:12px}.board-inspector-panel-type{font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.board-inspector-panel-selector{flex:1;font-size:10px;font-family:SF Mono,Fira Mono,monospace;color:var(--gray4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.board-inspector-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--gray1);color:var(--gray4);cursor:pointer;border-radius:8px;font-size:11px;flex-shrink:0;transition:background .15s,color .15s}.board-inspector-panel-close:hover{background:var(--gray2);color:var(--text)}.board-inspector-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--blue-blue) 28%,var(--gray3)) transparent}.board-inspector-panel-body::-webkit-scrollbar{width:6px}.board-inspector-panel-body::-webkit-scrollbar-track{background:transparent;border-radius:999px}.board-inspector-panel-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--blue-blue) 34%,var(--gray2)),color-mix(in srgb,var(--blue-blue) 16%,var(--gray3)));border-radius:999px;border:1px solid color-mix(in srgb,var(--main-background) 72%,transparent)}.board-inspector-panel-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--blue-blue) 48%,var(--gray2)),color-mix(in srgb,var(--blue-blue) 26%,var(--gray3)))}.board-inspector-prop-group{display:flex;flex-direction:column;gap:4px}.board-inspector-prop-empty{border:1.5px dashed var(--gray2);border-radius:10px;background:color-mix(in srgb,var(--gray1) 80%,transparent);padding:10px 12px;font-size:11px;color:var(--gray4);line-height:1.45}.board-inspector-prop-group-label{font-size:10px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px;font-family:ARLRDBD,sans-serif;padding:2px 4px;display:block}.board-inspector-prop-group-label--summary{padding:0}.board-inspector-prop-section{display:flex;flex-direction:column;gap:6px}.board-inspector-prop-section+.board-inspector-prop-section{margin-top:6px;padding-top:8px;border-top:1px solid var(--gray2)}.board-inspector-prop-section-title{font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-family:ARLRDBD,sans-serif;padding:1px 2px}.board-inspector-prop-section-hint{font-size:10px;color:var(--gray4);line-height:1.35;padding:0 2px}.board-inspector-source-state-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.board-inspector-source-state-pill{border:1px solid var(--gray2);background:var(--gray1);color:var(--gray4);border-radius:999px;padding:4px 10px;font-size:10px;line-height:1;font-family:SF Mono,Fira Mono,monospace;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.board-inspector-source-state-pill:hover{border-color:var(--blue-blue);color:var(--text)}.board-inspector-source-state-pill--active{background:color-mix(in srgb,var(--blue-blue) 22%,var(--gray1));border-color:var(--blue-blue);color:var(--text)}.board-inspector-prop-row{display:flex;align-items:center;gap:6px;background:var(--gray1);border:1.5px solid var(--gray2);border-radius:8px;padding:5px 8px;transition:border-color .12s}.board-inspector-prop-row--stacked{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.board-inspector-prop-row--unset{border-style:dashed;background:color-mix(in srgb,var(--gray1) 88%,transparent)}.board-inspector-prop-row:hover{border-color:var(--blue-blue)}.board-inspector-prop-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;font-family:SF Mono,Fira Mono,monospace;color:var(--gray4);flex-shrink:0;min-width:90px}.board-inspector-prop-status{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--blue-blue) 12%,transparent);color:var(--gray4);font-size:9px;font-family:ARLRDBD,sans-serif;letter-spacing:.04em;text-transform:uppercase}.board-inspector-expandable-group,.board-inspector-unset-group{border:1.5px solid var(--gray2);border-radius:10px;background:color-mix(in srgb,var(--gray1) 84%,transparent);overflow:hidden}.board-inspector-expandable-summary,.board-inspector-unset-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;padding:8px 10px}.board-inspector-expandable-summary::-webkit-details-marker,.board-inspector-unset-summary::-webkit-details-marker{display:none}.board-inspector-expandable-summary:after,.board-inspector-unset-summary:after{content:"expand_more";font-family:Material Icons;font-size:16px;color:var(--gray4);transition:transform .16s ease}.board-inspector-expandable-group[open] .board-inspector-expandable-summary:after,.board-inspector-unset-group[open] .board-inspector-unset-summary:after{transform:rotate(180deg)}.board-inspector-expandable-count,.board-inspector-unset-count{font-size:10px;color:var(--gray4);font-family:SF Mono,Fira Mono,monospace;margin-left:auto}.board-inspector-expandable-content,.board-inspector-unset-content{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px;border-top:1px solid var(--gray2)}.board-inspector-prop-row--stacked .board-inspector-prop-name{min-width:0;font-size:9px;font-family:ARLRDBD,sans-serif;text-transform:uppercase;letter-spacing:.4px;opacity:.65}.board-inspector-prop-value{font-size:11px;font-family:SF Mono,Fira Mono,monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;font-weight:600}.board-inspector-prop-row--trivial{opacity:.45}.board-inspector-prop-value-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0;justify-content:flex-end}.board-inspector-color-swatch{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--gray3);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;display:block;transition:transform .15s}.board-inspector-color-swatch:hover{transform:scale(1.1);border-color:var(--blue-blue)}.board-inspector-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0}.board-inspector-prop-input{flex:1;min-width:0;padding:4px 8px;background:var(--gray1);border:none!important;border-radius:8px;font-size:11px;font-family:SF Mono,Fira Mono,monospace;color:var(--text);outline:none!important;transition:border-color .15s}.board-inspector-prop-input:focus{border-color:var(--blue-blue)}.board-inspector-prop-input::placeholder{color:var(--gray4);opacity:.9}.board-inspector-prop-input-number{width:64px;flex:none;text-align:right}.board-inspector-prop-input-source{text-align:right}.board-inspector-source-editor{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.board-inspector-source-editor-select{flex:1;min-width:0;padding:4px 8px;border:none;border-radius:8px;background:var(--gray1);color:var(--text);font-size:11px;font-family:SF Mono,Fira Mono,monospace;outline:none;cursor:pointer}.board-inspector-source-editor-select:focus{outline:1px solid color-mix(in srgb,var(--blue-blue) 60%,transparent)}.board-inspector-source-gradient-toggle-btn{flex:none;padding:4px 8px;border:none;border-radius:8px;background:var(--gray1);color:var(--text);font-size:11px;font-family:SF Mono,Fira Mono,monospace;cursor:pointer;line-height:1.1}.board-inspector-source-gradient-toggle-btn:hover{outline:1px solid color-mix(in srgb,var(--blue-blue) 60%,transparent)}.board-inspector-source-editor-number{width:84px;flex:none;text-align:right}.board-inspector-source-editor-unit{width:66px;flex:none;padding:4px 6px;border:none;border-radius:8px;background:var(--gray1);color:var(--text);font-size:11px;font-family:SF Mono,Fira Mono,monospace;outline:none;cursor:pointer}.board-inspector-source-editor-unit:focus{outline:1px solid color-mix(in srgb,var(--blue-blue) 60%,transparent)}.board-inspector-source-color-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--gray3);padding:0;flex:none;cursor:pointer}.board-inspector-source-color-btn:hover{border-color:var(--blue-blue)}.board-inspector-source-color-btn--unset,.board-inspector-fill-tab-swatch--unset,.board-inspector-fill-color-band-swatch--unset{background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%,rgba(255,255,255,.08)),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%,rgba(255,255,255,.08));background-position:0 0,5px 5px;background-size:10px 10px}.board-inspector-source-gradient-editor{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.board-inspector-source-gradient-toolbar{display:flex;align-items:center;gap:6px;min-width:0}.board-inspector-source-gradient-type-select{max-width:120px;flex:1}.board-inspector-source-gradient-number-wrap,.board-inspector-source-gradient-center-wrap{display:flex;align-items:center;gap:4px;flex:none}.board-inspector-source-gradient-number-input{width:64px;flex:none;text-align:right}.board-inspector-source-gradient-center-input{width:56px;flex:none;text-align:right}.board-inspector-source-gradient-unit-label{font-size:10px;line-height:1;color:var(--gray4);font-family:SF Mono,Fira Mono,monospace;min-width:16px}.board-inspector-source-gradient-action-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--gray3);background:var(--gray1);color:var(--text);cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0}.board-inspector-source-gradient-action-btn:hover{border-color:var(--blue-blue)}.board-inspector-source-gradient-action-btn:disabled{opacity:.45;cursor:not-allowed}.board-inspector-source-gradient-preview{position:relative;height:22px;border-radius:8px;border:1.5px solid var(--gray3);cursor:pointer;overflow:visible;outline:none}.board-inspector-source-gradient-preview:focus{border-color:var(--blue-blue)}.board-inspector-source-gradient-stop-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;border:1.5px solid #fff;box-shadow:0 0 0 1px #00000052;cursor:pointer;padding:0}.board-inspector-source-gradient-stop-handle:hover,.board-inspector-source-gradient-stop-handle.active{transform:translate(-50%,-50%) scale(1.08)}.board-inspector-source-gradient-stop-list{display:flex;flex-direction:column;gap:4px;max-height:170px;overflow-y:auto;padding-right:2px}.board-inspector-source-gradient-stop-row{display:flex;align-items:center;gap:4px;min-width:0}.board-inspector-source-gradient-stop-color{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--gray3);padding:0;cursor:pointer;flex:none}.board-inspector-source-gradient-stop-color:hover{border-color:var(--blue-blue)}.board-inspector-source-gradient-stop-token{text-align:left}.board-inspector-source-gradient-stop-offset{width:60px;flex:none;text-align:right}.board-inspector-source-gradient-canvas{flex:1;min-width:0}.board-inspector-fill-editor{display:flex;flex-direction:column;gap:8px;width:100%}.board-inspector-fill-tabs{display:flex;gap:5px}.board-inspector-fill-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;cursor:pointer;font-size:11px;font-family:ARLRDBD,sans-serif;color:var(--gray4);transition:all .15s}.board-inspector-fill-tab:hover{border-color:var(--gray3);color:var(--text)}.board-inspector-fill-tab.active{border-color:var(--blue-blue);background:var(--blue-blue);color:var(--primary-btn-text)}.board-inspector-fill-tab-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.board-inspector-fill-tab.active .board-inspector-fill-tab-swatch{border-color:#ffffff4d}.board-inspector-fill-color-band{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--gray1);border-radius:8px;border:1.5px solid var(--gray2);cursor:pointer;width:100%;text-align:left;transition:border-color .15s}.board-inspector-fill-color-band:hover{border-color:var(--blue-blue)}.board-inspector-fill-color-band-swatch{display:inline-block;width:28px;height:28px;border-radius:6px;border:1.5px solid var(--gray3);flex-shrink:0}.board-inspector-fill-color-band-hex{flex:1;font-size:11px;font-family:SF Mono,Fira Mono,monospace;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-inspector-fill-color-band-hex--empty{color:var(--gray4)}.board-inspector-fill-gradient-sub-tabs{display:flex;gap:4px}.board-inspector-fill-gradient-sub-tab{flex:1;padding:4px 0;background:var(--gray1);border:1.5px solid var(--gray2);border-radius:6px;cursor:pointer;font-size:10px;font-family:ARLRDBD,sans-serif;color:var(--gray4);transition:all .15s;text-align:center;display:flex;align-items:center;justify-content:center}.board-inspector-fill-gradient-sub-tab:hover{border-color:var(--gray3);color:var(--text)}.board-inspector-fill-gradient-sub-tab.active{border-color:var(--blue-blue);background:var(--blue-blue);color:var(--primary-btn-text)}.board-inspector-source-numeric-editor{display:flex;flex-direction:column;gap:6px;width:100%}.board-inspector-source-numeric-top{display:flex;align-items:center;gap:6px}.board-inspector-source-slider-track{position:relative;width:100%;height:14px;background:var(--gray2);border-radius:9999px;display:flex;align-items:center;overflow:visible}.board-inspector-source-slider-fill{position:absolute;left:0;top:0;height:100%;background:var(--blue-blue);border-radius:9999px;pointer-events:none;transition:width .04s}.board-inspector-source-slider-input{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:28px;background:transparent;border:none;outline:none;cursor:pointer;margin:0;padding:0;opacity:0;z-index:5}.canvas-gradient-angle-dial-indicator{position:absolute;top:50%;left:50%;width:2px;height:50%;background:var(--blue-blue);border-radius:1px;transform-origin:50% 0%;margin-left:-1px}.canvas-gradient-picker-backdrop{position:fixed;inset:0;z-index:10040;transition:right .3s cubic-bezier(.4,0,.2,1)}.canvas-gradient-stop-popover{position:fixed;z-index:10050;background:var(--main-background)!important;border-radius:14px;box-shadow:0 8px 32px #0003;border:2px solid var(--gray2);padding:12px;min-width:300px;max-height:calc(100vh - 24px);overflow:auto}.canvas-gradient-stop-popover-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray1);border:none;border-radius:6px;color:var(--gray4);cursor:pointer}.canvas-property-input{padding:8px 10px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;font-size:12px;font-family:SF Mono,Fira Mono,monospace;color:var(--text);outline:none}.canvas-property-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--gray1);border:2px solid var(--gray2);border-radius:6px;color:var(--gray4);cursor:pointer;font-size:12px}.canvas-property-icon-btn:hover{background:var(--gray2);color:var(--text)}.canvas-page-color-preset-swatch{width:40px;height:15px;border-radius:3px;border:1px solid var(--gray2);cursor:pointer;padding:0;margin:0;flex-shrink:0}.board-inspector-image-preview{width:100%;min-height:64px;border-radius:8px;border:1.5px solid var(--gray2);background:var(--main-background);display:flex;align-items:center;justify-content:center;overflow:hidden}.board-inspector-image-preview-img{display:block;width:auto;max-width:100%;max-height:72px;object-fit:contain}.board-inspector-image-preview-empty{padding:10px;font-size:11px;color:var(--gray4);font-family:SF Mono,Fira Mono,monospace}.board-inspector-asset-btn{width:100%;border:none;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;font-family:ARLRDBD,sans-serif;color:#fff;background:var(--blue-blue);cursor:pointer;transition:filter .15s ease}.board-inspector-asset-btn:hover{filter:brightness(.95)}.board-inspector-margin{position:fixed;pointer-events:none;z-index:8998;background:rgba(246,178,107,.25);border:1px dashed rgba(246,178,107,.8);box-sizing:border-box}.board-inspector-padding-band{position:fixed;pointer-events:none;z-index:8999;background:rgba(100,149,237,.28);box-sizing:border-box}.board-inspector-drop-line{position:fixed;pointer-events:none;z-index:9010;height:2px;background:var(--blue-blue);box-shadow:0 0 6px var(--blue-blue);border-radius:2px}.board-inspector-drop-line:before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--blue-blue)}.board-inspector-drop-line--row{height:auto;width:2px}.board-inspector-drop-line--row:before{left:-4px;top:-4px}.board-inspector-drag-ghost{position:fixed;pointer-events:none;z-index:9010;display:flex;align-items:center;gap:5px;padding:4px 10px;background:var(--blue-blue);color:#fff;font-size:11px;font-family:ARLRDBD,sans-serif;border-radius:6px;box-shadow:0 2px 10px #00000040;white-space:nowrap}.board-inline-text-edit{position:fixed;z-index:9020;pointer-events:auto}.board-inline-text-edit-input{width:100%;height:100%;min-height:0;margin:0;border:1px solid transparent;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;padding:0;box-shadow:none;appearance:none}.board-inline-text-edit-input:focus{outline:none;border-color:color-mix(in srgb,var(--text) 28%,transparent);box-shadow:none}.board-frame-overlay--grab{cursor:grabbing!important}.board-inspector-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1600;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 16px;max-width:min(720px,calc(100vw - 32px));background:var(--main-background);border:1.5px solid var(--gray3);border-radius:12px;box-shadow:0 4px 24px var(--shadow);font-family:ARLRDBD,sans-serif;font-size:13px;white-space:normal}.board-inspector-banner-text{color:var(--text);text-align:center}.board-inspector-banner-error{color:var(--red, #e53e3e);font-size:12px;max-width:220px;white-space:normal}.board-inspector-banner-btn{padding:5px 12px;border-radius:8px;border:none;cursor:pointer;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:13px;transition:opacity .15s}.board-inspector-banner-btn:disabled{opacity:.55;cursor:not-allowed}.board-inspector-banner-btn:hover:not(:disabled){opacity:.85}.board-inspector-banner-dismiss{background:none;border:none;cursor:pointer;color:var(--gray4);font-size:18px;line-height:1;padding:0 2px;transition:color .15s}.board-inspector-banner-dismiss:hover{color:var(--text)}.board-wc-terminal-float{position:fixed;z-index:1600;min-width:300px;min-height:220px;max-width:min(92vw,900px);max-height:min(82vh,700px);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:2px solid var(--gray2);box-shadow:0 8px 40px var(--shadow),0 2px 8px #0000001f;background:#0d0d0f;user-select:none}.board-wc-terminal-float-header{display:flex;align-items:center;gap:7px;padding:9px 12px 9px 14px;background:var(--main-background);border-bottom:2px solid var(--gray2);cursor:grab;font-family:ARLRDBD,sans-serif;flex-shrink:0}.board-wc-terminal-float-header:active{cursor:grabbing}.board-wc-terminal-float-icon{font-size:15px;color:var(--gray4);flex-shrink:0}.board-wc-terminal-float-title{font-size:12px;color:var(--text);flex:1}.board-wc-terminal-float-actions{display:inline-flex;align-items:center;gap:6px}.board-wc-terminal-float-action{height:24px;border:1px solid var(--gray2);border-radius:8px;background:var(--gray1);color:var(--gray4);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-family:ARLRDBD,sans-serif;font-size:10px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.board-wc-terminal-float-action:hover{border-color:var(--gray3);background:var(--gray2);color:var(--text)}.board-wc-terminal-float-action--danger:hover{border-color:color-mix(in srgb,var(--red, #ef4444) 45%,var(--gray3));color:var(--red, #ef4444)}.board-wc-terminal-float-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:8px;background:transparent;color:var(--gray3);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.board-wc-terminal-float-close .material-icons{font-size:15px}.board-wc-terminal-float-close:hover{background:var(--gray2);color:var(--text)}.board-wc-terminal-float-logs{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;padding:10px 14px 8px;font-family:JetBrains Mono,Menlo,Consolas,Monaco,monospace;font-size:11px;line-height:1.65;color:var(--text);background:var(--main-background);scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--gray2) transparent;user-select:text}.board-wc-terminal-float-logs::-webkit-scrollbar{width:5px}.board-wc-terminal-float-logs::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:4px}.board-wc-terminal-float-line{white-space:pre;word-break:normal;overflow-wrap:normal;min-height:1.35em;color:inherit;padding:0}.board-wc-terminal-float-input-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--gray2);background:var(--gray1);flex-shrink:0}.board-wc-terminal-float-prompt{font-family:JetBrains Mono,Menlo,monospace;font-size:12px;color:#22c55e;flex-shrink:0;user-select:none}.board-wc-terminal-float-input{flex:1;background:transparent!important;border:none!important;outline:none!important;font-family:JetBrains Mono,Menlo,Consolas,Monaco,monospace;font-size:11.5px;color:var(--text);caret-color:#22c55e}.board-wc-terminal-float-input::placeholder{color:var(--gray3)}.board-wc-terminal-float-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize}.board-wc-terminal-float-resize:before{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:1.5px solid var(--gray3);border-bottom:1.5px solid var(--gray3);opacity:.85}.board-frame-loading-overlay{position:absolute;inset:0;background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--blue-blue) 18%,transparent),transparent 46%),radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--blue-blue) 12%,transparent),transparent 44%),linear-gradient(145deg,var(--main-background) 0%,var(--gray1) 52%,var(--main-background) 100%);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:0 0 12px 12px;pointer-events:none;overflow:hidden}.board-frame-loading-overlay:before{content:"";position:absolute;inset:-55%;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 18px,color-mix(in srgb,var(--gray2) 60%,transparent) 19px,transparent 20px);opacity:.36;transform:rotate(18deg);animation:board-frame-loading-grid 14s linear infinite}.board-frame-loading-inner{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--gray2) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--main-background) 90%,transparent);box-shadow:0 12px 42px var(--shadow)}.board-frame-loading-spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--gray3) 65%,transparent);border-top-color:var(--blue-blue, #0f83e9);border-right-color:color-mix(in srgb,var(--blue-blue) 55%,transparent);animation:board-frame-spin .82s linear infinite}@keyframes board-frame-spin{to{transform:rotate(360deg)}}.board-frame-loading-copy{min-width:220px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.board-frame-loading-heading{font-family:ARLRDBD,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray4)}.board-frame-loading-label{font-family:ARLRDBD,sans-serif;font-size:12px;line-height:1.35;color:var(--text);letter-spacing:.015em;animation:board-frame-loading-label-in .22s ease}@keyframes board-frame-loading-grid{to{transform:rotate(18deg) translateY(-28px)}}@keyframes board-frame-loading-label-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.board-context-menu-backdrop{position:fixed;inset:0;z-index:9000}.board-context-menu{position:fixed;z-index:9001;min-width:200px;background:var(--main-background);border:1.5px solid var(--gray2);border-radius:14px;box-shadow:0 8px 32px var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px;font-family:ARLRDBD,sans-serif;animation:board-context-menu-in .12s cubic-bezier(.22,1,.36,1);transform-origin:top left}@keyframes board-context-menu-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.board-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:9px;background:transparent;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:600;padding:8px 10px;text-align:left;cursor:pointer;transition:background .1s ease;white-space:nowrap}.board-context-menu-item:hover{background:var(--gray1)}.board-context-menu-icon{width:14px;font-size:14px;color:var(--gray4);flex-shrink:0;text-align:center}.board-context-menu-shortcut{margin-left:auto;font-size:11px;color:var(--gray4);font-weight:500;letter-spacing:.02em}.board-context-menu-separator{height:1px;background:var(--gray2);margin:4px 6px;flex-shrink:0}.board-draw-toolbar{position:fixed;top:50%;left:calc(16px + var(--safe-area-left, 0px));transform:translateY(-50%);z-index:1510;display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--main-background)!important;border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2)}.board-draw-toolbar-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s;position:relative}.board-draw-toolbar-item:hover{background:var(--gray2);color:var(--contrast1)}.board-draw-toolbar-item.active{background:var(--blue-blue);color:var(--primary-btn-text)}.board-draw-toolbar-item svg{font-size:16px;flex-shrink:0}.board-draw-toolbar-divider{width:100%;height:1px;background:var(--gray2);margin:2px 0}.board-draw-rect-overlay{position:fixed;pointer-events:none;border:2px solid var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 10%,transparent);z-index:2000;display:flex;align-items:flex-end;justify-content:flex-end;border-radius:2px}.board-draw-rect-label{font-family:ARLRDBD,monospace;font-size:10px;color:var(--blue-blue);background:var(--main-background);border:1px solid var(--blue-blue);border-radius:4px;padding:1px 5px;margin:3px;white-space:nowrap;line-height:1.4}.board-frame-overlay--drawing{cursor:crosshair!important}.board-settings-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);padding:16px}.board-settings-modal{width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;background:var(--main-background);border:2px solid var(--gray2);border-radius:20px;box-shadow:0 16px 48px var(--shadow);overflow:hidden;font-family:ARLRDBD,sans-serif}.board-settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--gray2);flex-shrink:0}.board-settings-header-left{display:flex;align-items:center;gap:8px}.board-settings-title{font-size:15px;font-weight:700;color:var(--text)}.board-settings-back-btn{border:none;background:var(--gray1);color:var(--text);font-size:22px;line-height:1;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.board-settings-back-btn:hover{background:var(--gray2)}.board-settings-close-btn{border:none;background:var(--gray1);color:var(--gray4);font-size:14px;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.board-settings-close-btn:hover{background:var(--gray2);color:var(--text)}.board-settings-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:var(--gray2) transparent}.board-settings-hint{font-size:12px;color:var(--gray4);margin:0 0 12px}.board-settings-spinner,.board-settings-empty{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--gray4);font-size:13px}.board-settings-site-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.board-settings-site-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);cursor:pointer;text-align:left;transition:background .14s,border-color .14s}.board-settings-site-item:hover{background:var(--gray2);border-color:var(--blue-blue)}.board-settings-site-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--main-background);color:var(--blue-blue);font-size:15px;flex-shrink:0}.board-settings-site-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.board-settings-site-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-settings-site-domain{font-size:11px;color:var(--gray4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-settings-status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;flex-shrink:0}.board-settings-status-badge--live{background:rgba(34,197,94,.15);color:#16a34a}.board-settings-status-badge--draft{background:var(--gray1);color:var(--gray4);border:1px solid var(--gray2)}.board-settings-status-badge--maintenance{background:rgba(234,179,8,.15);color:#b45309}.board-settings-status-badge--archived{background:var(--gray1);color:var(--gray3)}.board-settings-editor{display:flex;flex-direction:column;gap:16px}.board-settings-github-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray1);border:1px solid var(--gray2);border-radius:12px}.board-settings-github-url{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--gray4);font-size:12px}.board-settings-repo-link{color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .14s}.board-settings-repo-link:hover{color:var(--blue-blue)}.board-settings-load-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:none;border-radius:10px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:filter .15s}.board-settings-load-btn:hover:not(:disabled){filter:brightness(1.08)}.board-settings-load-btn:disabled{opacity:.7;cursor:not-allowed}.board-settings-load-btn--done{background:#16a34a}.board-settings-fetch-error{font-size:12px;color:#dc2626;display:flex;align-items:center;gap:6px}.board-settings-form{display:flex;flex-direction:column;gap:12px}.board-settings-field{display:flex;flex-direction:column;gap:5px}.board-settings-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray4)}.board-settings-field input,.board-settings-field textarea,.board-settings-field select{width:100%;padding:9px 11px;border:1.5px solid var(--gray2);border-radius:10px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:13px;transition:border-color .14s;box-sizing:border-box;resize:vertical}.board-settings-field input:focus,.board-settings-field textarea:focus,.board-settings-field select:focus{outline:none;border-color:var(--blue-blue)}.board-settings-field-row{position:relative;display:flex;align-items:center;gap:6px}.board-settings-field-icon{position:absolute;left:11px;color:var(--gray4);font-size:12px;pointer-events:none}.board-settings-field-row input{padding-left:30px;flex:1}.board-settings-domain-view-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--gray2);border-radius:10px;background:var(--gray1);color:var(--gray4);text-decoration:none;transition:background .14s,border-color .14s,color .14s}.board-settings-domain-view-btn:hover{background:var(--gray2);border-color:var(--blue-blue);color:var(--blue-blue)}.board-settings-status-row{display:flex;align-items:center;gap:10px}.board-settings-status-row select{flex:1}.board-settings-unpublishing{font-size:12px;color:var(--gray4);display:flex;align-items:center;gap:5px;white-space:nowrap}.board-settings-unpublished-badge{font-size:11px;color:#d97706;display:flex;align-items:center;gap:5px;white-space:nowrap}.board-settings-toggle-row{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--gray2);border-radius:10px;background:var(--gray1);padding:8px 10px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.board-settings-toggle-row:hover{border-color:var(--gray3);background:var(--gray2)}.board-settings-toggle-track{position:relative;width:34px;height:20px;border-radius:999px;background:var(--gray3);flex-shrink:0;transition:background .14s ease}.board-settings-toggle-track--on{background:var(--blue-blue)}.board-settings-toggle-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform .14s ease}.board-settings-toggle-track--on .board-settings-toggle-knob{transform:translate(14px)}.board-settings-toggle-text{font-size:12px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text)}.board-settings-toggle-hint{margin:0;font-size:11px;color:var(--gray4)}.board-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.board-settings-delete-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid rgba(220,38,38,.18);border-radius:12px;background:rgba(220,38,38,.08);color:#dc2626;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s,background .15s}.board-settings-delete-btn:hover:not(:disabled){background:rgba(220,38,38,.14);transform:translateY(-1px)}.board-settings-delete-btn:disabled{opacity:.7;cursor:not-allowed}.board-settings-save-msg{font-size:12px;font-weight:700}.board-settings-save-msg--ok{color:#16a34a}.board-settings-save-msg--err{color:#dc2626}.board-settings-save-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:12px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.board-settings-save-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.board-settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.board-settings-field-label-row{display:flex;align-items:center;gap:6px}.board-settings-meta-sync-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 12%,transparent);padding:2px 7px;border-radius:6px;font-family:ui-monospace,monospace;letter-spacing:0}.board-settings-favicon-variants{display:flex;gap:12px}.board-settings-favicon-variant{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.board-settings-favicon-variant-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray4);display:flex;align-items:center;gap:4px}.board-settings-favicon-pick-btn{width:56px;height:56px;border-radius:12px;border:2px dashed var(--gray2);background:var(--gray1);color:var(--gray3);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .14s,background .14s,color .14s;overflow:hidden;padding:0}.board-settings-favicon-pick-btn:hover{border-color:var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 8%,var(--gray1));color:var(--blue-blue)}.board-settings-favicon-pick-btn img{width:100%;height:100%;object-fit:contain;border-radius:10px}.board-settings-favicon-clear-btn{position:absolute;top:22px;right:-8px;width:18px;height:18px;border-radius:50%;border:none;background:var(--gray3);color:#fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .14s}.board-settings-favicon-clear-btn:hover{background:#dc2626}.board-settings-favicon-hint{font-size:11px;color:var(--gray4);margin:4px 0 0}.board-settings-og-pick-row{display:flex;align-items:flex-start;gap:8px}.board-settings-og-pick-btn{flex:1;min-height:90px;border-radius:10px;border:2px dashed var(--gray2);background:var(--gray1);color:var(--gray4);font-family:ARLRDBD,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .14s,background .14s,color .14s;overflow:hidden;padding:0}.board-settings-og-pick-btn:hover{border-color:var(--blue-blue);background:color-mix(in srgb,var(--blue-blue) 8%,var(--gray1));color:var(--blue-blue)}.board-settings-og-pick-btn--has-image{border-style:solid;border-color:var(--gray2)}.board-settings-og-pick-btn img{width:100%;height:100%;object-fit:cover;display:block}.board-settings-og-pick-row>.board-settings-favicon-clear-btn{position:static;margin-top:8px;flex-shrink:0}.canvas-page{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--gray1);overflow:hidden;position:relative}.canvas-page.embedded{height:100%;flex:1;min-height:0}.canvas-page.embedded .canvas-topbar,.canvas-page.embedded .canvas-left-toolbar,.canvas-page.embedded .canvas-bottom-bar,.canvas-page.embedded .canvas-zoom-controls{position:absolute}.canvas-page.embedded .canvas-topbar{top:calc(20px + var(--safe-area-top, 0px));left:calc(80px + var(--safe-area-left, 0px));right:calc(20px + var(--safe-area-right, 0px))}.canvas-page.embedded .canvas-left-toolbar{left:calc(16px + var(--safe-area-left, 0px))}.canvas-page.embedded .canvas-bottom-bar{bottom:calc(16px + var(--safe-area-bottom, 0px))}.canvas-page.embedded .canvas-zoom-controls{bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px))}.canvas-topbar{position:fixed;top:calc(20px + var(--safe-area-top, 0px));left:calc(80px + var(--safe-area-left, 0px));right:calc(20px + var(--safe-area-right, 0px));height:54px;z-index:1510;padding:0 20px;background-color:var(--main-background)!important;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.canvas-topbar-left{display:flex;align-items:center;gap:12px}.canvas-topbar-back{display:flex;align-items:center;justify-content:center;background-color:var(--gray1);border:none;border-radius:16px;padding:8px;width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .2s}.canvas-topbar-back:hover{background-color:var(--gray2)}.canvas-topbar-back .material-icons{font-size:22px}.canvas-topbar-title{display:flex;align-items:center;gap:10px;color:var(--text);font-family:ARLRDBD,sans-serif}.canvas-topbar-emoji{font-size:24px}.canvas-topbar-name{font-weight:700;font-size:16px}.canvas-topbar-locked{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--blue-blue);color:var(--primary-btn-text);border-radius:10px;font-size:13px;font-weight:500}.canvas-topbar-locked button{background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.canvas-topbar-locked button:hover{opacity:1}.canvas-topbar-actions{display:flex;align-items:center;gap:8px}.canvas-topbar-selection-actions{display:flex;align-items:center;gap:4px}.canvas-topbar-selection-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-topbar-selection-actions button:hover{background:var(--gray2);color:var(--contrast1)}.canvas-topbar-selection-actions .canvas-btn-danger:hover{background:var(--red-red);color:#fff}.canvas-topbar-expand-icon{font-size:18px;color:var(--gray4);margin-left:4px;transition:transform .2s}.canvas-topbar-export-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;background:var(--best-gray);border:none;border-radius:10px;color:var(--text);cursor:pointer;transition:all .2s;font-family:inherit;font-size:14px}.canvas-topbar-export-btn:hover{filter:brightness(1.1)}.canvas-topbar-export-btn.active{background:var(--blue-blue);color:var(--primary-btn-text);box-shadow:0 0 0 3px var(--accent-transparent, rgba(15, 131, 233, .3))}.canvas-topbar-export-btn .material-icons{font-size:20px}.canvas-topbar-export-text{white-space:nowrap;font-weight:500;display:block}.canvas-topbar-cover-screen-save{display:flex;align-items:center;justify-content:center;height:36px;padding:0 16px;background:var(--blue-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.canvas-topbar-cover-screen-save:hover:not(:disabled){background:var(--blue-light)}.canvas-topbar-cover-screen-save:disabled{opacity:.6;cursor:not-allowed}.canvas-topbar-cover-screen-save.saved{background:#22c55e}.canvas-topbar-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;background:var(--best-gray, #34A853);border:none;border-radius:10px;color:var(--gray3);cursor:pointer;transition:all .2s;font-family:inherit;font-size:14px}.canvas-topbar-save-btn:hover{filter:brightness(1.1)}.canvas-topbar-save-btn:disabled{opacity:.7;cursor:wait}.canvas-topbar-save-btn.saving{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-topbar-save-btn.saved{background:var(--green-green, #34A853);color:var(--primary-btn-text)}.canvas-topbar-save-btn.error{background:var(--red-red, #D93535);color:var(--primary-btn-text)}.canvas-topbar-save-text{white-space:nowrap;font-weight:500;display:block}.canvas-topbar-history-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-topbar-history-btn:hover:not(:disabled){background:var(--gray2);color:var(--contrast1)}.canvas-topbar-history-btn.active{background:var(--blue-light, rgba(15, 131, 233, .1));color:var(--blue-blue);box-shadow:0 0 0 3px var(--accent-transparent, rgba(15, 131, 233, .3))}.canvas-topbar-history-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-topbar-bloom-filter{position:relative}.canvas-topbar-bloom-filter div[style*="position: absolute"]{background:var(--blue-blue)!important;border:1px solid var(--blue-blue)!important;border-radius:10px!important;transition:background .14s cubic-bezier(.34,1.56,.64,1),border-color .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s cubic-bezier(.34,1.56,.64,1)!important}.canvas-topbar-bloom-filter div[style*="position: absolute"][style*="height: 1"],.canvas-topbar-bloom-filter div[style*="position: absolute"][style*="height: 2"]{background:var(--main-background)!important;border:1px solid var(--line-color)!important;box-shadow:0 8px 32px var(--shadow)!important}.canvas-topbar-bloom-trigger{height:100%;display:flex;align-items:center;justify-content:center;padding:0;color:var(--primary-btn-text);cursor:pointer}.canvas-topbar-bloom-trigger svg{width:16px;height:16px}.canvas-topbar-bloom-content{display:flex;flex-direction:column;gap:4px;padding:6px;background-color:var(--main-background)}.canvas-topbar-bloom-item{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text);background:transparent;cursor:pointer;transition:background .14s ease,color .14s ease;display:flex;align-items:center;gap:10px;white-space:nowrap}.canvas-topbar-bloom-item svg{width:14px;height:14px;opacity:.7}.canvas-topbar-bloom-item:hover{background:var(--gray1);color:var(--blue-blue)}.canvas-topbar-bloom-item:hover svg{opacity:1}.canvas-topbar-controls-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--sui-bg-tertiary, #252525);border:1px solid var(--sui-border, #444);border-radius:10px;color:var(--sui-text-secondary, #888);cursor:pointer;transition:all .2s}.canvas-topbar-controls-btn:hover{background:var(--blue-blue, #0F83E9);border-color:var(--blue-blue, #0F83E9);color:#fff;transform:scale(1.05)}.canvas-topbar-controls-btn:active{transform:scale(.98)}.canvas-save-error-msg{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:12px;font-weight:500;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.canvas-export-panel{position:fixed;min-width:400px;top:calc(84px + var(--safe-area-top, 0px));right:calc(50px + var(--safe-area-right, 0px));z-index:999;padding:16px 20px;background-color:var(--main-background);border-radius:16px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);display:flex;flex-direction:column;gap:16px;animation:canvas-export-slide-down .2s ease}@keyframes canvas-export-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.canvas-export-section{display:flex;flex-direction:column;gap:8px}.canvas-export-label{font-size:12px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.canvas-export-targets{display:flex;flex-wrap:wrap;gap:8px}.canvas-export-target-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--blue-light, rgba(15, 131, 233, .1));border:2px solid var(--blue-blue);border-radius:12px;color:var(--text);cursor:pointer;transition:all .2s;font-size:13px}.canvas-export-target-btn:hover{border-color:var(--gray3);background:var(--gray2)}.canvas-export-target-btn.active{border-color:var(--text);background:var(--blue-blue)}.canvas-export-target-btn .material-icons{font-size:18px;color:var(--text)!important}.canvas-export-target-btn.active .material-icons{color:var(--text)!important}.canvas-export-target-size{font-size:11px;color:var(--gray4);margin-left:4px}.canvas-export-formats{display:flex;gap:8px}.canvas-export-format-btn{padding:10px 16px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px;color:var(--text);cursor:pointer;transition:all .2s;font-size:13px;font-weight:500}.canvas-export-format-btn:hover{border-color:var(--gray3);background:var(--gray2)}.canvas-export-format-btn.active{border-color:var(--blue-blue);background:var(--blue-light, rgba(15, 131, 233, .1));color:var(--blue-blue)}.canvas-export-actions{display:flex;justify-content:flex-end;margin-top:8px}.canvas-export-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--blue-blue);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600}.canvas-export-btn:hover:not(:disabled){filter:brightness(1.1)}.canvas-export-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-export-btn .material-icons{font-size:18px}.canvas-container{flex:1;position:relative;z-index:1;overflow:hidden}.canvas-container canvas{display:block}.canvas-page[data-tool=select] .canvas-container canvas{cursor:default}.canvas-page[data-tool=pan] .canvas-container canvas{cursor:grab}.canvas-page[data-tool=pan] .canvas-container canvas:active{cursor:grabbing}.canvas-page[data-tool=frame] .canvas-container canvas{cursor:crosshair}.canvas-page[data-tool=drawFrame] .canvas-container canvas{cursor:crosshair}.canvas-page[data-tool=path] .canvas-container canvas{cursor:crosshair}.canvas-page[data-tool=drawRect] .canvas-container canvas{cursor:crosshair}.canvas-left-toolbar{position:fixed;top:50%;left:calc(16px + var(--safe-area-left, 0px));transform:translateY(-50%);z-index:1510;display:flex;flex-direction:column;gap:4px;padding:8px;background-color:var(--main-background)!important;border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2)}.canvas-tool-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s;position:relative}.canvas-tool-btn:hover{background:var(--gray2);color:var(--contrast1)}.canvas-tool-btn.active{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-tool-chevron{position:absolute;right:4px;bottom:4px;font-size:8px;opacity:.7}.canvas-toolbar-divider{width:100%;height:1px;background:var(--line-color);margin:4px 0}.canvas-tool-dropdown{position:relative}.canvas-dropdown-menu{position:absolute;left:calc(100% + 8px);top:0;min-width:200px;background:var(--main-background);border-radius:12px;box-shadow:0 4px 24px var(--shadow);border:2px solid var(--gray2);padding:8px;z-index:1001;animation:canvas-dropdown-in .15s ease-out}@keyframes canvas-dropdown-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.canvas-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.canvas-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:14px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .15s;text-align:left}.canvas-dropdown-item:hover{background:var(--gray1)}.canvas-dropdown-icon{font-size:18px;width:24px;text-align:center}.canvas-dropdown-label{flex:1}.canvas-dropdown-size{font-size:11px;color:var(--gray4)}.canvas-properties-panel{position:fixed;top:calc(90px + var(--safe-area-top, 0px));right:calc(20px + var(--safe-area-right, 0px));width:300px;max-height:var(--clips-editor-properties-panel-max-height, calc(100vh - 180px));z-index:1510;background-color:var(--main-background)!important;border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2);overflow:hidden;display:flex;flex-direction:column;animation:canvas-panel-in .2s ease-out}@keyframes canvas-panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.canvas-properties-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--line-color);font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.canvas-properties-header button{display:flex;align-items:center;justify-content:center;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-properties-header button:hover{background:var(--gray2);color:var(--contrast1)}.canvas-properties-content{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--gray2) var(--gray1)}.canvas-properties-content::-webkit-scrollbar{width:8px}.canvas-properties-content::-webkit-scrollbar-track{background:var(--gray1);border-radius:10px}.canvas-properties-content::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:10px;border:2px solid var(--gray1);transition:background .2s}.canvas-properties-content::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.canvas-property-group{display:flex;flex-direction:column;gap:5px;position:relative;overflow:visible}.canvas-property-group label{font-size:10px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.canvas-property-color-row{display:flex;align-items:center;gap:10px;position:relative;overflow:visible}.canvas-property-color-btn{width:40px;height:30px;border-radius:10px;border:2px solid var(--gray2);outline:1px solid var(--blue-blue)!important;outline-offset:2px;cursor:pointer;transition:all .2s;flex-shrink:0}.canvas-property-color-btn:hover{border-color:var(--blue-blue);transform:scale(1.05)}.canvas-property-input{padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;font-family:monospace;color:var(--text);outline:none;transition:border-color .2s}.canvas-property-input:focus{border-color:var(--blue-blue)}.canvas-transition-picker-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;color:var(--text);cursor:pointer;transition:border-color .2s}.canvas-transition-picker-btn:hover{border-color:var(--blue-blue)}.canvas-transition-picker-action{font-size:11px;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.04em}.canvas-property-input-number{width:60px;flex:none;padding:6px 8px!important;font-size:12px}.canvas-property-input-small{width:40px;flex:none;text-align:center;padding:6px!important;font-size:12px}.canvas-property-row{display:flex}.canvas-property-field{display:flex;align-items:center;gap:4px;flex:0}.canvas-property-field span{font-size:12px;color:var(--gray4);font-weight:600;min-width:16px}.canvas-property-slider-row{display:grid!important;grid-template-areas:"label value" "slider slider"!important;grid-template-columns:1fr auto!important;width:100%!important;align-items:center!important;margin-top:8px!important;margin-bottom:8px!important}.canvas-property-slider-row:has(.canvas-property-link-btn){grid-template-areas:"label link value" "slider slider slider"!important;grid-template-columns:auto auto 1fr!important}.canvas-property-slider-row>span:first-child{grid-area:label!important;font-size:12px!important;font-weight:600!important;color:var(--gray4)!important;margin:0!important}.canvas-property-slider-row .canvas-property-link-btn{grid-area:link!important;width:22px!important;height:22px!important;padding:0!important;font-size:10px!important;margin:0 4px!important;display:flex!important}.canvas-property-slider-row .canvas-slider-value,.canvas-property-slider-row .canvas-property-value{grid-area:value!important;font-size:14px!important;font-weight:600!important;color:var(--gray4)!important;text-align:right!important;opacity:.8!important}.canvas-property-slider-row .canvas-slider-track{grid-area:slider!important;width:100%!important}.canvas-property-frame-link{display:flex;align-items:center;gap:8px;padding:5px;background:var(--blue-blue);color:var(--primary-btn-text);border-radius:10px;font-size:13px;font-weight:500}.canvas-property-frame-link svg:first-child{font-size:12px;opacity:.8}.canvas-property-frame-link span{flex:1}.canvas-property-frame-link button{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.7;transition:opacity .2s;border-radius:4px}.canvas-property-frame-link button:hover{opacity:1;background:rgba(255,255,255,.2)}.canvas-properties-header-frame-link{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--blue-blue);color:var(--primary-btn-text);border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.canvas-properties-header-frame-link button{background:none;border:none;color:inherit;cursor:pointer;padding:2px 4px;display:flex;align-items:center;margin-left:2px;opacity:.8;transition:opacity .2s;border-radius:3px}.canvas-properties-header-frame-link button:hover{opacity:1}.canvas-picker{background:var(--gray1);border-radius:16px;border:2px solid var(--gray2);box-shadow:0 10px 40px #0006;z-index:10001;min-width:250px;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}.canvas-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:canvas-fade-in .2s ease-out}@keyframes canvas-fade-in{0%{opacity:0}to{opacity:1}}.canvas-picker-header{padding:14px 16px;border-bottom:1px solid var(--gray2);display:flex;align-items:center;justify-content:space-between;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.canvas-picker-header button{background:none;border:none;color:var(--gray4);cursor:pointer;font-size:16px;padding:4px}.canvas-picker-header button:hover{color:var(--text)}.canvas-picker-footer{padding:12px 16px;border-top:1px solid var(--gray2);display:flex;justify-content:flex-end}.canvas-picker-overlay .react-colorful{width:100%!important;height:200px!important;border-radius:0}.canvas-property-picker .react-colorful{width:100%!important;height:150px!important}.canvas-property-slider{width:100%!important;height:20px!important;-webkit-appearance:none!important;appearance:none!important;background:transparent!important;border-radius:9999px!important;outline:none!important;cursor:pointer!important;overflow:visible!important;border:none!important;margin:4px 0!important}.canvas-slider-track{position:relative!important;width:100%!important;height:12px!important;background:var(--gray2)!important;border-radius:9999px!important;overflow:visible!important;margin-top:6px!important;margin-bottom:6px!important;display:flex!important;align-items:center!important}.canvas-slider-fill{position:absolute!important;left:0!important;top:0!important;height:100%!important;background:var(--blue-blue)!important;border-radius:9999px!important;pointer-events:none!important;z-index:1!important}.canvas-slider-input{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:100%!important;height:28px!important;background:transparent!important;z-index:5!important;margin:0!important}.canvas-property-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:28px!important;height:20px!important;background:#ffffff!important;border-radius:9999px!important;cursor:pointer!important;border:none!important;position:relative;z-index:10;box-shadow:0 2px 5px #0003,0 0 1px #0000001a!important;margin-top:0!important}.canvas-property-slider::-moz-range-thumb{width:28px!important;height:20px!important;background:#ffffff!important;border-radius:9999px!important;cursor:pointer!important;border:none!important;box-shadow:0 2px 5px #0003,0 0 1px #0000001a!important}.canvas-property-slider::-webkit-slider-runnable-track{background:transparent!important}.canvas-property-slider::-moz-range-track{background:transparent!important}.canvas-property-slider::-webkit-slider-thumb:hover{background:#fcfcfc!important}.canvas-property-value{font-size:12px;color:var(--gray4);text-align:right;min-width:40px}.canvas-property-select{padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;color:var(--text);outline:none;cursor:pointer;transition:border-color .2s}.canvas-property-select:focus{border-color:var(--blue-blue)}.canvas-font-loading{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;color:var(--text-secondary)}.canvas-font-loading-spinner{width:16px;height:16px;border:2px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:spin .8s linear infinite}.canvas-font-picker-container{position:relative}.canvas-font-picker-chevron{font-size:10px;opacity:.6;transition:transform .2s;margin-left:4px}.canvas-font-picker-search{padding:0;border-bottom:none;background:transparent;display:flex;gap:8px;align-items:center}.canvas-font-picker-search-input{flex:1;padding:8px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;font-size:12px;color:var(--text);outline:none;transition:border-color .2s}.canvas-font-picker-search-input:focus{border-color:var(--blue-blue)}.canvas-font-picker-upload-btn{padding:8px 12px;background:var(--blue-blue);border:none;border-radius:8px;color:var(--primary-btn-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.canvas-font-picker-upload-btn:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px)}.canvas-font-picker-upload-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-font-picker-section-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px;background:var(--gray05);border-bottom:1px solid var(--gray2)}.canvas-font-picker-list{flex:1;overflow-y:auto;overflow-x:hidden}.canvas-font-picker-item{width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--gray2);display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .15s;text-align:left;font-size:13px;color:var(--text)}.canvas-font-picker-item:last-child{border-bottom:none}.canvas-font-picker-item:hover{background:var(--gray1)}.canvas-font-picker-item.active{background:var(--blue-light);border-left:3px solid var(--blue-blue);padding-left:9px}.canvas-font-picker-preview{font-size:18px;font-weight:500;min-width:30px;opacity:.8}.canvas-font-picker-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-font-picker-variant-count{font-size:11px;opacity:.6;margin-left:auto;padding-left:8px}.canvas-font-family-group{display:flex;flex-direction:column}.canvas-font-picker-item.has-variants{position:relative}.canvas-font-variants{display:flex;flex-direction:column;background:var(--gray0-5);border-left:2px solid var(--gray2);margin-left:12px}.canvas-font-variant-item{width:100%;padding:8px 12px 8px 20px;background:transparent;border:none;border-bottom:1px solid var(--gray2);display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .15s;text-align:left;font-size:12px;color:var(--text)}.canvas-font-variant-item:last-child{border-bottom:none}.canvas-font-variant-item:hover{background:var(--gray1)}.canvas-font-variant-item.active{background:rgba(15,131,233,.1);color:var(--blue-blue)}.canvas-font-variant-item .canvas-font-picker-preview{font-size:16px;min-width:24px}.canvas-font-picker-popover{min-width:280px;max-width:320px}.canvas-font-picker-popover .canvas-font-picker-list{max-height:300px;margin-top:8px}.canvas-text-font-button{flex:1;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;color:var(--text);outline:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;text-align:left;min-width:0;margin-right:10px}.canvas-text-font-button:hover{border-color:var(--blue-blue)}.canvas-text-size-field{min-width:70px}.canvas-text-style-buttons{display:flex;gap:6px;flex-wrap:wrap}.canvas-text-style-btn{flex:1;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.canvas-text-style-btn:hover{background:var(--gray2);border-color:var(--blue-blue)}.canvas-text-style-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.canvas-text-style-btn svg{font-size:13px}.canvas-properties-divider{height:1px;background:var(--line-color);margin:4px 0}.canvas-shadow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.canvas-shadow-toggle{padding:4px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;font-size:11px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s;outline:none}.canvas-shadow-toggle:hover{background:var(--gray2);border-color:var(--blue-blue)}.canvas-shadow-toggle.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.canvas-shadow-controls{display:flex;gap:5px;padding:0;background:transparent;border-radius:0;border:none}.canvas-shadow-controls .canvas-property-field{display:flex;align-items:center;gap:4px;flex:1;flex-direction:column}.canvas-shadow-controls .canvas-property-field span{min-width:auto;font-size:11px;opacity:.6}.canvas-context-menu{position:fixed;z-index:2000;min-width:200px;padding:3px;background-color:var(--main-background)!important;border-radius:14px;box-shadow:0 8px 32px #0003;border:2px solid var(--gray2);animation:canvas-context-in .15s ease-out}@keyframes canvas-context-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.canvas-context-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 5px;background:transparent;border:none;border-radius:10px;color:var(--text);font-size:14px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .15s;text-align:left}.canvas-context-submenu-wrapper{position:relative}.canvas-context-item-with-submenu{padding-right:10px}.canvas-context-submenu-chevron{margin-left:auto;width:12px}.canvas-context-submenu{position:absolute;left:100%;top:0;min-width:170px;padding:8px;background-color:var(--main-background)!important;border-radius:12px;box-shadow:0 8px 24px #0003;border:2px solid var(--gray2);z-index:2001}.canvas-context-item:hover{background:var(--gray1)}.canvas-context-item:disabled{opacity:.45;cursor:not-allowed}.canvas-context-item:disabled:hover{background:transparent}.canvas-context-item svg{width:16px;color:var(--gray4)}.canvas-context-item span:first-of-type{flex:1}.canvas-context-shortcut{margin-left:auto;min-width:0;padding:0;border-radius:0;border:none;background:transparent;color:color-mix(in srgb,var(--text) 72%,var(--gray4));font-size:11px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",sans-serif;font-weight:600;letter-spacing:0;line-height:1;text-align:center;white-space:nowrap;font-variant-ligatures:none;text-rendering:geometricPrecision;opacity:.2}.canvas-context-divider{height:1px;background:var(--line-color);margin:6px 0}.canvas-bottom-bar{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;background-color:var(--main-background)!important;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.canvas-history-timeline-bar{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;padding:12px 16px;min-width:min(720px,calc(100vw - 32px));background-color:var(--main-background)!important;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.canvas-history-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.canvas-history-timeline-title{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;font-weight:700}.canvas-history-timeline-counter{padding:3px 8px;border-radius:999px;background:var(--gray1);border:1px solid var(--gray2);color:var(--gray4);font-size:12px;font-weight:700}.canvas-history-source-switch{display:inline-flex;align-items:center;gap:4px;padding:2px;border:1px solid var(--gray2);border-radius:999px;background:var(--gray1)}.canvas-history-source-btn{border:none;background:transparent;color:var(--gray4);font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;cursor:pointer}.canvas-history-source-btn.active{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-history-source-btn:disabled{opacity:.45;cursor:not-allowed}.canvas-history-timeline-actions{display:flex;align-items:center;gap:8px}.canvas-history-timeline-btn{padding:8px 12px;border-radius:12px;border:2px solid var(--gray2);background:var(--gray1);color:var(--text);cursor:pointer;transition:all .2s;font-size:13px;font-weight:700}.canvas-history-timeline-btn:hover{border-color:var(--blue-blue);transform:translateY(-1px)}.canvas-history-timeline-btn-primary{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-history-timeline-btn-primary:hover{filter:brightness(1.05)}.canvas-history-timeline-summary{font-size:12px;color:var(--gray4);font-weight:600}.canvas-history-timeline-slider-row{display:flex;align-items:center}.canvas-history-timeline-slider-track{height:18px!important;border-radius:12px!important;background:var(--gray1)!important;border:2px solid var(--gray2)!important;margin-top:2px!important;margin-bottom:2px!important}.canvas-history-timeline-slider-fill{background:var(--blue-blue)!important;border-radius:10px!important}.canvas-history-timeline-slider-input{height:40px!important}.canvas-history-overlay{position:absolute;inset:0;z-index:1200;pointer-events:auto;background:transparent;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.canvas-history-overlay-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--main-background);border:2px solid var(--gray2);box-shadow:0 6px 22px var(--shadow);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;pointer-events:none}.canvas-bottom-tools{display:flex;align-items:center;gap:8px}.canvas-bottom-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--gray1);border:none;border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif;font-size:13px}.canvas-bottom-btn:hover{background:var(--gray2);color:var(--contrast1)}.canvas-bottom-btn.active,.canvas-bottom-btn-primary{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-bottom-btn-primary:hover{background:var(--blue-blue);opacity:.9}.canvas-bottom-divider{width:1px;height:28px;background:var(--line-color)}.canvas-add-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line-color);margin-bottom:4px}.canvas-add-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:var(--gray1);border:none;border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif;font-size:11px;min-width:70px}.canvas-add-item:hover{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-frame-preset-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px;cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif;min-width:100px;outline:none}.canvas-frame-preset-item:hover{background:var(--gray2);border-color:var(--blue-blue);box-shadow:0 2px 12px #428bff33}.canvas-frame-preset-item:active{transform:scale(.98)}.canvas-frame-preset-preview{background:var(--gray2);border:1px solid var(--gray3);border-radius:8px;flex-shrink:0;box-shadow:inset 0 1px 3px #0000001a}.canvas-frame-preset-info{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center}.canvas-frame-preset-name{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px;font-weight:600;word-break:break-word}.canvas-frame-preset-name svg{flex-shrink:0;font-size:14px;color:var(--blue-blue)}.canvas-frame-preset-size{font-size:11px;color:var(--gray4);font-weight:500}.canvas-frames-list{display:flex;align-items:center;gap:6px;max-width:min(560px,40vw);overflow-x:auto;padding:2px 2px 4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.canvas-frames-list::-webkit-scrollbar{height:3px}.canvas-frames-list::-webkit-scrollbar-track{background:transparent}.canvas-frames-list::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:99px}.canvas-frame-grid-btn{padding:8px 10px;flex-shrink:0}.canvas-frame-grid-backdrop{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:80px;animation:canvas-grid-fade-in .16s ease}@keyframes canvas-grid-fade-in{0%{opacity:0}to{opacity:1}}.canvas-frame-grid-panel{background:var(--background, #fff);border-radius:18px;box-shadow:0 20px 60px #00000038,0 2px 8px #0000001f;border:1px solid var(--line-color);width:min(860px,calc(100vw - 32px));max-height:60vh;display:flex;flex-direction:column;overflow:hidden;animation:canvas-grid-slide-up .2s cubic-bezier(.22,1,.36,1)}@keyframes canvas-grid-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.canvas-frame-grid-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:700;color:var(--contrast1);border-bottom:1px solid var(--line-color);flex-shrink:0}.canvas-frame-grid-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.canvas-frame-grid-close:hover{background:var(--gray2);color:var(--contrast1)}.canvas-frame-grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;padding:16px;overflow-y:auto}.canvas-frame-grid-item{display:flex;flex-direction:column;align-items:stretch;gap:8px;background:var(--gray1);border:2px solid transparent;border-radius:12px;padding:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.canvas-frame-grid-item:hover{background:var(--gray2);border-color:var(--gray3)}.canvas-frame-grid-item.active{border-color:var(--blue-blue);background:var(--gray1)}.canvas-frame-grid-thumb{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--gray2)}.canvas-frame-grid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.canvas-frame-grid-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray3);font-size:22px}.canvas-frame-grid-index{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.52);color:#fff;font-size:10px;font-weight:700;font-family:ARLRDBD,sans-serif;border-radius:5px;padding:1px 5px;line-height:1.4}.canvas-frame-grid-name{font-family:ARLRDBD,sans-serif;font-size:12px;color:var(--contrast1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.canvas-frame-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--gray1);border:2px solid transparent;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s;scroll-snap-align:start;flex-shrink:0;font-family:ARLRDBD,sans-serif;font-size:12px;white-space:nowrap}.canvas-frame-chip:hover{background:var(--gray2);color:var(--contrast1)}.canvas-frame-chip.active{border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-frame-chip.locked{background:var(--blue-blue);color:var(--primary-btn-text);border-color:var(--blue-blue)}.canvas-frame-lock-icon{font-size:10px;margin-left:2px}.canvas-zoom-controls{position:fixed;background:none!important;bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px));z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.canvas-zoom-top{pointer-events:auto}.canvas-zoom-bottom-row{display:flex;align-items:center;gap:6px;pointer-events:auto}.canvas-zoom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--main-background)!important;border:2px solid var(--gray2);border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--shadow)}.canvas-zoom-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-1px)}.canvas-zoom-fit-btn{padding:0}.canvas-zoom-fit-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.canvas-zoom-fit-icon{font-size:30px;color:var(--gray4);opacity:0;transition:opacity .2s}.canvas-zoom-btn:hover .canvas-zoom-fit-icon{opacity:1;color:var(--blue-blue)}.canvas-zoom-level-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:900;font-family:ARLRDBD,sans-serif;color:var(--gray4);pointer-events:none;transition:opacity .2s}.canvas-zoom-btn:hover .canvas-zoom-level-text{opacity:0}@media (max-width: 768px){.canvas-topbar{top:calc(8px + var(--safe-area-top, 0px));left:calc(60px + var(--safe-area-left, 0px));right:calc(8px + var(--safe-area-right, 0px));padding:0 12px;border-radius:16px}.canvas-topbar-name{font-size:14px}.canvas-left-toolbar{left:calc(8px + var(--safe-area-left, 0px));padding:6px}.canvas-tool-btn{width:36px;height:36px}.canvas-properties-panel{top:auto;bottom:calc(90px + var(--safe-area-bottom, 0px));right:calc(8px + var(--safe-area-right, 0px));left:calc(8px + var(--safe-area-left, 0px));width:auto;max-height:50vh}.canvas-bottom-bar{left:8px;right:8px;transform:none;padding:6px 12px;border-radius:16px}.canvas-history-timeline-bar{left:8px;right:8px;transform:none;min-width:auto;border-radius:16px;padding:10px 12px}.canvas-history-timeline-actions{gap:6px}.canvas-history-source-btn{padding:3px 7px;font-size:10px}.canvas-history-timeline-btn{padding:8px 10px;font-size:12px}.canvas-bottom-btn span{display:none}.canvas-zoom-controls{bottom:calc(80px + var(--safe-area-bottom, 0px));left:calc(8px + var(--safe-area-left, 0px))}.canvas-frames-list{max-width:200px}.canvas-frame-chip span{display:none}}[data-theme=dark] .canvas-dropdown-menu,[data-theme=dark] .canvas-topbar,[data-theme=dark] .canvas-left-toolbar,[data-theme=dark] .canvas-bottom-bar,[data-theme=dark] .canvas-zoom-controls,[data-theme=dark] .canvas-properties-panel,[data-theme=dark] .canvas-context-menu{background-color:var(--gray1)}[data-theme=dark] .canvas-context-menu{box-shadow:0 8px 32px #00000080}[data-theme=dark] .canvas-context-submenu{background-color:var(--gray1);box-shadow:0 8px 24px #00000080}body.ai-chat-open .canvas-page{margin-right:400px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .canvas-topbar,body.ai-chat-open .canvas-properties-panel,body.ai-chat-open .canvas-export-panel{right:calc(420px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body.ai-chat-open .canvas-gradient-picker-backdrop{right:400px}body:not(.ai-chat-open) .canvas-page{margin-right:0;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .canvas-topbar{right:calc(20px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .canvas-properties-panel{right:calc(20px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .canvas-export-panel{right:calc(20px + var(--safe-area-right, 0px));transition:right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .canvas-gradient-picker-backdrop{right:0}.canvas-property-label-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.canvas-property-label-row label{font-size:14px!important;font-weight:600!important;color:var(--gray4)!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important}.canvas-property-link-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:12px}.canvas-property-link-btn:hover{background:var(--gray2);color:var(--text)}.canvas-property-link-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-property-unit-suffix{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:auto;height:20px;padding:0 6px;background:transparent;border:none;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:10px;font-weight:600;pointer-events:all}.canvas-property-unit-suffix:hover{color:var(--text);background:var(--gray2);border-radius:4px}.canvas-property-unit-suffix.active{color:var(--blue-blue);font-weight:700}.canvas-property-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--gray1);border:2px solid var(--gray2);border-radius:6px;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:12px}.canvas-property-icon-btn:hover{background:var(--gray2);color:var(--text);border-color:var(--gray3)}.canvas-property-icon-btn:active{background:var(--gray3)}.canvas-boolean-operations-row{display:flex;gap:4px;width:100%}.canvas-boolean-op-btn{flex:1;display:flex;align-items:center;justify-content:center;height:36px;padding:0;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-boolean-op-btn:hover{background:var(--gray2);color:var(--text);border-color:var(--gray3)}.canvas-boolean-op-btn:active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.canvas-boolean-op-btn svg{width:20px;height:20px}.canvas-property-corners-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-property-corner{display:flex;align-items:center;gap:6px}.canvas-property-corner span{font-size:11px;color:var(--gray4);font-weight:600;min-width:20px}.canvas-property-corner input{flex:1}.canvas-fill-type-tabs{display:flex;gap:6px}.canvas-fill-type-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;cursor:pointer;transition:all .2s}.canvas-fill-type-tab:hover{border-color:var(--gray3)}.canvas-fill-type-tab.active{border-color:var(--blue-blue);background:var(--blue-blue)}.canvas-fill-preview{width:24px;height:24px;border-radius:6px;overflow:hidden}.canvas-fill-preview-solid,.canvas-fill-preview-gradient{border:1px solid var(--gray3)}.canvas-fill-preview-texture{display:flex;align-items:center;justify-content:center;background:var(--gray2);color:var(--gray4)}.canvas-fill-type-tab.active .canvas-fill-preview-texture{background:rgba(255,255,255,.2);color:var(--primary-btn-text)}.canvas-fill-preview-image{display:flex;align-items:center;justify-content:center;background:var(--gray2);color:var(--gray4);font-size:12px}.canvas-fill-type-tab.active .canvas-fill-preview-image{background:rgba(255,255,255,.2);color:var(--primary-btn-text)}.canvas-gradient-editor{display:flex;flex-direction:column;gap:12px}.canvas-gradient-type-row{display:flex;gap:6px}.canvas-gradient-type-btn{flex:1;padding:8px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--text);font-size:12px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .2s}.canvas-gradient-type-btn:hover{background:var(--gray2)}.canvas-gradient-type-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-gradient-bar-container{display:flex;align-items:center;gap:12px}.canvas-gradient-angle-dial{position:relative;width:44px;height:44px;min-width:44px;background:var(--gray1);border:2px solid var(--gray2);border-radius:50%;cursor:grab;transition:border-color .2s,box-shadow .2s}.canvas-gradient-angle-dial:hover{border-color:var(--blue-blue)}.canvas-gradient-angle-dial.dragging{cursor:grabbing;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e933}.canvas-gradient-angle-dial-indicator{position:absolute;top:50%;left:50%;width:2px;height:50%;background:var(--blue-blue);border-radius:1px;transform-origin:center top;transform:translate(-50%)}.canvas-gradient-angle-dial-indicator:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--blue-blue);border-radius:50%}.canvas-gradient-angle-dial-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:var(--gray4);white-space:nowrap}.canvas-gradient-bar{flex:1;position:relative;height:32px;border-radius:8px;border:2px solid var(--gray2);cursor:pointer;transition:border-color .2s;overflow:hidden}.canvas-gradient-bar:hover{border-color:var(--gray3)}.canvas-gradient-stop-dot{position:absolute;top:50%;width:20px;height:20px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 6px #0000004d,inset 0 0 0 1px #0000001a;transition:transform .1s,box-shadow .1s;z-index:2}.canvas-gradient-stop-dot:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 10px #0006,inset 0 0 0 1px #0000001a;z-index:3}.canvas-gradient-stop-dot.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px #0006,inset 0 0 0 1px #0000001a;z-index:4}.canvas-gradient-stop-dot.editing{border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e94d,0 2px 6px #0000004d}.canvas-gradient-stop-dot .canvas-gradient-stop-delete{position:absolute;left:22px;top:50%;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;background:#ff3b30;border:none!important;border-radius:50%!important;color:#fff!important;font-size:10px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;opacity:0;transform:translateY(-50%) scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex!important;align-items:center;justify-content:center;pointer-events:auto;z-index:50;box-shadow:0 1px 3px #0000004d;padding:0!important;margin:0!important;box-sizing:border-box!important}.canvas-gradient-stop-dot .canvas-gradient-stop-delete:hover{background:#ff453a!important;transform:translateY(-50%) scale(1.2)!important}.canvas-gradient-stop-dot:hover .canvas-gradient-stop-delete{opacity:1;transform:translateY(-50%) scale(1)}.canvas-gradient-stop-picker{background:var(--gray1);border-radius:12px;padding:12px}.canvas-gradient-stop-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text)}.canvas-gradient-stop-picker-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray2);border:none;border-radius:6px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-gradient-stop-picker-header button:hover{background:var(--gray3);color:var(--text)}.canvas-gradient-stop-picker .react-colorful{width:100%!important;height:120px!important}.canvas-gradient-hint{font-size:11px;color:var(--gray4);text-align:center;padding:4px 0}.canvas-gradient-preview-container{position:relative;width:100%;height:80px;border-radius:10px;border:2px solid var(--gray2);overflow:hidden;cursor:crosshair;user-select:none;transition:border-color .2s}.canvas-gradient-preview-container:hover{border-color:var(--blue-blue)}.canvas-gradient-preview-container.dragging{border-color:var(--blue-blue);cursor:grabbing}.canvas-gradient-center-dot{position:absolute;width:16px;height:16px;background:white;border:2px solid var(--blue-blue);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d;pointer-events:none;transition:transform .1s}.canvas-gradient-preview-container:hover .canvas-gradient-center-dot,.canvas-gradient-preview-container.dragging .canvas-gradient-center-dot{transform:translate(-50%,-50%) scale(1.2)}.canvas-texture-editor{display:flex;flex-direction:column;gap:12px}.canvas-texture-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.canvas-texture-type-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-texture-type-btn:hover{background:var(--gray2);color:var(--text)}.canvas-texture-type-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-texture-colors{display:flex;gap:12px}.canvas-texture-color-field{flex:1;display:flex;flex-direction:column;gap:6px}.canvas-texture-color-field span{font-size:12px;color:var(--gray4);font-weight:500}.canvas-texture-color-field .canvas-property-color-btn{width:100%;height:32px;border-radius:8px;border:2px solid var(--gray2);cursor:pointer;transition:all .2s}.canvas-texture-color-field .canvas-property-color-btn:hover{border-color:var(--gray3);transform:scale(1.02)}.canvas-texture-scale-field{display:grid!important;grid-template-areas:"label value" "slider slider"!important;grid-template-columns:1fr auto!important;gap:4px!important;width:100%!important;margin-top:12px!important;margin-bottom:8px!important}.canvas-texture-scale-field>span:first-child{grid-area:label!important;font-size:14px!important;color:var(--gray4)!important;font-weight:600!important}.canvas-texture-scale-field .canvas-slider-value,.canvas-texture-scale-field .canvas-property-value{grid-area:value!important;font-size:14px!important;color:var(--gray4)!important;font-weight:600!important;text-align:right!important;opacity:.8!important}.canvas-texture-scale-field .canvas-slider-track{grid-area:slider!important;width:100%!important}.canvas-texture-color-popover{position:fixed;z-index:10001;background:var(--main-background);border:2px solid var(--gray2);border-radius:12px;padding:12px;box-shadow:0 8px 32px var(--shadow);transform:translate(-50%)}.canvas-texture-color-popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--gray2)}.canvas-texture-color-popover-header span{font-size:13px;font-weight:600;color:var(--text)}.canvas-texture-color-popover-header button{background:none;border:none;color:var(--gray4);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.canvas-texture-color-popover-header button:hover{background:var(--gray1);color:var(--text)}.canvas-image-fill-info{display:flex;align-items:center;gap:10px;padding:12px;background:var(--gray1);border-radius:10px;color:var(--gray4);font-size:13px}.canvas-image-fill-info svg{font-size:16px;color:var(--blue-blue)}.canvas-gradient-picker-backdrop{position:fixed;inset:0;z-index:1999;transition:right .3s cubic-bezier(.4,0,.2,1)}.canvas-gradient-stop-popover{position:fixed;z-index:2000;background:var(--main-background)!important;border-radius:14px;box-shadow:0 8px 32px #0003;border:2px solid var(--gray2);padding:12px;animation:canvas-popover-in .15s ease-out;min-width:300px;max-height:calc(100vh - 24px);overflow:auto}@keyframes canvas-popover-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.canvas-gradient-stop-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.canvas-gradient-stop-popover-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray1);border:none;border-radius:6px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-gradient-stop-popover-header button:hover{background:var(--gray2);color:var(--text)}.canvas-gradient-stop-popover .react-colorful{width:100%!important;height:140px!important}.canvas-gradient-stop-popover input[type=number]{text-align:center;font-size:12px;padding:8px 6px}[data-theme=dark] .canvas-gradient-stop-popover{background:var(--gray1);box-shadow:0 8px 32px #00000080}.canvas-page-color-preset-grid{grid-template-columns:repeat(10,1fr);gap:3px}.canvas-page-color-preset-swatch{width:40px;height:15px;border-radius:3px;border:1px solid var(--gray2);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000001f;padding:0;margin:0;flex-shrink:0}.canvas-page-color-preset-swatch:hover{transform:scale(1.08);box-shadow:0 2px 8px #0003;border-color:var(--blue-blue)}.canvas-page-color-preset-swatch:active{transform:scale(.92)}[data-theme=dark] .canvas-page-color-preset-swatch{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .canvas-page-color-preset-swatch:hover{box-shadow:0 4px 8px #00000080}.canvas-rename-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(2px)}.canvas-rename-dialog{background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;padding:24px;min-width:300px;box-shadow:0 8px 32px var(--shadow)}.canvas-rename-dialog h3{margin:0 0 16px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:16px;font-weight:600}.canvas-rename-input{width:100%;padding:8px 12px;border:2px solid var(--gray2);border-radius:8px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:14px;box-sizing:border-box;transition:all .2s}.canvas-rename-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.canvas-path-points-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.canvas-path-point{position:absolute;width:12px;height:12px;background:var(--blue-blue);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d;pointer-events:none}.canvas-path-point-selected{box-shadow:0 0 0 3px #0f83e966,0 2px 6px #0000004d}.canvas-path-point-editable{pointer-events:auto;cursor:move}.canvas-path-point-editable:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 3px #0f83e94d,0 2px 6px #0000004d}.canvas-path-point-first{width:14px;height:14px;background:var(--green-green, #22C55E);border:3px solid white;box-shadow:0 0 0 3px #22c55e4d,0 2px 6px #0000004d;cursor:pointer;pointer-events:auto;z-index:10}.canvas-path-point-first:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%}.canvas-path-point-first:hover{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 4px #22c55e80,0 3px 8px #0006}.canvas-path-handle{position:absolute;width:8px;height:8px;background:white;border:2px solid var(--blue-blue);border-radius:50%;transform:translate(-50%,-50%);cursor:move;pointer-events:auto;z-index:9;box-shadow:0 1px 3px #0000004d}.canvas-path-handle:hover{transform:translate(-50%,-50%) scale(1.2);background:var(--blue-blue);border-color:#fff}.canvas-path-handle-lines{pointer-events:none;z-index:8}.canvas-path-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--main-background);border:2px solid var(--gray2);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--text);box-shadow:0 4px 16px var(--shadow);white-space:nowrap;z-index:1000}.canvas-stroke-style-row{display:flex;gap:6px}.canvas-stroke-style-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-stroke-style-btn:hover{background:var(--gray2);color:var(--text)}.canvas-stroke-style-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-stroke-caps-row{display:flex;gap:12px;margin-top:10px}.canvas-stroke-cap-group{flex:1;display:flex;flex-direction:column;gap:6px}.canvas-stroke-cap-group>span{font-size:11px;color:var(--gray4);font-weight:500}.canvas-stroke-cap-btns{display:flex;gap:4px}.canvas-stroke-cap-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 4px;background:var(--gray1);border:2px solid var(--gray2);border-radius:6px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-stroke-cap-btn:hover{background:var(--gray2);color:var(--text)}.canvas-stroke-cap-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:var(--primary-btn-text)}.canvas-draw-toolbar{position:fixed;left:80px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px;background-color:var(--main-background);border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2)}.canvas-draw-toolbar-section{display:flex;flex-direction:column;align-items:center;gap:4px}.canvas-draw-mode-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-draw-mode-btn:hover{background:var(--gray2);color:var(--contrast1)}.canvas-draw-mode-btn.active{background:var(--blue-blue);color:var(--primary-btn-text)}.canvas-draw-colors{display:flex;flex-direction:column;align-items:center;gap:3px}.canvas-draw-color{width:20px;height:20px;border-radius:100px;border:2px solid transparent;cursor:pointer;transition:all .15s;box-shadow:inset 0 0 0 1px #0000001a}.canvas-draw-color:hover{transform:scale(1.15)}.canvas-draw-color.active{border-color:var(--blue-blue);transform:scale(1.1);box-shadow:0 0 0 2px var(--main-background),0 0 0 3px var(--blue-blue)}.canvas-draw-thickness-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray1);border:none;border-radius:6px;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:10px}.canvas-draw-thickness-btn:hover{background:var(--gray2);color:var(--text)}.canvas-draw-thickness-value{font-size:11px;font-weight:600;color:var(--text);text-align:center;min-width:20px}.canvas-draw-dash-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.canvas-draw-dash-btn:hover{background:var(--gray2)}.canvas-draw-dash-btn.active{background:var(--blue-blue)}.canvas-draw-dash-btn.active .canvas-draw-dash-preview{background:repeating-linear-gradient(0deg,var(--primary-btn-text) 0px,var(--primary-btn-text) 4px,transparent 4px,transparent 8px)}.canvas-draw-dash-preview{width:3px;height:16px;background:repeating-linear-gradient(0deg,var(--gray4) 0px,var(--gray4) 4px,transparent 4px,transparent 8px);border-radius:1px}.canvas-draw-toolbar-hint{font-size:10px;color:var(--gray4);padding:4px;text-align:center;max-width:60px;line-height:1.3}.canvas-text-on-path-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:var(--blue-blue);border:none;border-radius:8px;color:var(--primary-btn-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.canvas-text-on-path-btn:hover{background:var(--blue-hover);transform:translateY(-1px)}.canvas-text-on-path-btn svg{font-size:12px}.canvas-property-hint{font-size:11px;color:var(--gray4);line-height:1.4}.canvas-remove-bg-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:var(--blue-blue);border:none;border-radius:8px;color:var(--primary-btn-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.canvas-remove-bg-button:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px)}.canvas-remove-bg-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.canvas-remove-bg-button svg{font-size:12px}.canvas-page-image-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-top:4px}.canvas-page-image-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px;background:var(--best-gray, #2a2a2a);border:1px solid var(--gray2);border-radius:12px;color:var(--text);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.canvas-page-image-action-button:hover:not(:disabled){background:var(--gray2);transform:translateY(-2px);border-color:var(--blue-blue)}.canvas-page-image-action-button:disabled{opacity:.5;cursor:not-allowed}.canvas-page-image-action-button svg{font-size:12px;margin-bottom:2px}.canvas-image-crop-button{background:var(--gray1);border:1px solid var(--gray2);color:var(--text)}.canvas-image-crop-button:hover:not(:disabled){background:var(--gray2);color:var(--text)}.canvas-image-adjustments-section{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid var(--gray2)}.canvas-image-adjustments-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.4px}.canvas-image-adjustments-badge{padding:3px 7px;border-radius:999px;background:rgba(15,131,233,.12);color:var(--blue-blue);font-size:10px;font-weight:700;letter-spacing:.2px}.canvas-image-filter-presets,.canvas-image-filter-toggles{display:flex;flex-wrap:wrap;gap:8px}.canvas-image-filter-chip,.canvas-image-filter-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--gray2);border-radius:999px;background:var(--gray1);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.canvas-image-filter-chip:hover,.canvas-image-filter-toggle:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-1px)}.canvas-image-filter-chip.active,.canvas-image-filter-toggle.active{background:rgba(15,131,233,.12);border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-image-color-replace{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--gray2);border-radius:12px;background:var(--gray1)}.canvas-image-color-replace-row{display:flex;align-items:center;gap:10px}.canvas-image-color-replace-row .canvas-property-input{flex:1}.canvas-image-color-replace-button{margin-top:4px}.canvas-crop-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:5000;backdrop-filter:blur(4px)}.canvas-crop-modal{background:var(--main-background);border-radius:16px;box-shadow:0 8px 40px #0000004d;border:2px solid var(--gray2);max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:canvas-crop-modal-appear .2s ease}@keyframes canvas-crop-modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.canvas-crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray2)}.canvas-crop-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.canvas-crop-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvas-crop-modal-close:hover{background:var(--gray2);color:var(--text)}.canvas-crop-modal-content{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;align-items:center}.canvas-crop-mode-toggle{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.canvas-crop-mode-btn{border:1px solid var(--gray2);background:var(--gray1);color:var(--text);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.canvas-crop-mode-btn.active{border-color:var(--blue-blue);background:var(--blue-light);color:var(--text)}.canvas-crop-path-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.canvas-crop-erase-actions{align-items:flex-start;flex-wrap:wrap}.canvas-crop-erase-controls-group{display:flex;flex:1;min-width:260px;flex-direction:column;gap:8px}.canvas-crop-path-mode-group{display:flex;align-items:center;gap:8px}.canvas-crop-erase-controls{display:flex;align-items:center;gap:10px;flex:1;color:var(--gray4);font-size:12px;font-weight:600}.canvas-crop-erase-controls input[type=range]{flex:1}.canvas-crop-path-mode-btn{border:1px solid var(--gray2);background:var(--gray1);color:var(--text);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:600;cursor:pointer}.canvas-crop-path-mode-btn.active{border-color:var(--blue-blue);background:var(--blue-light)}.canvas-crop-path-clear-btn{border:1px solid var(--gray2);background:transparent;color:var(--gray4);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:600;cursor:pointer}.canvas-crop-path-clear-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-crop-preview-controls{width:100%;display:flex;align-items:center;gap:10px;color:var(--gray4);font-size:12px}.canvas-crop-preview-controls input[type=range]{flex:1}.canvas-crop-preview{position:relative;background:var(--gray1);border-radius:12px;padding:0;overflow:hidden;width:100%;max-width:100%;height:min(58vh,450px);min-height:280px;cursor:grab;user-select:none;touch-action:none}.canvas-crop-preview.is-panning{cursor:grabbing}.canvas-crop-preview.is-path-mode{cursor:crosshair}.canvas-crop-preview.is-erase-mode{cursor:none}.canvas-crop-preview.is-erase-mode.is-panning,.canvas-crop-preview.is-path-mode.is-panning{cursor:grabbing}.canvas-crop-media{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}.canvas-crop-preview.is-erase-mode{background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0px}.canvas-crop-preview img{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.canvas-crop-erase-preview-canvas{position:absolute;inset:0;display:block;pointer-events:none}.canvas-crop-brush-cursor{position:absolute;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none;z-index:40;box-sizing:border-box;backdrop-filter:invert(1)}.canvas-crop-brush-cursor.erase{border:2px solid rgba(255,80,80,.98);box-shadow:0 0 0 1px #ffffffd9}.canvas-crop-brush-cursor.restore{border:2px solid rgba(34,197,94,.98);box-shadow:0 0 0 1px #ffffffd9}.canvas-crop-overlay{position:absolute;background:rgba(0,0,0,.5);pointer-events:none}.canvas-crop-selection{position:absolute;border:2px solid var(--blue-blue);background:transparent;cursor:move;box-shadow:0 0 0 9999px #00000080}.canvas-crop-selection.dragging{cursor:grabbing}.canvas-crop-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.3) 1px,transparent 1px);background-size:33.33% 33.33%}.canvas-crop-path-overlay{position:absolute;inset:0;z-index:20}.canvas-crop-path-svg{width:100%;height:100%;display:block;pointer-events:none}.canvas-crop-handle{position:absolute;width:12px;height:12px;background:var(--blue-blue);border:2px solid var(--accent);border-radius:2px;z-index:10}.canvas-crop-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.canvas-crop-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.canvas-crop-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.canvas-crop-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.canvas-crop-handle-n{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.canvas-crop-handle-s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.canvas-crop-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.canvas-crop-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.canvas-crop-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:13px;color:var(--gray4);font-weight:500}.canvas-crop-tip{font-size:11px;font-weight:400;opacity:.8}.canvas-crop-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--gray2)}.canvas-crop-cancel-btn{padding:10px 20px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.canvas-crop-cancel-btn:hover{background:var(--gray2)}.canvas-crop-apply-btn{padding:10px 20px;background:var(--blue-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.canvas-crop-apply-btn:hover{filter:brightness(1.1)}input[type=number]{cursor:grab;transition:background-color .1s}input[type=number]:hover{background-color:var(--gray2)}input[type=number].dragging,input[type=number]:active{cursor:grabbing;background-color:var(--blue-blue);color:#fff}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.canvas-stack-mode-toggle{width:100%;padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.canvas-stack-mode-toggle:hover{border-color:var(--blue-blue);background:var(--gray2)}.canvas-stack-mode-toggle.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.canvas-stack-mode-toggle.active:hover{filter:brightness(1.1)}.canvas-direction-btn{flex:1;padding:10px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-direction-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-direction-btn.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--gray4);color:var(--main-background);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;animation:tooltipFadeIn .3s ease-out;box-shadow:0 2px 8px #00000026}[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--gray4);z-index:10000;pointer-events:none;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvas-conflict-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .2s ease-out}.canvas-conflict-modal{background:var(--main-background);border-radius:16px;max-width:1200px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.canvas-conflict-modal-header{padding:8px;border-bottom:1px solid var(--gray2);display:flex;justify-content:space-between;align-items:center}.canvas-conflict-modal-header h3{font-size:20px;font-weight:600;color:var(--contrast1);margin:0}.canvas-conflict-modal-header button{background:none;border:none;color:var(--contrast2);font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.canvas-conflict-modal-header button:hover{background:var(--gray2);color:var(--contrast1)}.canvas-conflict-modal-body{padding:8px;overflow-y:auto;max-height:calc(80vh - 120px)}.canvas-conflict-modal-body>p{color:var(--contrast2);margin:0 0 24px;font-size:14px}.canvas-conflict-versions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.canvas-conflict-version{border:2px solid var(--gray2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.canvas-conflict-version h4{font-size:16px;font-weight:600;color:var(--contrast1);margin:0}.canvas-conflict-canvas-container{background:var(--gray1);border-radius:8px;overflow:hidden;border:1px solid var(--gray2);display:flex;align-items:center;justify-content:center;width:100%;height:400px;position:relative}.canvas-conflict-canvas-container canvas{display:block;border-radius:4px;max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}.canvas-conflict-btn{width:100%;padding:12px;border-radius:8px;border:1px solid var(--gray3);background:var(--gray2);color:var(--contrast1);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;justify-content:center}.canvas-conflict-btn:hover{background:var(--gray3);border-color:var(--gray4)}.canvas-conflict-btn-primary{background:var(--blue-blue);border-color:var(--blue);color:#fff}.canvas-conflict-btn-primary:hover{background:var(--blue);opacity:.9;border-color:var(--blue)}.canvas-settings-modal{position:fixed;top:calc(84px + var(--safe-area-top, 0px));left:calc(80px + var(--safe-area-left, 0px));right:calc(20px + var(--safe-area-right, 0px));z-index:999;padding:16px 20px;background-color:var(--main-background);border-radius:16px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);display:flex;flex-direction:column;gap:16px;animation:canvas-export-slide-down .2s ease}.canvas-settings-row{display:flex;gap:16px;flex-wrap:wrap}.canvas-settings-row .canvas-settings-section{flex:1;min-width:200px}.canvas-settings-section{display:flex;flex-direction:column;gap:8px}.canvas-settings-label{font-size:12px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.canvas-settings-color-picker-container{display:flex;gap:8px;align-items:center;margin-bottom:12px}.canvas-settings-color-preview{width:40px;height:40px;border-radius:10px;border:2px solid var(--gray2);cursor:pointer;transition:all .2s;flex-shrink:0}.canvas-settings-color-preview:hover{border-color:var(--gray3);transform:scale(1.05)}.canvas-settings-actions{display:flex;gap:8px}.canvas-settings-cancel-btn,.canvas-settings-save-btn{flex:1;padding:10px 16px;border-radius:12px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.canvas-settings-cancel-btn{background:var(--gray1);color:var(--text);border:1px solid var(--gray2)}.canvas-settings-cancel-btn:hover{background:var(--gray2);border-color:var(--gray3)}.canvas-settings-save-btn{background:var(--blue-blue);color:#fff;border:1px solid var(--blue-blue)}.canvas-settings-save-btn:hover{background:var(--blue);border-color:var(--blue)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.canvas-loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:canvas-fade-in .2s ease-out}.canvas-loading-modal{background:var(--main-background);border-radius:16px;padding:24px 32px;box-shadow:0 8px 32px #0003;border:2px solid var(--gray2);display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.canvas-loading-spinner-container{position:relative;width:40px;height:40px}.canvas-loading-spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:canvas-loading-spin .6s linear infinite}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}.canvas-loading-title{font-family:ARLRDBD,sans-serif;font-size:15px;font-weight:600;color:var(--text);margin:0;letter-spacing:-.3px}.canvas-loading-text{font-family:ARLRDBD,sans-serif;font-size:12px;color:var(--gray4);margin:0;text-align:center;max-width:220px;line-height:1.4}.canvas-page-floating-image-toolbar{display:flex;align-items:center;gap:4px;padding:4px;background:var(--background);border-radius:18px;border:1.5px solid var(--gray2);box-shadow:0 3px 12px var(--shadow);animation:canvas-page-toolbar-appear .15s ease-out}@keyframes canvas-page-toolbar-appear{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvas-page-floating-toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:none;border-radius:14px;color:var(--gray3);font-family:ARLRDBD,sans-serif;font-size:11px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.canvas-page-floating-toolbar-btn:hover{background:var(--gray1);color:var(--blue-blue)}.canvas-page-floating-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-page-floating-toolbar-btn svg{font-size:12px}.canvas-page-inpaint-button{background:var(--blue-blue);border-color:transparent!important;color:#fff!important}.canvas-page-inpaint-overlay{background:rgba(0,0,0,.05)}.canvas-split-layers-overlay{display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.canvas-split-layers-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-12deg,transparent 0px,transparent 48px,rgba(15,131,233,.08) 48px,rgba(15,131,233,.08) 52px);background-size:200% 200%;animation:canvas-split-scan 1.4s linear infinite}.canvas-split-layers-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(78,168,249,.18) 50%,transparent 70%);background-size:300% 100%;animation:canvas-split-shimmer 1.1s ease-in-out infinite alternate}@keyframes canvas-split-scan{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes canvas-split-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.canvas-split-layers-badge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 28px;background:var(--background);border-radius:20px;border:1.5px solid var(--blue-blue);box-shadow:0 8px 40px #0f83e940,0 2px 8px var(--shadow);animation:canvas-split-badge-pulse 1.8s ease-in-out infinite}@keyframes canvas-split-badge-pulse{0%,to{box-shadow:0 8px 40px #0f83e940,0 2px 8px var(--shadow)}50%{box-shadow:0 8px 56px #0f83e980,0 2px 8px var(--shadow)}}.canvas-split-layers-badge-label{font-family:ARLRDBD,sans-serif;font-size:13px;font-weight:700;color:var(--blue-blue);letter-spacing:.03em}.canvas-split-layers-cards{display:flex;align-items:center;justify-content:center;position:relative;width:52px;height:42px}.canvas-split-layers-card{position:absolute;width:36px;height:28px;border-radius:5px;border:2px solid var(--blue-blue);background:var(--blue-light, rgba(15,131,233,.12));animation:canvas-split-card-fan 1.8s ease-in-out infinite}.canvas-split-layers-card:nth-child(1){animation-delay:0s;--fan-x: -14px;--fan-y: -8px;--fan-r: -12deg}.canvas-split-layers-card:nth-child(2){animation-delay:.1s;--fan-x: -5px;--fan-y: -3px;--fan-r: -4deg;opacity:.85}.canvas-split-layers-card:nth-child(3){animation-delay:.2s;--fan-x: 5px;--fan-y: 3px;--fan-r: 4deg;opacity:.7}.canvas-split-layers-card:nth-child(4){animation-delay:.3s;--fan-x: 14px;--fan-y: 8px;--fan-r: 12deg;opacity:.55}@keyframes canvas-split-card-fan{0%,40%,to{transform:translate(0) rotate(0)}70%{transform:translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-r))}}.canvas-page-inpaint-prompt-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1500;display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 32px);max-width:520px;animation:canvas-page-inpaint-slide-up .25s ease-out}@keyframes canvas-page-inpaint-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvas-page-inpaint-model-selector{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;padding:4px;background:var(--gray1);border-radius:12px;margin-bottom:8px}.canvas-page-inpaint-model-btn{padding:6px 12px;background:transparent;border:none;border-radius:8px;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.canvas-page-inpaint-model-btn:hover{background:var(--gray2)}.canvas-page-inpaint-model-btn.active{background:var(--blue-blue);color:#fff}.canvas-page-inpaint-prompt-input-wrapper{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px 10px 16px;background:var(--background);border-radius:28px;border:2px solid var(--gray2);box-shadow:0 8px 32px var(--blue-light);transition:border-color .2s ease,box-shadow .2s ease}.canvas-page-inpaint-prompt-input-wrapper:focus-within{border-color:var(--blue-blue)}.canvas-page-inpaint-prompt-icon{font-size:18px;color:var(--blue-blue);flex-shrink:0}.canvas-page-inpaint-prompt-ai-icon{width:20px;height:20px;flex-shrink:0;background-color:var(--blue-blue);mask-image:url(/images/ai.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/images/ai.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.canvas-page-inpaint-prompt-input{flex:1;border:none!important;background:transparent!important;font-family:ARLRDBD,sans-serif;font-size:14px;color:var(--text);outline:none;min-width:0;padding:0}.canvas-page-inpaint-prompt-input::placeholder{color:var(--sub-text);opacity:.7}.canvas-page-inpaint-prompt-actions{display:flex;align-items:center;gap:6px}.canvas-page-inpaint-prompt-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;transition:background .15s ease,transform .1s ease}.canvas-page-inpaint-prompt-btn:active{transform:scale(.95)}.canvas-page-inpaint-prompt-btn-cancel{background:var(--gray1);color:var(--gray4)}.canvas-page-inpaint-prompt-btn-cancel:hover{background:var(--gray2);color:var(--text)}.canvas-page-inpaint-prompt-btn-submit{background:var(--blue-blue);color:#fff}.canvas-page-inpaint-prompt-btn-submit:hover:not(:disabled){background:#0077d4}.canvas-page-inpaint-prompt-btn-submit:disabled{opacity:.5;cursor:not-allowed}.canvas-page-inpaint-spinner{width:18px;height:18px;aspect-ratio:1 / 1;display:inline-block;box-sizing:border-box;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:canvas-page-inpaint-spin .6s linear infinite}.canvas-page-inpaint-overlay.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05) 20%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.05) 60%);background-size:200% 100%;animation:canvas-page-inpaint-shimmer 1.2s linear infinite;pointer-events:none}@keyframes canvas-page-inpaint-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes canvas-page-inpaint-spin{to{transform:rotate(360deg)}}.canvas-page-inpaint-hint{font-family:ARLRDBD,sans-serif;font-size:12px;color:var(--gray4);margin:0;text-align:center;padding:4px 12px;background:var(--background);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.canvas-page-inpaint-preview{position:fixed;z-index:1600;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.canvas-page-inpaint-preview-image{width:100%;height:100%;object-fit:contain;border-radius:8px;border:1px solid var(--gray2);background:transparent;box-shadow:0 8px 24px var(--shadow)}.canvas-page-inpaint-preview-actions{display:flex;align-items:center;gap:12px}.canvas-page-inpaint-preview-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:none;border-radius:50%;cursor:pointer;font-size:22px;transition:transform .15s ease,box-shadow .15s ease}.canvas-page-inpaint-preview-btn:hover{transform:scale(1.08)}.canvas-page-inpaint-preview-btn:active{transform:scale(.95)}.canvas-page-inpaint-preview-btn-reject{background:var(--gray2);color:var(--gray4)}.canvas-page-inpaint-preview-btn-reject:hover{background:var(--red-red, #ef4444);color:#fff;box-shadow:0 4px 16px #ef44444d}.canvas-page-inpaint-preview-btn-accept{background:var(--blue-blue);color:#fff;box-shadow:0 4px 16px #0f83e94d}.canvas-page-inpaint-preview-btn-accept:hover{background:var(--blue-light);box-shadow:0 6px 20px #0f83e966}.canvas-present-order-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.canvas-present-order-modal{background:var(--main-background);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:280px;width:90%;max-height:70vh;display:flex;flex-direction:column;border:1px solid var(--gray2)}.canvas-present-order-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--gray2)}.canvas-present-order-modal-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.canvas-present-order-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--sub-text);cursor:pointer;transition:all .2s;padding:0;font-size:16px}.canvas-present-order-modal-close:hover{background:var(--gray1);color:var(--text)}.canvas-present-order-modal-content{flex:1;overflow-y:auto;padding:8px}.canvas-present-order-frames-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.canvas-present-order-frame-card{display:flex;flex-direction:column;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden}.canvas-present-order-frame-card:hover{border-color:var(--blue-blue);background:var(--best-gray);transform:translateY(-2px);box-shadow:0 4px 12px #0f83e926}.canvas-present-order-frame-card.current{border-color:var(--blue-blue);background:var(--best-gray);box-shadow:0 4px 12px #0f83e94d}.canvas-present-order-frame-preview{position:relative;width:100%;aspect-ratio:16/9;background:#1a1a1a;border-bottom:1px solid var(--gray2);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:60px}.canvas-present-order-frame-preview img{width:100%;height:100%;object-fit:contain;background:#000}.canvas-present-order-frame-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:6px}.canvas-present-order-frame-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--blue-blue);border-radius:3px;font-size:10px;font-weight:700;color:#fff}.canvas-present-order-frame-preview.auto{background:linear-gradient(135deg,var(--gray2) 0%,var(--gray1) 100%)}.canvas-present-order-frame-auto-text{font-size:28px;font-weight:700;color:var(--sub-text)}.canvas-present-order-frame-info{padding:6px;display:flex;flex-direction:column;gap:2px;flex:1;justify-content:space-between}.canvas-present-order-frame-name{font-size:11px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-present-order-frame-selected{font-size:9px;font-weight:600;color:var(--blue-blue);text-transform:uppercase;letter-spacing:.4px}.canvas-present-order-frame-card.auto-option{grid-column:span 2}.canvas-present-page{position:fixed;inset:0;background:#000000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:ARLRDBD,sans-serif;cursor:none}.canvas-present-page:hover{cursor:default}.canvas-present-transition-overlay{position:fixed;inset:0;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;z-index:6;animation-duration:var(--canvas-present-transition-duration, .52s);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards;will-change:transform,opacity,clip-path}.canvas-present-transition-overlay.type-fade{animation-name:canvas-present-transition-fade}.canvas-present-transition-overlay.type-slide.dir-left{animation-name:canvas-present-transition-slide-left}.canvas-present-transition-overlay.type-slide.dir-right{animation-name:canvas-present-transition-slide-right}.canvas-present-transition-overlay.type-slide.dir-up{animation-name:canvas-present-transition-slide-up}.canvas-present-transition-overlay.type-slide.dir-down{animation-name:canvas-present-transition-slide-down}.canvas-present-transition-overlay.type-swipe.dir-left{animation-name:canvas-present-transition-swipe-left}.canvas-present-transition-overlay.type-swipe.dir-right{animation-name:canvas-present-transition-swipe-right}.canvas-present-transition-overlay.type-swipe.dir-up{animation-name:canvas-present-transition-swipe-up}.canvas-present-transition-overlay.type-swipe.dir-down{animation-name:canvas-present-transition-swipe-down}.canvas-present-transition-overlay.type-flip.dir-left,.canvas-present-transition-overlay.type-cube.dir-left{transform-origin:left center}.canvas-present-transition-overlay.type-flip.dir-right,.canvas-present-transition-overlay.type-cube.dir-right{transform-origin:right center}.canvas-present-transition-overlay.type-flip.dir-up,.canvas-present-transition-overlay.type-cube.dir-up{transform-origin:center top}.canvas-present-transition-overlay.type-flip.dir-down,.canvas-present-transition-overlay.type-cube.dir-down{transform-origin:center bottom}.canvas-present-transition-overlay.type-flip.dir-left{animation-name:canvas-present-transition-flip-left}.canvas-present-transition-overlay.type-flip.dir-right{animation-name:canvas-present-transition-flip-right}.canvas-present-transition-overlay.type-flip.dir-up{animation-name:canvas-present-transition-flip-up}.canvas-present-transition-overlay.type-flip.dir-down{animation-name:canvas-present-transition-flip-down}.canvas-present-transition-overlay.type-cube.dir-left{animation-name:canvas-present-transition-cube-left}.canvas-present-transition-overlay.type-cube.dir-right{animation-name:canvas-present-transition-cube-right}.canvas-present-transition-overlay.type-cube.dir-up{animation-name:canvas-present-transition-cube-up}.canvas-present-transition-overlay.type-cube.dir-down{animation-name:canvas-present-transition-cube-down}@keyframes canvas-present-transition-fade{to{opacity:0}}@keyframes canvas-present-transition-slide-left{to{transform:translate(-100%);opacity:.2}}@keyframes canvas-present-transition-slide-right{to{transform:translate(100%);opacity:.2}}@keyframes canvas-present-transition-slide-up{to{transform:translateY(-100%);opacity:.2}}@keyframes canvas-present-transition-slide-down{to{transform:translateY(100%);opacity:.2}}@keyframes canvas-present-transition-swipe-left{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes canvas-present-transition-swipe-right{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes canvas-present-transition-swipe-up{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes canvas-present-transition-swipe-down{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes canvas-present-transition-flip-left{to{transform:perspective(1200px) rotateY(-90deg);opacity:0}}@keyframes canvas-present-transition-flip-right{to{transform:perspective(1200px) rotateY(90deg);opacity:0}}@keyframes canvas-present-transition-flip-up{to{transform:perspective(1200px) rotateX(90deg);opacity:0}}@keyframes canvas-present-transition-flip-down{to{transform:perspective(1200px) rotateX(-90deg);opacity:0}}@keyframes canvas-present-transition-cube-left{to{transform:perspective(1200px) rotateY(-90deg) translate(-20%);opacity:0}}@keyframes canvas-present-transition-cube-right{to{transform:perspective(1200px) rotateY(90deg) translate(20%);opacity:0}}@keyframes canvas-present-transition-cube-up{to{transform:perspective(1200px) rotateX(90deg) translateY(-20%);opacity:0}}@keyframes canvas-present-transition-cube-down{to{transform:perspective(1200px) rotateX(-90deg) translateY(20%);opacity:0}}.canvas-present-loading{color:#fff;gap:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-present-loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.canvas-present-slide-stack{position:relative;width:300px;height:200px;perspective:1000px}.canvas-present-stack-item{position:absolute;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;animation:canvas-present-slide-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}.canvas-present-stack-item img{width:100%;height:100%;object-fit:cover;display:block}@keyframes canvas-present-slide-pop{0%{transform:scale(0) rotate(-45deg) translateY(40px);opacity:0}50%{transform:scale(1.08)}to{transform:scale(1) translateY(0);opacity:1}}.canvas-present-slides-counter{font-size:12px;color:#fff9;margin-top:8px}.canvas-present-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--blue-blue, #0F83E9);border-radius:50%;animation:canvas-present-spin .8s linear infinite}@keyframes canvas-present-spin{to{transform:rotate(360deg)}}.canvas-present-error{color:#fff;gap:16px;text-align:center}.canvas-present-error button{padding:12px 24px;background:var(--blue-blue, #0F83E9);color:#fff;border:none;border-radius:8px;font-size:14px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:opacity .2s}.canvas-present-error button:hover{opacity:.9}.canvas-present-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(255,255,255,.1);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;opacity:0;pointer-events:none}.canvas-present-page:hover .canvas-present-close-btn{opacity:1;pointer-events:auto}.canvas-present-close-btn:hover{background:rgba(255,255,255,.2)}.canvas-present-fullscreen-btn{position:absolute;top:12px;right:52px;width:32px;height:32px;background:rgba(255,255,255,.1);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;opacity:0;pointer-events:none}.canvas-present-page:hover .canvas-present-fullscreen-btn{opacity:1;pointer-events:auto}.canvas-present-fullscreen-btn:hover{background:rgba(255,255,255,.2)}.canvas-present-regenerating{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border-radius:12px;color:#fff;font-size:14px;font-weight:500;z-index:100;box-shadow:0 4px 12px #0000004d}.canvas-present-regenerating-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:canvas-present-spin .8s linear infinite}.canvas-present-canvas-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000000}.canvas-present-canvas-wrapper canvas{display:block;margin:auto}.canvas-present-canvas-wrapper .canvas-container{max-width:100%!important;max-height:100%!important}.canvas-present-loading-overlay{position:absolute;inset:0;background:#000000;display:flex;align-items:center;justify-content:center;z-index:100;color:#fff}.canvas-present-slide-image{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000000}.canvas-present-nav{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:24px;padding:12px 20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px;z-index:10;opacity:0;transition:opacity .3s}.canvas-present-page:hover .canvas-present-nav{opacity:1}.canvas-present-nav-btn{width:48px;height:48px;background:rgba(255,255,255,.15);border:none;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-present-nav-btn:hover:not(:disabled){background:var(--blue-blue, #0F83E9)}.canvas-present-nav-btn:disabled{opacity:.3;cursor:not-allowed}.canvas-present-progress{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.canvas-present-frame-name{color:#fff;font-size:14px;font-weight:600}.canvas-present-frame-count{color:#fff9;font-size:12px}.canvas-present-dots{display:none}.canvas-present-keyboard-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:12px 20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:12px;color:#ffffffb3;font-size:13px;z-index:10;animation:canvas-present-fade-out 5s ease-in-out forwards}.canvas-present-keyboard-hint kbd{padding:4px 8px;background:rgba(255,255,255,.2);border-radius:6px;font-family:ARLRDBD,monospace}@keyframes canvas-present-fade-out{0%,70%{opacity:1}to{opacity:0;pointer-events:none}}.canvas-present-page:fullscreen .canvas-present-close-btn,.canvas-present-page:fullscreen .canvas-present-fullscreen-btn,.canvas-present-page:fullscreen .canvas-present-nav{opacity:0;transition:opacity .3s}.canvas-present-page:fullscreen:hover .canvas-present-close-btn,.canvas-present-page:fullscreen:hover .canvas-present-fullscreen-btn,.canvas-present-page:fullscreen:hover .canvas-present-nav{opacity:1}@media (max-width: 768px){.canvas-present-nav{gap:16px;padding:8px 16px;bottom:20px}.canvas-present-nav-btn{width:40px;height:40px;font-size:16px}.canvas-present-progress{min-width:80px}.canvas-present-frame-name{font-size:12px}.canvas-present-frame-count{font-size:11px}.canvas-present-close-btn,.canvas-present-fullscreen-btn{width:28px;height:28px;font-size:12px}.canvas-present-fullscreen-btn{right:48px}}.canvas-present-controls-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--main-background);color:var(--text);overflow:hidden}.canvas-present-controls-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--main-background, #252525);gap:24px}.canvas-present-controls-title h1{margin:0;font-size:18px;font-weight:600;color:var(--text)}.canvas-present-controls-slide-count{font-size:14px;color:var(--sub-text);margin-left:16px}.canvas-present-controls-header-actions{display:flex;align-items:center;gap:12px}.canvas-present-controls-regenerate-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--best-gray);color:var(--sub-text);border:1px solid var(--gray2);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.canvas-present-controls-regenerate-btn:hover:not(:disabled){background:var(--gray1);color:var(--text);border-color:var(--blue-blue)}.canvas-present-controls-regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-present-controls-sync-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--blue-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.canvas-present-controls-sync-btn:hover{background:color-mix(in srgb,var(--blue-blue) 80%,#000 20%)}.canvas-present-controls-sync-btn.active{background:var(--blue-blue)}.canvas-present-controls-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:16px}.canvas-present-controls-close-btn:hover{background:var(--gray2);color:var(--contrast1)}.canvas-present-controls-main{flex:1;display:flex;gap:24px;padding:24px;min-height:0;overflow:hidden}.canvas-present-controls-current{flex:2;display:flex;flex-direction:column;min-height:0}.canvas-present-controls-current-label,.canvas-present-controls-next-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text);margin-bottom:8px}.canvas-present-controls-current-preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--best-gray);border-radius:8px;overflow:hidden;min-height:0}.canvas-present-controls-current-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.canvas-present-controls-current-name{margin-top:8px;font-size:14px;color:var(--text);text-align:center}.canvas-present-controls-current-notes{margin-top:12px;padding:12px;background:var(--gray1);border:1px solid var(--gray2);border-radius:8px;font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap;max-height:200px;overflow-y:auto}.canvas-present-controls-next{flex:1;display:flex;flex-direction:column;min-height:0}.canvas-present-controls-next-preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--best-gray);border-radius:8px;overflow:hidden;min-height:0;border:2px dashed var(--gray2)}.canvas-present-controls-next-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;opacity:.8}.canvas-present-controls-no-next{color:var(--sub-text);font-size:14px}.canvas-present-controls-next-name{margin-top:8px;font-size:14px;color:var(--sub-text);text-align:center}.canvas-present-controls-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding-right:10px!important;background:var(--main-background);border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2);width:fit-content;margin:0 auto}.canvas-present-controls-nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--main-background);border:1px solid var(--gray2);border-radius:50%;color:var(--text);cursor:pointer;transition:all .2s;font-size:16px}.canvas-present-controls-nav-btn:hover:not(:disabled){background:var(--gray1);border-color:var(--blue-blue)}.canvas-present-controls-nav-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-present-controls-play-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s;font-size:16px}.canvas-present-controls-play-btn:hover:not(:disabled){background:var(--gray2);color:var(--contrast1)}.canvas-present-controls-interval{display:flex;align-items:center;gap:6px;margin-left:16px;color:var(--sub-text);font-size:14px}.canvas-present-controls-interval input{width:45px}.canvas-present-controls-interval-label{font-size:12px;color:var(--sub-text)}.canvas-present-controls-loop-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--main-background);border:1px solid var(--gray2);border-radius:6px;color:var(--sub-text);cursor:pointer;transition:all .2s;font-size:14px;padding:0}.canvas-present-controls-loop-btn:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-present-controls-loop-btn.active{background:var(--gray1);border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-present-controls-thumbnails{display:flex;gap:12px;padding:16px 24px;overflow-x:auto;background:var(--main-background)}.canvas-present-controls-thumbnail{flex-shrink:0;width:120px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;cursor:grab}.canvas-present-controls-thumbnail:active{cursor:grabbing}.canvas-present-controls-thumbnail.dragging{opacity:.6}.canvas-present-controls-thumbnail.drag-over{outline:2px dashed var(--blue-blue);outline-offset:4px}.canvas-present-controls-thumbnail:hover,.canvas-present-controls-thumbnail.active{transform:translateY(-4px)}.canvas-present-controls-thumbnail.active .canvas-present-controls-thumbnail-number{background:var(--blue-blue);color:#fff}.canvas-present-controls-thumbnail-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--best-gray);border-radius:4px;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--sub-text)}.canvas-present-controls-thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:2px solid transparent;transition:border-color .2s}.canvas-present-controls-thumbnail.active img{border-color:var(--blue-blue);box-shadow:0 4px 12px #0f83e94d}.canvas-present-controls-thumbnail-meta{display:flex;justify-content:center;margin-top:6px}.canvas-present-controls-transition-chip{border:1px solid var(--gray2);background:var(--gray1);color:var(--text);font-size:10px;border-radius:999px;padding:2px 8px;cursor:pointer;transition:border-color .2s,color .2s;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-present-controls-transition-chip:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.canvas-present-controls-thumbnail-name{margin-top:6px;font-size:11px;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.canvas-present-controls-loading{display:flex;align-items:center;justify-content:center}.canvas-present-controls-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.canvas-present-controls-spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:canvas-present-controls-spin 1s linear infinite}@keyframes canvas-present-controls-spin{to{transform:rotate(360deg)}}.canvas-present-controls-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.canvas-present-controls-error p{color:var(--red-red);font-size:16px}.canvas-present-controls-error button{padding:10px 20px;background:var(--blue-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.canvas-present-controls-thumbnails::-webkit-scrollbar{height:8px}.canvas-present-controls-thumbnails::-webkit-scrollbar-track{background:var(--best-gray);border-radius:4px}.canvas-present-controls-thumbnails::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:4px}.canvas-present-controls-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.canvas-layer-panel{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:320px;height:min(600px,80vh);background:var(--main-background)!important;border:1px solid var(--gray2);border-radius:16px;box-shadow:0 8px 32px var(--shadow);display:flex;flex-direction:column;z-index:1000;overflow:hidden;font-family:ARLRDBD,sans-serif}.canvas-layer-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--gray2)}.canvas-layer-header-title{display:flex;align-items:center;gap:10px;color:var(--text)}.canvas-layer-header-title h3{margin:0;font-size:16px;font-weight:400}.canvas-layer-close{background:transparent;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6}.canvas-layer-close:hover{opacity:1}.canvas-layer-content{flex:1;overflow-y:auto;padding:10px}.canvas-layer-empty{padding:40px 20px;text-align:center;color:var(--gray8);font-size:14px}.canvas-layer-list{display:flex;flex-direction:column;gap:4px}.canvas-layer-item{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;border-radius:4px;cursor:pointer;transition:background .1s;background:var(--gray1);border:1px solid transparent;min-height:28px}.canvas-layer-item:hover{background:var(--gray2)}.canvas-layer-item.active{background:var(--blue-blue);color:#fff}.canvas-layer-item.active .canvas-layer-type-icon,.canvas-layer-item.active .canvas-layer-name{color:#fff}.canvas-layer-item.active .canvas-layer-item-actions button{color:#fffc}.canvas-layer-item.active .canvas-layer-item-actions button:hover{color:#fff;background:rgba(255,255,255,.2)}.canvas-layer-item.canvas-layer-sub-item .canvas-layer-name{font-size:11.5px;color:var(--gray8)}.canvas-layer-item.canvas-layer-sub-item .canvas-layer-type-icon{width:10px!important;height:10px!important;font-size:10px!important;opacity:.7}.canvas-layer-item.canvas-layer-sub-item{background:transparent;min-height:24px}.canvas-layer-item.canvas-layer-sub-item:hover{background:var(--gray1)}.canvas-layer-item.locked{cursor:not-allowed;opacity:.8}.canvas-layer-item.locked:hover{background:rgba(0,0,0,.05)}.canvas-layer-lock-indicator-mini{font-size:10px;color:var(--gray8);margin-left:4px}.canvas-layer-item.active .canvas-layer-lock-indicator-mini{color:#fff}.canvas-layer-item-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.canvas-layer-type-icon{width:12px!important;height:12px!important;font-size:12px!important;display:flex!important;align-items:center;justify-content:center;color:var(--gray8);flex-shrink:0}.canvas-layer-header-title svg{width:14px!important;height:14px!important;color:var(--gray8)}.canvas-layer-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.canvas-layer-item-actions{display:flex;align-items:center;gap:2px}.canvas-layer-item-actions button{background:transparent;border:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--gray8);cursor:pointer;font-size:10px;transition:all .2s}.canvas-layer-item-actions button:hover{background:var(--main-background);color:var(--text)}.canvas-layer-item.dragging{opacity:.5;background:var(--blue-blue);color:#fff}.canvas-layer-item.drag-over{border-top:2px solid var(--blue-blue);margin-top:2px;padding-top:0}.clips-editor-page{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--main-bround);overflow:hidden;font-family:ARLRDBD,Arial,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative}.clips-editor-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--best-gray) 2px,transparent 2px);background-size:20px 20px;pointer-events:none;opacity:.5;z-index:0}.clips-editor-topbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background:transparent;flex-shrink:0;position:relative;z-index:10}.clips-editor-topbar-left,.clips-editor-topbar-center,.clips-editor-topbar-right{display:flex;align-items:center;gap:12px}.clips-editor-topbar-left .clips-editor-back-btn{margin-right:0}.clips-editor-topbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.clips-editor-divider{width:1px;height:24px;background:var(--line-color);margin:0 4px}.clips-editor-snap-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gray1);border-radius:8px;font-size:12px;color:var(--text);cursor:pointer;user-select:none}.clips-editor-snap-toggle input{accent-color:var(--blue-blue)}.clips-editor-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:none;border-radius:12px;color:var(--text);cursor:pointer;transition:all .2s}.clips-editor-back-btn:hover{background:var(--gray2)}.clips-editor-project-name{display:flex;align-items:center}.clips-editor-name-input{background:transparent;border:none;font-size:16px;font-weight:600;color:var(--text);padding:8px 12px;border-radius:8px;outline:none;transition:background .2s;font-family:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.clips-editor-name-input:hover,.clips-editor-name-input:focus{background:var(--gray1)}.clips-editor-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.clips-editor-tool-btn:hover:not(:disabled){background:var(--gray2);color:var(--text)}.clips-editor-tool-btn:disabled{opacity:.4;cursor:not-allowed}.clips-editor-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blue-blue);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.clips-editor-export-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.clips-editor-export-btn:disabled{opacity:.7;cursor:wait}.clips-editor-export-btn.exporting{background:var(--green-green)}.clips-editor-export-progress{font-weight:700;min-width:40px}.clips-editor-main{display:flex;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1}.clips-editor-preview-container{flex:1;display:flex;flex-direction:column;background:transparent;padding:20px 320px 20px 20px;min-width:0;position:relative}.clips-editor-preview-container:before{content:"";position:absolute;inset:20px 320px 20px 20px;background:transparent;border-radius:12px;pointer-events:none;z-index:0}.clips-editor-page.fabric-mode .clips-editor-preview-container{padding-right:20px}.clips-editor-page.fabric-mode .clips-editor-preview-container:before{right:20px}.clips-editor-preview-wrapper{flex:1;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;position:relative;z-index:1}.clips-editor-left-toolbar-slot{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:12;pointer-events:none}.clips-editor-left-toolbar-slot .canvas-left-toolbar{position:relative;top:0;left:0;transform:none;pointer-events:auto}.clips-editor-icon-panel-slot{position:absolute;inset:0;z-index:12;pointer-events:none}.clips-editor-icon-panel-slot .canvas-icon-search-panel{pointer-events:auto}.clips-editor-properties-slot{position:relative;z-index:12}.clips-editor-canvas{box-shadow:0 4px 20px #ffffff80;border-radius:4px;overflow:hidden;position:relative}.clips-editor-canvas-layer{position:absolute;inset:0}.clips-editor-canvas-underlay{pointer-events:none}.clips-editor-canvas-fabric{pointer-events:auto}.clips-editor-canvas-playback{pointer-events:none;z-index:5}.clips-editor-page.fabric-mode .canvas-page,.clips-editor-page.fabric-mode .canvas-container{background:transparent}.clips-editor-page.fabric-mode .clips-editor-canvas{overflow:visible}.clips-editor-page.fabric-mode .canvas-bottom-bar,.clips-editor-page.fabric-mode .canvas-zoom-controls,.clips-editor-page.fabric-mode .canvas-topbar{display:none}.clips-editor-selection-box{position:absolute;inset:-4px;border:2px solid var(--blue-blue);border-radius:4px;pointer-events:none}.clips-editor-selection-handle{position:absolute;width:10px;height:10px;background:white;border:2px solid var(--blue-blue);border-radius:2px;pointer-events:auto;cursor:nwse-resize}.clips-editor-handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.clips-editor-handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.clips-editor-handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.clips-editor-handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.clips-editor-drop-zone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(15,131,233,.1);border:2px dashed var(--blue-blue);border-radius:12px;color:var(--blue-blue);font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s}.clips-editor-preview-container.dragging .clips-editor-drop-zone{opacity:1;pointer-events:auto}.clips-editor-drop-zone svg{font-size:32px}.clips-editor-playback-controls{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);border-radius:12px;margin-top:12px;position:relative;z-index:1}.clips-editor-playback-left,.clips-editor-playback-right{display:flex;align-items:center;gap:12px}.clips-editor-canvas-zoom-controls{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--gray1);border-radius:16px;border:1px solid var(--line-color)}.clips-editor-canvas-zoom-controls .clips-editor-control-btn{width:24px;height:24px;border-radius:50%;font-size:12px}.clips-editor-zoom-value{font-size:11px;font-weight:600;color:var(--text);min-width:32px;text-align:center;font-family:SF Mono,Monaco,Inconsolata,monospace}.clips-editor-play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--blue-blue);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all .2s}.clips-editor-play-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.clips-editor-time-display{font-size:13px;font-weight:600;color:var(--text)}.clips-editor-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.clips-editor-control-btn:hover{background:var(--gray2);color:var(--text)}.clips-editor-right-panel-wrapper{position:fixed;right:0;top:60px;bottom:0;width:300px;flex-shrink:0;display:flex;z-index:100;pointer-events:none}.clips-editor-right-panel-wrapper>*{pointer-events:auto}.clips-editor-right-panel{flex:1;position:relative;background:var(--main-background);border-left:none;border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2);display:flex;flex-direction:column;overflow:hidden;margin-right:20px;margin-top:20px;margin-bottom:20px;max-height:calc(100vh - 340px);animation:clips-editor-panel-in .2s ease-out}@keyframes clips-editor-panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.clips-editor-panel-section{display:flex;flex-direction:column;flex:1;overflow:hidden}.clips-editor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--line-color);font-family:ARLRDBD,sans-serif;font-size:14px;font-weight:600;color:var(--text);flex-shrink:0}.clips-editor-properties{display:flex;flex-direction:column;gap:8px;padding:8px;flex:1;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--gray2) var(--gray1)}.clips-editor-properties::-webkit-scrollbar{width:8px}.clips-editor-properties::-webkit-scrollbar-track{background:var(--gray1);border-radius:10px}.clips-editor-properties::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:10px;border:2px solid var(--gray1);transition:background .2s}.clips-editor-properties::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.clips-editor-property-group{display:flex;flex-direction:column;gap:5px;position:relative;overflow:visible}.clips-editor-property-group>label{font-size:10px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.clips-editor-property-row{display:flex;gap:8px}.clips-editor-property-field{display:flex;align-items:center;gap:4px;flex:1}.clips-editor-property-field>span{font-size:12px;color:var(--gray4);font-weight:600;min-width:16px}.clips-editor-property-field input[type=number],.clips-editor-property-group input[type=text],.clips-editor-property-group input[type=number]{padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;font-family:monospace;color:var(--text);outline:none;transition:border-color .2s;flex:1;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.clips-editor-property-field input:focus,.clips-editor-property-group input:focus{border-color:var(--blue-blue)}.clips-editor-textarea{width:100%;padding:10px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;font-size:13px;font-family:inherit;color:var(--text);outline:none;resize:vertical;min-height:60px;transition:border-color .2s;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.clips-editor-textarea:focus{border-color:var(--blue-blue)}.clips-editor-property-group .clips-editor-slider{position:relative;width:100%;height:28px;margin:4px 0}.clips-editor-slider-track{position:relative;width:100%;height:12px;background:var(--gray2);border-radius:9999px;overflow:visible;margin-top:6px;margin-bottom:6px;display:flex;align-items:center}.clips-editor-slider-fill{position:absolute;left:0;top:0;height:100%;background:var(--blue-blue);border-radius:9999px;pointer-events:none;z-index:1}.clips-editor-slider-input,.clips-editor-slider{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:28px;background:transparent;z-index:5;margin:0;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer}.clips-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:20px;background:#ffffff;border-radius:9999px;cursor:pointer;border:none;position:relative;z-index:10;box-shadow:0 2px 5px #0003,0 0 1px #0000001a;margin-top:0}.clips-editor-slider::-moz-range-thumb{width:28px;height:20px;background:#ffffff;border-radius:9999px;cursor:pointer;border:none;box-shadow:0 2px 5px #0003,0 0 1px #0000001a}.clips-editor-slider::-webkit-slider-runnable-track{background:transparent}.clips-editor-slider::-moz-range-track{background:transparent}.clips-editor-slider::-webkit-slider-thumb:hover{background:#fcfcfc}.clips-editor-slider-value{font-size:14px;font-weight:600;color:var(--gray4);text-align:right;opacity:.8;margin-top:4px}.clips-editor-color-input{width:40px;height:30px;padding:0;background:transparent;border:2px solid var(--gray2);border-radius:10px;outline:1px solid var(--blue-blue);outline-offset:2px;cursor:pointer;transition:all .2s}.clips-editor-color-input:hover{border-color:var(--blue-blue);transform:scale(1.05)}.clips-editor-color-input::-webkit-color-swatch-wrapper{padding:0}.clips-editor-color-input::-webkit-color-swatch{border-radius:8px;border:none}.clips-editor-delete-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:2px solid var(--red-red);border-radius:10px;color:var(--red-red);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px;font-family:ARLRDBD,sans-serif}.clips-editor-delete-btn:hover{background:var(--red-red);color:#fff}.clips-editor-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--gray4);text-align:center}.clips-editor-no-selection svg{font-size:32px;margin-bottom:12px;opacity:.5}.clips-editor-no-selection p{font-size:13px}.clips-editor-resize-handle{background:transparent;z-index:100;transition:background .15s}.clips-editor-resize-handle:hover,.clips-editor-resize-handle:active{background:var(--blue-blue)}.clips-editor-resize-handle-left{position:absolute;left:-4px;top:30px;bottom:30px;width:8px;cursor:ew-resize;border-radius:4px;pointer-events:auto}.clips-editor-resize-handle-top{width:100%;height:8px;cursor:ns-resize;flex-shrink:0;margin-bottom:-4px;position:relative;z-index:10}.clips-editor-timeline{background:var(--gray1);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10}.clips-editor-timeline-header{display:flex;height:24px;background:var(--main-background)}.clips-editor-timeline-tracks-header{width:180px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 8px}.clips-editor-header-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray1);border:none;border-radius:6px;color:var(--gray4);font-size:11px;cursor:pointer;transition:all .15s}.clips-editor-header-btn:hover{background:var(--gray2);color:var(--text)}.clips-editor-header-btn.active{background:var(--blue-blue);color:#fff}.clips-editor-timeline-ruler-wrapper{flex:1;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;position:relative}.clips-editor-timeline-ruler-wrapper::-webkit-scrollbar{display:none}.clips-editor-timeline-ruler{position:relative;height:100%;min-width:100%;flex:0 0 auto}.clips-editor-timeline-ruler-surface{position:relative;height:100%;min-width:calc(100% + 120px);display:flex;align-items:stretch}.clips-editor-timeline-marker{position:absolute;top:0;height:100%;border-left:1px solid var(--line-color);padding-left:6px;font-size:10px;color:var(--gray4);display:flex;align-items:center}.clips-editor-timeline-content{flex:1;display:flex;position:relative;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray3) var(--gray1)}.clips-editor-timeline-content::-webkit-scrollbar{width:10px;height:10px}.clips-editor-timeline-content::-webkit-scrollbar-track{background:var(--gray1)}.clips-editor-timeline-content::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:5px}.clips-editor-timeline-content::-webkit-scrollbar-thumb:hover{background:var(--gray4)}.clips-editor-timeline-content::-webkit-scrollbar-corner{background:var(--gray1)}.clips-editor-timeline-tracks{min-width:100%;display:flex;flex-direction:column}.clips-editor-timeline-track{display:flex;height:40px;border-bottom:1px solid var(--line-color);transition:opacity .2s}.clips-editor-timeline-track.locked{opacity:.6}.clips-editor-timeline-track.hidden{opacity:.4}.clips-editor-timeline-track.drag-over{background:rgba(15,131,233,.1);box-shadow:inset 0 0 0 2px var(--blue-blue)}.clips-editor-track-label{width:180px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--main-background);border-right:1px solid var(--line-color);font-size:12px;color:var(--text)}.clips-editor-track-label svg{width:14px}.clips-editor-track-name{flex:1;cursor:text;padding:2px 4px;border-radius:4px;transition:background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clips-editor-track-name:hover{background:var(--gray1)}.clips-editor-track-name-input{flex:1;background:var(--gray1);border:1px solid var(--blue-blue);border-radius:4px;padding:2px 4px;font-size:12px;color:var(--text);outline:none;font-family:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.clips-editor-track-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:6px;color:var(--gray4);font-size:11px;cursor:pointer;opacity:0;transition:all .15s}.clips-editor-timeline-track:hover .clips-editor-track-delete-btn{opacity:1}.clips-editor-track-delete-btn:hover{background:var(--red-red);color:#fff}.clips-editor-track-lock-icon{margin-left:auto;font-size:10px;color:var(--gray4)}.clips-editor-add-track-zone{min-height:32px;height:32px;opacity:.5;cursor:pointer;transition:all .15s;border:2px dashed var(--gray3);border-radius:6px;margin:4px}.clips-editor-add-track-zone:hover,.clips-editor-add-track-zone.drag-over{opacity:1;border-color:var(--blue-blue);background:rgba(15,131,233,.1)}.clips-editor-add-track-label{justify-content:center;gap:8px;background:transparent;border-right:none;color:var(--gray4)}.clips-editor-add-track-zone:hover .clips-editor-add-track-label{color:var(--blue-blue)}.clips-editor-add-track-clips{background:transparent}.clips-editor-track-clips-wrapper{flex:1;overflow-x:hidden;overflow-y:hidden;position:relative;scrollbar-width:none}.clips-editor-track-clips-wrapper::-webkit-scrollbar{display:none}.clips-editor-track-clips{position:relative;background:var(--gray1);min-width:100%;height:100%;flex:0 0 auto}.clips-editor-track-clips-surface{position:relative;display:flex;align-items:stretch;height:100%;min-width:calc(100% + 120px)}.clips-editor-track-end-spacer{flex:0 0 auto;min-width:120px;background:var(--gray1);border-left:1px solid var(--line-color)}.clips-editor-ruler-end-spacer{background:transparent}.clips-editor-timeline-clip{position:absolute;top:4px;height:calc(100% - 8px);background:var(--blue-blue);border-radius:6px;cursor:grab;transition:box-shadow .15s,filter .15s;display:flex;align-items:center;padding:0 8px;overflow:hidden;min-width:20px;position:relative}.clips-editor-clip-thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.3;pointer-events:none}.clips-editor-clip-waveform{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:1px;opacity:.4;pointer-events:none}.clips-editor-waveform-bar{flex:1;background:white;border-radius:1px;min-height:2px}.clips-editor-clip-audio-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;opacity:.6;pointer-events:none}.clips-editor-timeline-clip:hover{filter:brightness(1.1)}.clips-editor-timeline-clip:active{cursor:grabbing}.clips-editor-timeline-clip.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue-blue);z-index:5}.clips-editor-timeline-drop-preview{position:absolute;top:4px;height:calc(100% - 8px);border:2px dashed currentColor;border-radius:6px;min-width:20px;pointer-events:none;z-index:6;display:flex;align-items:center;justify-content:center}.clips-editor-timeline-drop-preview span{font-size:10px;font-weight:700;letter-spacing:.2px;background:rgba(255,255,255,.92);padding:2px 6px;border-radius:8px;color:inherit;text-transform:uppercase}.clips-editor-clip-resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.clips-editor-clip-resize-handle:hover{background:rgba(255,255,255,.2)}.clips-editor-clip-resize-left{left:0;border-radius:6px 0 0 6px}.clips-editor-clip-resize-right{right:0;border-radius:0 6px 6px 0}.clips-editor-clip-label{font-size:11px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.clips-editor-clip-thumbnail{position:absolute;left:0;top:0;height:100%;width:auto;max-width:60px;object-fit:cover;border-radius:4px 0 0 4px;opacity:.8;z-index:1}.clips-editor-clip-waveform{position:absolute;inset:0;padding:2px 6px;z-index:0;opacity:.35;overflow:hidden}.clips-editor-clip-waveform-svg{width:100%;height:100%;display:block}.clips-editor-clip-waveform-path{stroke:#ffffffe6;stroke-width:1;fill:none;stroke-linecap:round}.clips-editor-clip-audio-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffffb3;z-index:2}.clips-editor-timeline-clip.has-media .clips-editor-clip-label{margin-left:4px}.clips-editor-playhead{position:absolute;top:0;bottom:0;z-index:10;cursor:ew-resize;display:flex;flex-direction:column;align-items:center}.clips-editor-playhead-head{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--red-red);flex-shrink:0}.clips-editor-playhead-line{width:2px;flex:1;background:var(--red-red)}.clips-editor-playhead:hover .clips-editor-playhead-head,.clips-editor-playhead:hover .clips-editor-playhead-line{filter:brightness(1.2)}.clips-editor-timeline-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.clips-editor-timeline-grid-surface{position:absolute;top:0;bottom:0;min-width:100%}.clips-editor-timeline-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--line-color);opacity:.3}.clips-editor-timeline-grid-line.major{opacity:.6}.clips-editor-timeline-end-fade{position:absolute;right:0;top:0;bottom:0;pointer-events:none;z-index:4;background:linear-gradient(to right,rgba(0,0,0,0),var(--gray1))}.clips-editor-timeline-context-menu{position:fixed;z-index:1200;transform:translate(6px,6px);background:var(--main-background);border:1px solid var(--line-color);border-radius:10px;box-shadow:0 12px 28px #0000003d;padding:6px;min-width:200px}.clips-editor-timeline-context-item{width:100%;border:none;background:transparent;color:var(--text);text-align:left;font-size:12px;font-family:ARLRDBD,sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease}.clips-editor-timeline-context-item:hover:not(:disabled){background:var(--gray1);color:var(--blue-blue)}.clips-editor-timeline-context-item:disabled{opacity:.45;cursor:not-allowed}.clips-editor-timeline-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--main-background);border-top:1px solid var(--line-color);gap:16px}.clips-editor-quick-add-pills{display:flex;align-items:center;gap:6px}.clips-editor-quick-pill{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:2px solid var(--gray2);border-radius:16px;color:var(--gray4);font-size:13px;cursor:pointer;transition:all .15s}.clips-editor-quick-pill:hover{background:var(--gray2);border-color:var(--blue-blue);color:var(--blue-blue);transform:scale(1.05)}.clips-editor-quick-pill:active{transform:scale(.95)}.clips-editor-zoom-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray4);white-space:nowrap}.clips-editor-zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;color:var(--gray4);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;user-select:none}.clips-editor-zoom-btn:hover:not(:disabled){background:var(--gray2);border-color:var(--blue-blue);color:var(--blue-blue)}.clips-editor-zoom-btn:active:not(:disabled){transform:scale(.95)}.clips-editor-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.clips-editor-zoom-value{min-width:45px;text-align:center;font-weight:600;color:var(--text)}.clips-editor-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:clips-editor-fade-in .2s ease-out}@keyframes clips-editor-fade-in{0%{opacity:0}to{opacity:1}}.clips-editor-modal{width:90%;max-width:500px;background:var(--main-background);border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:clips-editor-modal-in .25s ease-out}@keyframes clips-editor-modal-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.clips-editor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line-color)}.clips-editor-modal-header h2{font-size:18px;font-weight:700;color:var(--text);margin:0}.clips-editor-modal-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);font-size:20px;cursor:pointer;transition:all .15s}.clips-editor-modal-header button:hover{background:var(--gray2);color:var(--text)}.clips-editor-modal-content{padding:24px;display:flex;flex-direction:column;gap:20px}.clips-editor-settings-group{display:flex;flex-direction:column;gap:8px}.clips-editor-settings-group>label{font-size:12px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.clips-editor-settings-group input,.clips-editor-settings-group select{padding:12px 14px;background:var(--gray1);border:1px solid var(--line-color);border-radius:10px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s;font-family:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.clips-editor-settings-group input:focus,.clips-editor-settings-group select:focus{border-color:var(--blue-blue)}.clips-editor-settings-row{display:flex;gap:12px}.clips-editor-settings-row .clips-editor-settings-group{flex:1}.clips-editor-resolution-presets{display:flex;flex-wrap:wrap;gap:8px}.clips-editor-preset-btn{padding:8px 10px;background:var(--gray1);border:1px solid var(--line-color);border-radius:8px;font-size:12px;color:var(--text);cursor:pointer;transition:all .15s;font-family:inherit;display:flex;gap:10px;align-items:center;min-width:170px;text-align:left}.clips-editor-preset-btn:hover{border-color:var(--blue-blue)}.clips-editor-preset-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.clips-editor-preset-preview{width:40px;height:40px;border:1px solid var(--line-color);border-radius:10px;background:var(--gray2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.clips-editor-preset-preview-rect{border:1px solid var(--line-color);border-radius:6px;background:rgba(255,255,255,.03)}.clips-editor-preset-btn.active .clips-editor-preset-preview{border-color:#ffffff59;background:rgba(255,255,255,.12)}.clips-editor-preset-btn.active .clips-editor-preset-preview-rect{border-color:#fff9;background:rgba(255,255,255,.08)}.clips-editor-preset-label{display:flex;flex-direction:column;gap:2px}.clips-editor-preset-text{font-weight:700;line-height:1.1}.clips-editor-preset-size{font-size:11px;opacity:.75;line-height:1.1}@media (max-width: 1200px){.clips-editor-left-panel{width:220px}.clips-editor-right-panel{width:240px}}@media (max-width: 900px){.clips-editor-left-panel,.clips-editor-right-panel{display:none}.clips-editor-timeline{height:160px}}.storyboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--main-background);color:var(--text)}body.ai-chat-open .storyboard-page:not(.storyboard-page--embedded){margin-right:400px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .storyboard-page:not(.storyboard-page--embedded){margin-right:0;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.storyboard-page--embedded{min-height:100%;width:100%;min-width:0;background:transparent;padding:0;overflow:auto;container-type:inline-size}.storyboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid var(--gray2);background:var(--main-background)}.storyboard-topbar-back{width:40px;height:40px;border:none;border-radius:14px;background:var(--gray1);color:var(--text);cursor:pointer;transition:background .15s ease}.storyboard-topbar-back:hover{background:var(--gray2)}.storyboard-topbar-title,.storyboard-topbar-title h1{margin:0}.storyboard-topbar-title{flex:1;min-width:0}.storyboard-topbar-title h1{font-size:24px;line-height:1.1;font-family:ARLRDBD,sans-serif;letter-spacing:.01em;color:var(--text)}.storyboard-topbar-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sub-text)}.storyboard-topbar-actions{display:flex;align-items:center;gap:10px}.storyboard-action-button{height:40px;border:none;border-radius:14px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;background:var(--blue-blue);color:#fff;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:opacity .15s ease}.storyboard-action-button:hover{opacity:.88}.storyboard-action-button:disabled,.storyboard-column-add:disabled{opacity:.55;cursor:not-allowed}.storyboard-action-button--ghost{background:var(--gray1);color:var(--text)}.storyboard-action-button--ghost:hover{background:var(--gray2);opacity:1}.storyboard-error-banner{margin:14px 24px 0;padding:12px 14px;border-radius:14px;background:rgba(217,53,53,.1);border:1px solid rgba(217,53,53,.28);color:var(--red-red)}.storyboard-columns{flex:1;min-height:0;display:grid;gap:18px;padding:24px;align-items:start;overflow:hidden}.storyboard-page--embedded .storyboard-columns{grid-template-columns:1fr;padding:10px 14px 14px;min-height:100%}.storyboard-column{display:flex;flex-direction:column;min-width:0;min-height:420px;border-radius:22px;background:var(--gray1);border:1px solid var(--gray2);--storyboard-lane-accent: var(--text);--storyboard-lane-accent-strong: var(--text)}.storyboard-column:nth-child(1){--storyboard-lane-accent: #f5b700;--storyboard-lane-accent-strong: #b88200;background:linear-gradient(180deg,color-mix(in srgb,#f5b700 10%,var(--gray1)),var(--gray1));border-color:color-mix(in srgb,#f5b700 28%,var(--gray2))}.storyboard-column:nth-child(2){--storyboard-lane-accent: var(--blue-blue);--storyboard-lane-accent-strong: var(--blue-blue);background:linear-gradient(180deg,color-mix(in srgb,var(--blue-blue) 10%,var(--gray1)),var(--gray1));border-color:color-mix(in srgb,var(--blue-blue) 24%,var(--gray2))}.storyboard-column:nth-child(3){--storyboard-lane-accent: var(--green-green);--storyboard-lane-accent-strong: var(--green-green);background:linear-gradient(180deg,color-mix(in srgb,var(--green-green) 10%,var(--gray1)),var(--gray1));border-color:color-mix(in srgb,var(--green-green) 24%,var(--gray2))}.storyboard-column--collapsed{align-self:stretch;min-width:86px;max-width:110px;background:linear-gradient(180deg,color-mix(in srgb,var(--storyboard-lane-accent) 8%,var(--gray1)),var(--gray1))}.storyboard-page--embedded .storyboard-column{min-height:260px;border-radius:18px}.storyboard-column-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px}.storyboard-column-title{display:inline-flex;align-items:center;gap:10px;font-family:ARLRDBD,sans-serif;color:var(--text)}.storyboard-column--collapsed .storyboard-column-header{height:100%;padding:10px 8px 12px;flex-direction:column;justify-content:flex-start;align-items:center}.storyboard-column--collapsed .storyboard-column-title{flex-direction:column;gap:14px;flex:1;justify-content:flex-start;padding-top:14px}.storyboard-column--collapsed .storyboard-column-title>span:first-child{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.14em;font-size:12px;text-transform:uppercase;color:var(--storyboard-lane-accent-strong)}.storyboard-column-count{min-width:24px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gray2);color:var(--sub-text);font-size:12px}.storyboard-column-actions{display:inline-flex;align-items:center;gap:8px}.storyboard-column--collapsed .storyboard-column-actions{width:100%;justify-content:center;margin-bottom:10px;order:-1;align-self:flex-start}.storyboard-column-add{height:34px;border:none;border-radius:12px;background:var(--gray2);color:var(--text);cursor:pointer;transition:background .15s ease}.storyboard-column-add:hover:not(:disabled){background:var(--gray3)}.storyboard-column-toggle{width:34px;height:34px;border:none;border-radius:12px;background:var(--gray2);color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.storyboard-column-toggle:hover{background:var(--gray3);color:var(--blue-blue)}.storyboard-column:nth-child(1) .storyboard-column-toggle:hover,.storyboard-column:nth-child(1) .storyboard-column-add:hover:not(:disabled){color:var(--storyboard-lane-accent-strong)}.storyboard-column:nth-child(2) .storyboard-column-toggle:hover,.storyboard-column:nth-child(2) .storyboard-column-add:hover:not(:disabled){color:var(--blue-blue)}.storyboard-column:nth-child(3) .storyboard-column-toggle:hover,.storyboard-column:nth-child(3) .storyboard-column-add:hover:not(:disabled){color:var(--green-green)}.storyboard-column--collapsed .storyboard-column-count{min-width:36px;height:36px;padding:0;border-radius:12px;background:color-mix(in srgb,var(--storyboard-lane-accent) 14%,var(--gray2));color:var(--storyboard-lane-accent-strong);font-family:ARLRDBD,sans-serif}.storyboard-column--collapsed .storyboard-column-toggle{background:color-mix(in srgb,var(--storyboard-lane-accent) 12%,var(--gray2));color:var(--storyboard-lane-accent-strong)}.storyboard-column--collapsed .storyboard-column-toggle:hover{background:color-mix(in srgb,var(--storyboard-lane-accent) 22%,var(--gray2));color:var(--storyboard-lane-accent-strong)}.storyboard-columns--compact{grid-auto-flow:column;grid-auto-columns:minmax(280px,86vw);overflow-x:auto;overflow-y:hidden;align-items:stretch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab}.storyboard-columns--compact::-webkit-scrollbar{height:8px}.storyboard-columns--compact::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:999px}.storyboard-columns--dragging{cursor:grabbing;scroll-snap-type:none}.storyboard-columns--compact .storyboard-column{min-height:0;height:100%;scroll-snap-align:start}.storyboard-columns--compact .storyboard-column--collapsed{min-width:0;max-width:none}.storyboard-column-body{flex:1;min-height:0;padding:0 12px 12px;overflow-y:auto}.storyboard-drop-slot{height:10px;border-radius:999px;transition:background .15s ease,height .15s ease}.storyboard-drop-slot--active{height:22px;background:color-mix(in srgb,var(--blue-blue) 22%,transparent)}.storyboard-empty-lane{width:100%;min-height:110px;border-radius:18px;border:1px dashed var(--gray3);background:transparent;color:var(--sub-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s ease}.storyboard-empty-lane:hover{background:var(--gray2)}.storyboard-column:nth-child(1) .storyboard-empty-lane{border-color:color-mix(in srgb,#f5b700 30%,var(--gray3))}.storyboard-column:nth-child(2) .storyboard-empty-lane{border-color:color-mix(in srgb,var(--blue-blue) 24%,var(--gray3))}.storyboard-column:nth-child(3) .storyboard-empty-lane{border-color:color-mix(in srgb,var(--green-green) 28%,var(--gray3))}.storyboard-card{border-radius:18px;padding:14px;background:var(--main-background);border:1px solid var(--gray2);cursor:pointer;color:var(--text);text-align:left}.storyboard-card--dragging{opacity:.48}.storyboard-card-header,.storyboard-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.storyboard-card-header{align-items:flex-start}.storyboard-card-title-row{min-width:0;display:inline-flex;align-items:center;gap:10px;flex:1}.storyboard-card-emoji{font-size:24px;flex-shrink:0}.storyboard-card-date{font-size:12px;color:var(--sub-text);flex-shrink:0;margin-top:2px}.storyboard-card-name{font-size:18px;font-family:ARLRDBD,sans-serif;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-card-markdown{margin:12px 0 16px;color:var(--sub-text);line-height:1.5;min-height:66px}.storyboard-card-chip{height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--blue-blue) 16%,transparent);color:var(--blue-blue);font-size:12px;font-family:ARLRDBD,sans-serif}.storyboard-card-chip--planned{background:color-mix(in srgb,#f5b700 18%,transparent);color:#b88200}.storyboard-card-chip--inprogress{background:color-mix(in srgb,var(--blue-blue) 16%,transparent);color:var(--blue-blue)}.storyboard-card-chip--done{background:color-mix(in srgb,var(--green-green) 18%,transparent);color:var(--green-green)}.storyboard-card-open{height:30px;border:none;border-radius:10px;padding:0 10px;background:var(--gray1);color:var(--text);cursor:pointer;transition:background .15s ease}.storyboard-card-open:hover{background:var(--gray2)}.storyboard-empty-state,.storyboard-picker-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--sub-text)}.storyboard-site-grid{width:min(880px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.storyboard-site-card{border:1px solid var(--gray2);border-radius:22px;padding:18px;background:var(--gray1);color:var(--text);display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:background .15s ease}.storyboard-site-card:hover{background:var(--gray2)}.storyboard-site-card-icon{width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--blue-blue) 14%,transparent);color:var(--blue-blue)}.storyboard-site-card-name{font-family:ARLRDBD,sans-serif;font-size:18px;color:var(--text)}.storyboard-site-card-domain{margin-top:6px;color:var(--sub-text)}@media (max-width: 1080px){.storyboard-column--collapsed{min-width:0;max-width:none;min-height:auto}.storyboard-column--collapsed .storyboard-column-header{height:auto;padding:14px 16px;flex-direction:row;justify-content:space-between;align-items:center}.storyboard-column--collapsed .storyboard-column-title{flex-direction:row;gap:10px;flex:0 1 auto;padding-top:0}.storyboard-column--collapsed .storyboard-column-title>span:first-child{writing-mode:horizontal-tb;transform:none;letter-spacing:.04em;font-size:14px}.storyboard-column--collapsed .storyboard-column-actions{width:auto;margin-bottom:0;order:0;align-self:auto}}@media (max-width: 720px){.storyboard-topbar{flex-wrap:wrap;padding:16px}.storyboard-topbar-title h1{font-size:20px}.storyboard-topbar-actions{width:100%}.storyboard-action-button{flex:1;justify-content:center}.storyboard-columns{padding:16px}.storyboard-page--embedded .storyboard-columns{padding:10px 10px 14px}.storyboard-column--collapsed{border-radius:16px}.storyboard-column--collapsed .storyboard-column-header{padding:12px 14px;flex-direction:row;justify-content:space-between;align-items:center}.storyboard-column--collapsed .storyboard-column-title{flex-direction:row;gap:8px}.storyboard-column--collapsed .storyboard-column-title>span:first-child{writing-mode:horizontal-tb;transform:none;letter-spacing:.04em;font-size:13px}.storyboard-column--collapsed .storyboard-column-count{min-width:30px;height:30px;border-radius:10px}.storyboard-column--collapsed .storyboard-column-toggle{width:30px;height:30px;border-radius:10px}}@container (min-width: 920px){.storyboard-page--embedded .storyboard-columns{overflow:hidden}}@container (max-width: 430px){.storyboard-page--embedded .storyboard-columns{padding:10px 10px 14px}}.board-document-page{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;background:var(--main-background);color:var(--text);font-family:ARLRDBD,sans-serif;overflow:hidden}.board-document-page--embedded{min-height:100%;height:100%;width:100%;min-width:0;overflow:hidden}.board-document-page--embedded .board-document-layout{height:100%}.board-document-page--loading{align-items:center;justify-content:center;gap:12px;color:var(--sub-text)}.board-document-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--gray2);background:var(--main-background)}.board-document-topbar-back{width:36px;height:36px;border:1px solid var(--gray2);border-radius:10px;background:var(--gray1);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.board-document-topbar-back:hover{background:var(--gray2)}.board-document-topbar-copy{flex:1;min-width:0}.board-document-topbar-center{position:absolute;left:50%;transform:translate(-50%)}.board-document-topbar-kicker,.board-document-field-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub-text)}.board-document-topbar-title{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:17px;line-height:1.2;font-family:ARLRDBD,sans-serif;color:var(--text)}.board-document-topbar-emoji{font-size:20px;cursor:pointer;border-radius:6px;padding:2px 3px;transition:background .15s ease}.board-document-topbar-emoji:hover{background:var(--gray2)}.board-document-topbar-name{cursor:text}.board-document-topbar-name-input{background:var(--gray1);border:1px solid var(--blue-blue);border-radius:8px;padding:2px 8px;font-size:17px;font-family:ARLRDBD,sans-serif;color:var(--text);outline:none;min-width:0;width:220px;box-shadow:0 0 0 2px #0f83e91a}.board-document-topbar-meta{margin-top:2px;font-size:13px;color:var(--sub-text)}.board-document-topbar-actions{display:flex;align-items:center;gap:8px}.board-document-action{height:38px;border:1px solid var(--gray2);border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;background:var(--gray1);color:var(--text);font-family:ARLRDBD,sans-serif;font-size:14px;cursor:pointer;transition:background .15s ease}.board-document-action:hover{background:var(--gray2)}.board-document-action--ghost{background:var(--gray1);color:var(--text)}.board-document-start-btn-group{position:relative;display:flex;align-items:stretch;border-radius:12px;overflow:visible}.board-document-start-btn{height:36px;padding:0 14px;display:inline-flex;align-items:center;border:none;border-radius:12px 0 0 12px;font-family:ARLRDBD,sans-serif;font-size:14px;cursor:pointer;transition:opacity .15s ease,filter .15s ease;white-space:nowrap}.board-document-start-btn:hover{filter:brightness(1.08)}.board-document-start-btn-arrow{height:36px;width:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(255,255,255,.18);border-radius:0 12px 12px 0;font-size:11px;cursor:pointer;transition:opacity .15s ease,filter .15s ease}.board-document-start-btn-arrow:hover{filter:brightness(1.08)}.board-document-start-btn--planned,.board-document-start-btn-arrow--planned{background:var(--blue-blue);color:#fff}.board-document-start-btn--inprogress,.board-document-start-btn-arrow--inprogress{background:var(--green-green, #22c55e);color:#fff}.board-document-start-btn--done,.board-document-start-btn-arrow--done{background:var(--gray3, var(--gray2));color:var(--text)}.board-document-save-pill{min-width:86px;height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-family:ARLRDBD,sans-serif;font-size:13px;background:var(--gray1);color:var(--sub-text);border:1px solid var(--gray2);transition:color .15s ease,border-color .15s ease}.board-document-save-pill--saving{color:var(--blue-blue);border-color:var(--blue-blue)}.board-document-save-pill--saved{color:var(--green-green);border-color:var(--green-green)}.board-document-save-pill--error{color:var(--red-red);border-color:var(--red-red)}.board-document-lane-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--main-background);border:1px solid var(--gray2);border-radius:12px;padding:4px;box-shadow:0 8px 24px #0000001f;z-index:200;display:flex;flex-direction:column;gap:2px}.board-document-lane-dropdown-item{height:36px;padding:0 12px;display:flex;align-items:center;border:none;border-radius:8px;background:none;color:var(--text);font-family:ARLRDBD,sans-serif;font-size:14px;cursor:pointer;text-align:left;transition:background .1s ease}.board-document-lane-dropdown-item:hover{background:var(--gray1)}.board-document-lane-dropdown-item--active{color:var(--blue-blue);background:var(--gray1)}.board-document-action--save{background:var(--gray1);border:1px solid var(--gray2);color:var(--sub-text)}.board-document-action--save:hover{background:var(--gray2);color:var(--text)}.board-document-emoji-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.board-document-emoji-modal{background:var(--main-background);border:1px solid var(--gray2);border-radius:16px;overflow:hidden;width:360px;max-width:95vw}.board-document-emoji-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray2);font-family:ARLRDBD,sans-serif;font-size:14px;color:var(--text)}.board-document-emoji-modal-header button{background:none;border:none;color:var(--sub-text);font-size:20px;cursor:pointer;line-height:1;padding:0 4px;border-radius:6px;transition:background .15s ease,color .15s ease}.board-document-emoji-modal-header button:hover{background:var(--gray1);color:var(--text)}.board-document-error-banner,.board-document-error{margin:14px 20px 0;padding:10px 14px;border-radius:10px;background:var(--gray1);border:1px solid var(--red-red);color:var(--red-red);font-size:14px}.board-document-canvas-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:1px solid var(--gray2);border-radius:999px;background:var(--gray1);color:var(--sub-text);font-family:ARLRDBD,sans-serif;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.board-document-canvas-pill:hover{background:var(--gray2);color:var(--text)}.board-document-canvas-pill--active{color:var(--text);border-color:var(--gray3, var(--gray2))}.board-document-layout{flex:1;min-height:0;display:grid;align-items:stretch}.board-document-layout--mobile{display:flex;flex-direction:column}.board-document-layout--editor-only{grid-template-columns:minmax(0,1fr)}.board-document-editor,.board-document-canvas-shell{min-height:0}.board-document-canvas-shell{height:100%}.board-document-editor{padding:20px 20px 100px;display:flex;flex-direction:column;background:var(--main-background);border-right:1px solid var(--gray2);overflow-y:auto}.board-document-editor--full{border-right:none;align-items:center}.board-document-editor--full .mbe-root{flex:0 0 auto;width:min(100%,600px)}.board-document-fields{display:grid;grid-template-columns:82px minmax(0,1fr) 160px;gap:12px}.board-document-field{display:flex;flex-direction:column;gap:6px}.board-document-input,.board-document-select,.board-document-textarea{border-radius:10px;color:var(--text);font:inherit!important;font-family:ARLRDBD,sans-serif!important;transition:border-color .15s ease,background .15s ease}.board-document-input:focus,.board-document-select:focus,.board-document-textarea:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 2px #0f83e91a}.board-document-input:hover,.board-document-select:hover{border-color:var(--gray3, var(--gray2));background:var(--main-background)}.board-document-input,.board-document-select{height:44px;padding:0 12px}.board-document-input--emoji{font-size:22px;text-align:center;padding:0}.board-document-toolbar{display:flex;flex-wrap:wrap;gap:6px}.board-document-toolbar button{height:32px;border:1px solid var(--gray2);border-radius:8px;padding:0 12px;background:var(--gray1);color:var(--text);font-size:13px;cursor:pointer;font-family:ARLRDBD,sans-serif;transition:background .15s ease,border-color .15s ease,color .15s ease}.board-document-toolbar button:hover{background:var(--gray2);border-color:var(--blue-blue);color:var(--blue-blue)}.board-document-markdown{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.board-document-textarea{flex:1;min-height:360px;padding:16px;resize:none;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.board-document-resize-handle{cursor:col-resize;background:var(--gray2);opacity:.6;width:5px;border-radius:20px;transition:opacity .15s ease,background .15s ease}.board-document-resize-handle:hover{opacity:1;background:var(--blue-blue)}.board-document-canvas-shell{display:flex;flex-direction:column;min-width:0;background:var(--main-background)}.board-document-canvas-header{padding:16px 20px 12px;border-bottom:1px solid var(--gray2)}.board-document-canvas-title{margin-top:4px;font-family:ARLRDBD,sans-serif;font-size:15px;color:var(--text)}.board-document-canvas-body{flex:1;min-height:0;display:flex}.board-document-canvas-body .canvas-page.embedded{background:var(--best-gray)}@media (max-width: 960px){.board-document-topbar{flex-wrap:wrap;padding:12px 16px;gap:12px}.board-document-topbar-title{font-size:15px}.board-document-topbar-center{position:static;transform:none;width:100%;display:flex;justify-content:center;order:3}.board-document-topbar-actions{width:100%}.board-document-action,.board-document-save-pill{flex:1;justify-content:center}.board-document-editor{border-right:none;border-bottom:1px solid var(--gray2);padding:14px 14px 90px}.board-document-editor--full{border-bottom:none}.board-document-fields{grid-template-columns:80px minmax(0,1fr)}.board-document-field--status{grid-column:1 / -1}.board-document-textarea{min-height:260px}.board-document-canvas-body{min-height:55vh}.board-document-talk-button{right:16px;bottom:16px}}.mbe-root{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.mbe-editable{flex:1;outline:none;padding:12px 4px 80px;font-family:inherit;font-size:15px;line-height:1.7;color:var(--text);min-height:360px;caret-color:var(--blue-blue)}.mbe-editable--hidden{display:none}.mbe-paragraph{margin:0 0 2px;min-height:1.7em}.mbe-h1{margin:24px 0 6px;font-size:26px;font-weight:800;line-height:1.2;font-family:ARLRDBD,sans-serif;color:var(--text);letter-spacing:-.01em}.mbe-h1:first-child{margin-top:0}.mbe-h2{margin:18px 0 4px;font-size:20px;font-weight:700;line-height:1.25;font-family:ARLRDBD,sans-serif;color:var(--text)}.mbe-h3{margin:14px 0 4px;font-size:16px;font-weight:700;line-height:1.3;font-family:ARLRDBD,sans-serif;color:var(--text)}.mbe-blockquote{margin:6px 0;padding:8px 16px;border-left:3px solid var(--blue-blue);color:var(--sub-text);font-style:italic;background:var(--gray1);border-radius:0 8px 8px 0}.mbe-code-block{margin:8px 0;padding:12px 16px;background:var(--gray1);border:1px solid var(--gray2);border-radius:10px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;color:var(--text)}.mbe-code-block code{font:inherit;background:none;padding:0}.mbe-table-block{position:relative;margin:18px 0;padding:0 42px}.mbe-table-edge-btn{position:absolute;top:50%;transform:translateY(-50%);min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--gray3) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--background) 94%,white);color:var(--sub-text);font:inherit;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 8px 20px #0f172a14;transition:opacity .14s ease,transform .14s ease,border-color .14s ease,color .14s ease,background .14s ease}.mbe-table-block:hover .mbe-table-edge-btn,.mbe-table-block:focus-within .mbe-table-edge-btn{opacity:1;pointer-events:auto}.mbe-table-edge-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--gray3) 92%,transparent);background:color-mix(in srgb,var(--background) 82%,white)}.mbe-table-edge-btn--left{left:0}.mbe-table-edge-btn--right{right:0}.mbe-table-edge-btn-plus{font-size:16px;line-height:1;color:var(--blue-blue)}.mbe-table-scroll{overflow-x:auto;padding-bottom:4px}.mbe-table{background:var(--background);border:1px solid color-mix(in srgb,var(--gray3) 55%,transparent);border-radius:12px;overflow:hidden}.mbe-table-row{display:grid}.mbe-table-row+.mbe-table-row{border-top:1px solid color-mix(in srgb,var(--gray2) 76%,transparent)}.mbe-table-cell{padding:7px 10px;vertical-align:top;text-align:left;background:var(--background);min-height:30px;transition:background .12s ease}.mbe-table-cell+.mbe-table-cell{border-left:1px solid color-mix(in srgb,var(--gray2) 76%,transparent)}.mbe-table-row:hover .mbe-table-cell{background:color-mix(in srgb,var(--gray1) 26%,transparent)}.mbe-table-cell--header{font-family:ARLRDBD,sans-serif;color:var(--text);background:color-mix(in srgb,var(--best-gray) 72%,var(--background))}.mbe-table-row:hover .mbe-table-cell--header{background:color-mix(in srgb,var(--best-gray) 84%,var(--background))}.mbe-table-cell .mbe-paragraph{margin:0;min-height:1.15em;line-height:1.35}.mbe-list-item{display:flex;align-items:baseline;gap:8px;margin:1px 0;padding-left:4px}.mbe-list-bullet{flex-shrink:0;color:var(--sub-text);font-size:16px;line-height:1.7;width:16px;user-select:none}.mbe-list-number{flex-shrink:0;color:var(--sub-text);font-size:14px;line-height:1.7;user-select:none;counter-increment:list-counter}.mbe-list-number:before{content:counter(list-counter) "."}.mbe-list-item-content{flex:1;min-width:0}.mbe-editable{counter-reset:list-counter}.mbe-check-item{display:flex;align-items:baseline;gap:8px;margin:1px 0;padding-left:4px}.mbe-check-box{flex-shrink:0;width:16px;height:16px;border:1.5px solid var(--gray3, var(--gray2));border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;font-size:11px;color:#fff;background:transparent;transition:background .12s ease,border-color .12s ease;position:relative;top:2px}.mbe-check-item--checked .mbe-check-box{background:var(--blue-blue);border-color:var(--blue-blue)}.mbe-check-item--checked .mbe-check-item-content{opacity:.5;text-decoration:line-through}.mbe-check-item-content{flex:1;min-width:0}.mbe-inline-code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.875em;background:var(--gray1);border:1px solid var(--gray2);border-radius:4px;padding:1px 5px;color:var(--text)}.mbe-image-block,.mbe-frame-block{margin:18px 0}.mbe-frame-block-hidden{display:none}.mbe-image-block{position:relative;display:inline-block;vertical-align:baseline;line-height:0;max-width:100%;margin:0 .42em 0 0}.mbe-image-block--wrap-left{float:left;display:block;clear:none;width:min(100%,var(--mbe-image-width, 420px));margin:8px 24px 16px 0;shape-outside:inset(0 round 18px);shape-margin:14px}.mbe-image-block--wrap-right{float:right;display:block;clear:none;width:min(100%,var(--mbe-image-width, 420px));margin:8px 0 16px 24px;shape-outside:inset(0 round 18px);shape-margin:14px}.mbe-image-block--break-text{display:block;width:100%;margin:16px 0;clear:both}.mbe-image-block--inline{float:none;width:min(100%,var(--mbe-image-width, 420px));max-width:100%;margin:0 .42em 0 0;vertical-align:text-bottom}.mbe-image-block--behind-text,.mbe-image-block--in-front-of-text{position:relative;display:inline-block;width:0;height:0;margin:0;clear:none;vertical-align:baseline;overflow:visible}.mbe-image-shell{position:relative;display:inline-block;width:100%;max-width:min(100%,var(--mbe-image-width, 420px))}.mbe-image-block--wrap-left .mbe-image-shell,.mbe-image-block--wrap-right .mbe-image-shell,.mbe-image-block--inline .mbe-image-shell{width:100%;max-width:min(100%,var(--mbe-image-width, 420px))}.mbe-image-block--break-text .mbe-image-shell{width:100%}.mbe-image-block--behind-text .mbe-image-shell,.mbe-image-block--in-front-of-text .mbe-image-shell{position:absolute;left:var(--mbe-image-offset-x, 0px);top:var(--mbe-image-offset-y, 0px);width:min(100vw,var(--mbe-image-width, 420px));max-width:min(100vw,var(--mbe-image-width, 420px));overflow:visible}.mbe-image-block--behind-text .mbe-image-media,.mbe-image-block--in-front-of-text .mbe-image-media{position:relative;width:100%;transform:none}.mbe-image-block--behind-text .mbe-image-media{z-index:-1;opacity:.72}.mbe-image-block--in-front-of-text .mbe-image-media{z-index:3}.mbe-image-media{width:100%;max-width:100%;max-height:720px;object-fit:contain;display:block;border-radius:18px;background:transparent;cursor:grab;user-select:none;box-shadow:none}.mbe-image-media:active{cursor:grabbing}.mbe-image-block.is-selected .mbe-image-media{outline:2px solid var(--blue-blue);outline-offset:4px}.mbe-image-placeholder{width:min(100%,var(--mbe-image-width, 420px));min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--gray3);border-radius:18px;color:var(--sub-text);background:var(--background)}.mbe-image-toolbar{position:absolute;left:50%;top:-48px;z-index:6;transform:translate(-50%);width:max-content;max-width:min(calc(100vw - 24px),100%);min-height:40px;padding:6px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;border:2px solid var(--gray2);border-radius:16px;background:var(--best-gray);box-shadow:0 8px 24px var(--shadow)}.mbe-image-toolbar-btn{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:2px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.mbe-image-toolbar-btn:hover{background:var(--background);border-color:var(--gray3)}.mbe-image-toolbar-btn.is-active{border-color:var(--blue-blue);background:var(--blue-light);color:var(--blue-blue)}.mbe-image-toolbar-size{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:4px;padding-left:8px;border-left:2px solid var(--gray2);color:var(--sub-text);font-size:12px}@media (max-width: 640px){.mbe-image-toolbar{top:auto;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 24px));max-width:min(280px,calc(100vw - 24px))}.mbe-image-toolbar-btn{flex:1 1 auto;min-width:0}.mbe-image-toolbar-size{width:100%;margin-left:0;padding-left:0;padding-top:6px;border-left:0;border-top:2px solid var(--gray2)}}.mbe-image-resize-handle{position:absolute;right:-2px;bottom:-2px;z-index:5;width:18px;height:18px;padding:0;border:0;border-right:4px solid var(--blue-blue);border-bottom:4px solid var(--blue-blue);border-radius:0 0 14px;background:transparent;box-shadow:none;cursor:nwse-resize}.mbe-image-crop-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.28)}.mbe-image-crop-modal{width:min(920px,calc(100vw - 24px));max-height:min(88vh,820px);display:flex;flex-direction:column;gap:16px;padding:18px;border:2px solid var(--gray2);border-radius:24px;background:var(--main-background);box-shadow:0 20px 48px var(--shadow)}.mbe-image-crop-header,.mbe-image-crop-actions,.mbe-image-crop-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.mbe-image-crop-header h3,.mbe-image-crop-header p{margin:0}.mbe-image-crop-header h3{font-size:22px;font-family:ARLRDBD,sans-serif}.mbe-image-crop-header p,.mbe-image-crop-info{color:var(--sub-text);font-size:13px}.mbe-image-crop-close,.mbe-image-crop-btn{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);font:inherit;cursor:pointer}.mbe-image-crop-btn.primary{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.mbe-image-crop-close:hover,.mbe-image-crop-btn:hover:not(:disabled){background:var(--background);border-color:var(--gray3)}.mbe-image-crop-btn.primary:hover:not(:disabled){background:#0b74cf;border-color:#0b74cf}.mbe-image-crop-btn:disabled{opacity:.6;cursor:not-allowed}.mbe-image-crop-body{min-height:0;display:flex;flex-direction:column;gap:12px}.mbe-image-crop-preview{min-height:320px;flex:1;display:flex;align-items:center;justify-content:center;padding:20px;border:2px solid var(--gray2);border-radius:20px;background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%);background-position:0 0,12px 12px;background-size:24px 24px;overflow:auto}.mbe-image-crop-canvas{position:relative;flex:0 0 auto}.mbe-image-crop-source{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.mbe-image-crop-mask{position:absolute;inset:0;background:rgba(15,23,42,.46);pointer-events:none}.mbe-image-crop-selection{position:absolute;border:2px solid var(--blue-blue);box-shadow:0 0 0 9999px #0f172a05;cursor:move}.mbe-image-crop-selection.is-dragging{cursor:grabbing}.mbe-image-crop-grid{position:absolute;inset:0;border:1px solid rgba(255,255,255,.32);background-image:linear-gradient(to right,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.28) 1px,transparent 1px);background-size:33.333% 100%,100% 33.333%;pointer-events:none}.mbe-image-crop-handle{position:absolute;width:14px;height:14px;padding:0;border:2px solid var(--blue-blue);border-radius:999px;background:var(--background);box-shadow:none;cursor:pointer}.mbe-image-crop-handle-nw,.mbe-image-crop-handle-ne,.mbe-image-crop-handle-sw,.mbe-image-crop-handle-se{margin:-7px}.mbe-image-crop-handle-nw{top:0;left:0;cursor:nwse-resize}.mbe-image-crop-handle-ne{top:0;right:0;cursor:nesw-resize}.mbe-image-crop-handle-sw{bottom:0;left:0;cursor:nesw-resize}.mbe-image-crop-handle-se{right:0;bottom:0;cursor:nwse-resize}.mbe-image-crop-handle-n,.mbe-image-crop-handle-s{left:50%;margin-left:-7px}.mbe-image-crop-handle-e,.mbe-image-crop-handle-w{top:50%;margin-top:-7px}.mbe-image-crop-handle-n{top:0;cursor:ns-resize}.mbe-image-crop-handle-s{bottom:0;cursor:ns-resize}.mbe-image-crop-handle-e{right:0;cursor:ew-resize}.mbe-image-crop-handle-w{left:0;cursor:ew-resize}@media (max-width: 720px){.mbe-image-crop-overlay{padding:12px}.mbe-image-crop-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:14px;border-radius:20px}.mbe-image-crop-header,.mbe-image-crop-actions,.mbe-image-crop-info{align-items:flex-start;flex-direction:column}.mbe-image-crop-preview{min-height:260px;padding:12px}}.mbe-frame-card{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;transition:opacity .14s ease}.mbe-frame-card:hover{opacity:.96}.mbe-frame-card--missing{cursor:default}.mbe-frame-card-name{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:10px;background:var(--best-gray);color:var(--text);font-size:13px;font-family:ARLRDBD,sans-serif}.mbe-frame-card-preview{width:100%;aspect-ratio:16 / 10;display:block;padding:8px;border-radius:22px;overflow:hidden;background:var(--best-gray)}.mbe-frame-card-preview img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px;background:#000}.mbe-frame-card-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:14px;font-size:13px;line-height:1.4;color:var(--sub-text);background:#000}.mbe-slash-menu{position:fixed;z-index:9999;width:260px;background:var(--main-background);border:1px solid var(--gray2);border-radius:14px;padding:6px;box-shadow:0 12px 40px #00000026,0 2px 8px #00000014;display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto;animation:mbe-menu-in .1s ease-out}@keyframes mbe-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mbe-slash-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border:none;border-radius:9px;background:none;cursor:pointer;text-align:left;width:100%;transition:background .1s ease;color:var(--text)}.mbe-slash-item:hover,.mbe-slash-item--active{background:var(--gray1)}.mbe-slash-icon{flex-shrink:0;width:28px;height:28px;background:var(--gray2);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-family:ARLRDBD,sans-serif;font-weight:700;color:var(--text)}.mbe-slash-text{display:flex;flex-direction:column;gap:1px}.mbe-slash-label{font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--text);line-height:1.2}.mbe-slash-desc{font-size:11px;color:var(--sub-text);line-height:1.2}.mbe-frame-picker{position:fixed;z-index:9999;width:320px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--gray2);border-radius:16px;background:var(--main-background);box-shadow:0 12px 40px #00000026,0 2px 8px #00000014}.mbe-frame-picker-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;width:100%;padding:8px;border:none;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.mbe-frame-picker-item:hover,.mbe-frame-picker-item--active{background:var(--gray1)}.mbe-frame-picker-item--new{border:1px dashed var(--gray3, var(--gray2))}.mbe-frame-picker-thumb{height:58px;border-radius:10px;overflow:hidden;border:1px solid var(--gray2);background:var(--gray1);display:flex}.mbe-frame-picker-thumb--new{align-items:center;justify-content:center;background:var(--best-gray);border-style:dashed}.mbe-frame-picker-plus{width:26px;height:26px;border-radius:999px;border:1px solid var(--gray3, var(--gray2));display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--text)}.mbe-frame-picker-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mbe-frame-picker-thumb-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;font-size:11px;color:var(--sub-text);line-height:1.3}.mbe-frame-picker-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.mbe-frame-picker-title{font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbe-frame-picker-id{font-size:11px;color:var(--sub-text);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbe-frame-picker-empty{padding:12px;font-size:13px;color:var(--sub-text)}.mbe-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px 20px;cursor:text;pointer-events:all;overflow:hidden}.mbe-empty-header{text-align:center;animation:mbe-fade-up .45s ease-out both}.mbe-empty-headline{font-family:ARLRDBD,sans-serif;font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin-bottom:8px}.mbe-empty-sub{font-size:14px;color:var(--sub-text);line-height:1.5}.mbe-empty-sub kbd{display:inline-block;background:var(--gray2);border:1px solid var(--gray3, var(--gray2));border-radius:5px;padding:1px 6px;font-family:inherit;font-size:12px;color:var(--text);line-height:1.4;margin:0 2px}.mbe-empty-ghost{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;pointer-events:none;animation:mbe-fade-up .55s .1s ease-out both}.mbe-ghost-row{border-radius:6px;background:linear-gradient(90deg,var(--gray1) 0%,var(--gray2) 50%,var(--gray1) 100%);background-size:200% 100%;animation:mbe-shimmer 2.2s infinite linear}@keyframes mbe-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes mbe-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mbe-ghost-h1{height:22px;width:60%;border-radius:6px}.mbe-ghost-h2{height:16px;width:45%;border-radius:5px;margin-top:4px}.mbe-ghost-p{height:12px}.mbe-ghost-p--long{width:100%}.mbe-ghost-p--medium{width:75%}.mbe-ghost-bullet{height:12px;margin-left:20px;width:calc(80% - 20px);position:relative}.mbe-ghost-bullet:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--gray2)}.mbe-ghost-bullet--short{width:calc(55% - 20px)}.mbe-ghost-check{height:12px;margin-left:24px;width:calc(70% - 24px);position:relative}.mbe-ghost-check:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:3px;border:1.5px solid var(--gray2);background:transparent}.mbe-ghost-check--done:before{background:var(--gray2)}@media (max-width: 720px){.mbe-frame-picker{width:min(320px,calc(100vw - 32px))}}.events-page-main-content{padding:0 8px}.events-page-mobile-actions{display:none}.events-page-cards-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,320px));align-items:start}.events-page-card{width:100%;max-width:320px;border-radius:25px;overflow:hidden;display:flex;flex-direction:column;background:var(--background);box-shadow:0 4px 24px #00000014;transition:transform .2s ease,box-shadow .2s ease}.events-page-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.events-page-card-image-wrapper{width:100%!important;height:auto!important;aspect-ratio:6 / 7;border-radius:25px!important;position:relative;overflow:hidden}.events-page-card-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.dashboard-event-text{padding:0 12px 12px;position:absolute;bottom:0;left:0;right:0}.dashboard-event-title{margin:0 0 6px;font-size:1.1rem;line-height:1.2}.dashboard-event-desc{margin:0 0 8px;font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dashboard-event-tags{display:flex;flex-wrap:wrap;gap:4px}.dashboard-event-chip{font-size:10px;padding:4px 8px}.events-page-loading,.events-page-empty{padding:40px;font-family:ARLRDBD,sans-serif;opacity:.8}.events-page-card-text-mobile{display:none}.events-filter-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--best-gray, #f0f0f0);border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s ease}.events-filter-button:hover{outline:2px solid var(--gray1)}@media (max-width: 900px){.events-page-main-content{padding:12px 12px 0}.events-page-mobile-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 4px 12px;position:sticky;top:0;z-index:5;background:var(--main-background)}.events-page-mobile-title{margin:0;font-size:20px;font-weight:600}.events-page-mobile-filter{justify-content:center;border-radius:12px}.events-page-mobile-create{border-radius:12px;padding:8px 12px;white-space:nowrap}.events-page-cards-grid{grid-template-columns:1fr;gap:12px;padding-bottom:200px}.events-page-section-header{display:none}.events-page-card{max-width:none;border-radius:23px;height:auto;min-height:150px;display:flex;flex-direction:row;padding:5px}.events-page-card-image-wrapper{width:110px!important;min-width:110px!important;height:140px!important;aspect-ratio:unset!important;border-radius:20px!important;flex-shrink:0}.events-page-card-image-wrapper img{border-radius:20px}.events-page-card .dashboard-event-gradient,.events-page-card-text-desktop{display:none}.events-page-card-text-mobile{display:flex;flex-direction:column;justify-content:center;padding:10px;flex:1;min-width:0}.events-page-card-title{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--text);line-height:1.2}.events-page-card-desc{margin:0 0 6px;font-size:12px;color:var(--sub-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.events-page-card-tags{display:flex;flex-wrap:wrap;gap:5px}.events-page-card-chip{background:var(--gray2);color:var(--text);padding:5px 8px;border-radius:10px;font-size:10px}.events-page-card .event-card-badge{top:10px;right:auto;left:10px;font-size:10px;padding:4px 10px}}.event-dashboard{display:flex;height:100vh;overflow:visible;background-color:var(--main-background, #f0f0f0)!important}.event-dashboard-main-content{flex:1;display:flex;flex-direction:column;overflow:auto}.event-dashboard-header{padding-top:20px;padding-left:10px}.event-dashboard-back-button{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:18px;font-weight:500;color:var(--text-color, #333);transition:color .2s}.event-dashboard-back-button:hover{color:var(--primary-color, var(--blue-blue))}.event-dashboard-container{flex:1;padding:0 20px 20px;min-height:0}.event-dashboard-row{display:flex;gap:20px;height:100%;max-width:1800px;margin:0 auto}.event-dashboard-sidebar{width:500px;max-width:100%;padding-right:10px}.event-sidebar-content{display:flex;flex-direction:column;gap:20px;padding-bottom:50px}@media (max-width: 768px){.event-dashboard-sidebar{width:100%;padding-right:0}.event-sidebar-content{padding-bottom:250px}}.event-header-card{border-radius:30px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);padding:11px;position:relative;display:flex;gap:10px}.event-header-image{width:70px;height:80px;border-radius:20px;overflow:hidden;flex-shrink:0}.event-header-image img{width:100%;height:100%;object-fit:cover}.event-header-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding-right:130px}.event-header-title{font-size:20px;font-weight:600;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.event-header-date{font-size:15px;color:var(--subtext-color, #666);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.event-header-count{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.event-header-count{align-items:flex-end;gap:2px;pointer-events:none}.event-header-count-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-blue);border:1px solid rgba(15,131,233,.18);padding:6px 10px;border-radius:999px;box-shadow:0 6px 18px #0f83e90f,inset 0 1px #fff9}.event-header-count-number{font-size:16px;font-weight:800;color:var(--text-color, #111)}.event-header-count-label{font-size:15px;color:var(--subtext-color, #666);font-weight:600}.event-header-count-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--blue-blue);color:#fff;font-size:14px;flex-shrink:0}.event-header-card .event-header-count{top:50%;right:16px;transform:translateY(-50%);position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.event-header-card .event-header-count-badge{display:inline-flex;align-items:center;gap:10px;background:var(--best-gray);border:1px solid rgba(0,0,0,.06);padding:8px 12px;border-radius:999px;font-family:var(--font-arial-rounded-mt, Arial, sans-serif)}.event-header-card .event-header-count-number{font-size:16px;font-weight:800;color:var(--contrast1, #242323);line-height:1}.event-header-card .event-header-count-label{font-size:12px;color:var(--sub-text, rgba(0, 0, 0, .8));font-weight:600;margin-top:0}.event-header-count-label-prefix{display:inline}@media (max-width: 768px){.event-header-count-label-prefix{display:none}}.event-dashboard.dark .event-header-card .event-header-count-badge{background:var(--contrast-f7, #1e1e1e);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 20px var(--shadow, rgba(134, 150, 150, .08))}.event-dashboard.dark .event-header-card .event-header-count-number{color:var(--contrast1, #FFFFFF)}.event-dashboard.dark .event-header-card .event-header-count-label{color:var(--sub-text, #828282)}.event-stats-row{display:flex;gap:20px;flex-wrap:wrap}.event-stat-box{background:var(--best-gray, #f5f5f5);border-radius:20px;padding:15px 20px;text-align:center;min-width:120px}.event-stat-number{font-size:23px;font-weight:600;color:var(--text-color, #333)}.event-stat-label{font-size:15px;color:var(--subtext-color, #666);margin-top:5px}.event-stat-action{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:var(--card-background, #ffffff);border:2px solid var(--card-background, #ffffff);transition:all .2s}.event-stat-action:hover{background:var(--best-gray, #f5f5f5)}.event-stat-action svg{font-size:18px;color:var(--text-color, #333)}.event-stat-action span{font-size:15px;font-weight:500;color:var(--text-color, #333)}.event-action-buttons{display:flex;gap:5px;border-radius:30px;padding:5px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.event-action-button{flex:1;display:flex;align-items:center;gap:10px;padding:10px;background:var(--best-gray, #f5f5f5);border-radius:20px;cursor:pointer;transition:transform .2s}.event-action-button:hover{transform:scale(1.02)}.event-action-icon{width:40px;height:40px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.event-action-text{flex:1}.event-action-text h4{margin:0;font-size:17px;font-weight:600;color:var(--text-color, #333)}.event-action-text p{margin:5px 0 0;font-size:12px;color:var(--subtext-color, #666)}.event-checkin-card{border-radius:30px;padding:10px;cursor:pointer;transition:transform .2s;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.event-checkin-card:hover{transform:scale(1.01)}.event-checkin-button{display:flex;align-items:center;gap:10px;padding:5px;background:var(--best-gray, #f5f5f5);border-radius:20px;margin-bottom:10px}.event-checkin-icon{width:100px;height:56px;background:var(--blue-blue);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}.event-checkin-text{flex:1}.event-checkin-text h4{margin:0;font-size:17px;font-weight:600;color:var(--text-color, #333)}.event-checkin-text p{margin:5px 0 0;font-size:12px;color:var(--subtext-color, #666)}.event-checkin-stats{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px}.event-checkin-stats span{font-size:14px;color:var(--text-color, #333);font-weight:500}.event-checkin-progress{width:100px;height:15px;background:var(--main-background, #f5f5f5);border-radius:20px;overflow:hidden;margin:10px auto 0}.event-checkin-progress-bar{height:100%;background:var(--blue-blue);transition:width .3s;border-radius:20px}.event-nav-menu{border-radius:30px;padding:10px;display:flex;flex-direction:column;gap:10px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.event-nav-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:20px;cursor:pointer;transition:background .2s;background:var(--best-gray, #f5f5f5)}.event-nav-item.active{background:var(--blue-blue)}.event-nav-item:hover:not(.active){background:var(--hover-background, #e8e8e8)}.event-nav-icon{width:80px;height:50px;background:var(--main-background, #ffffff);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-color, #333);flex-shrink:0;box-shadow:0 2px 5px #0000000d}.event-nav-item.active .event-nav-icon{color:var(--blue-blue)}.event-nav-text{flex:1}.event-nav-text h4{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #333)}.event-nav-item.active .event-nav-text h4{color:#fff}.event-nav-text p{margin:5px 0 0;font-size:15px;color:var(--subtext-color, #666)}.event-nav-item.active .event-nav-text p{color:#ffffffe6}.event-dashboard-content{flex:1;overflow-y:auto;padding:0 8px;min-height:0}.event-mobile-back{display:none;align-items:center;gap:10px;margin-bottom:10px;padding:10px;cursor:pointer;font-size:18px;font-weight:500;color:var(--text-color, #333)}.event-mobile-back:hover{color:var(--blue-blue)}.event-content-section{max-width:850px;padding:32px 8px 100px}.event-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.event-section-header h2{font-size:32px;margin:0;color:var(--text-color, #333)}.event-section-header p{margin:5px 0 0;font-size:14px;color:var(--subtext-color, #666)}.event-view-toggle{position:relative;width:88px;height:38px;background:var(--best-gray, #f5f5f5);border-radius:20px;cursor:pointer;display:flex;align-items:center;padding:4px;gap:4px;user-select:none;transition:background .25s ease;box-shadow:inset 0 1px 3px #00000014}.event-view-toggle:hover{background:#e8e8e8}.event-view-toggle .toggle-option{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;height:30px;color:var(--subtext-color, #888);font-size:15px;transition:color .3s ease,transform .2s ease;border-radius:16px}.event-view-toggle .toggle-option:active{transform:scale(.96)}.event-view-toggle .event-toggle-pill{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:38px;background:var(--card-background, #fff);border-radius:16px;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014;transition:transform .35s cubic-bezier(.34,.9,.3,1),box-shadow .3s ease;z-index:1}.event-view-toggle.active .event-toggle-pill{transform:translate(calc(100% + 4px));box-shadow:0 3px 8px #00000026,0 1px 3px #0000001a}.event-view-toggle:focus-visible{outline:3px solid rgba(15,131,233,.3);outline-offset:2px}.event-view-toggle.active .toggle-option:last-child{color:var(--text-color, #1a1a1a);font-weight:500}.event-view-toggle.active .toggle-option:first-child{color:var(--subtext-color, #999)}.event-view-toggle:not(.active) .toggle-option:first-child{color:var(--text-color, #1a1a1a);font-weight:500}.event-view-toggle:not(.active) .toggle-option:last-child{color:var(--subtext-color, #999)}.event-search-container{background:var(--card-background, #ffffff);border-radius:50px;box-shadow:0 2px 4px #0000001a;padding:5px;display:flex;gap:5px;margin-bottom:20px}.event-search-input{flex:1;border:none;background:var(--best-gray, #f5f5f5);border-radius:20px!important;padding:15px 20px;font-size:16px;color:var(--text-color, #333);outline:none;height:40px;box-sizing:border-box}.event-search-input::placeholder{color:var(--subtext-color, #999)}.event-search-button{width:40px;height:40px;border:none;background:var(--text-color, #333);border-radius:20px;color:var(--card-background, #ffffff);cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.event-search-button:hover{background:var(--blue-blue)}.event-filters-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.event-filters-row span{font-size:14px;font-weight:500;color:var(--text-color, #333)}.event-filter-button{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--best-gray, #f5f5f5);border:3px solid var(--card-background, #ffffff);border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:15px;color:var(--subtext-color, #666);transition:all .2s}.event-filter-button:hover{transform:scale(1.05);color:var(--text-color, #333)}.event-filters-panel{background:var(--card-background, #ffffff);border:2px solid var(--best-gray, #f5f5f5);border-radius:28px;padding:18px 20px 22px;margin-bottom:24px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:22px;animation:event-fade-in .25s ease}.event-dashboard.dark .event-filters-panel{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 6px 18px -4px #000000a6}.event-filters-subtitle{margin:0 0 8px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:var(--subtext-color, #666)}.event-dashboard.dark .event-filters-subtitle{color:#999}.event-filters-empty{margin:0;font-size:13px;color:var(--subtext-color, #777)}.event-dashboard.dark .event-filters-empty{color:#888}.event-filters-chips{display:flex;flex-wrap:wrap;gap:8px}.event-filter-chip{background:var(--best-gray, #f5f5f5);border:2px solid var(--card-background, #ffffff);padding:8px 14px;border-radius:18px;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .2s;color:var(--text-color, #222);box-shadow:0 2px 5px #00000014}.event-filter-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000024}.event-filter-chip.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 4px 14px -2px #0f83e999}.event-filter-chip.active:hover{filter:brightness(1.07)}.event-dashboard.dark .event-filter-chip{background:#2a2a2a;border-color:#1e1e1e;color:#e0e0e0;box-shadow:0 2px 6px #0009}.event-dashboard.dark .event-filter-chip:hover{background:#333}.event-dashboard.dark .event-filter-chip.active{background:var(--blue-blue);border-color:var(--blue-blue)}.event-filter-clear-all{background:var(--best-gray, #f5f5f5);border:2px solid var(--card-background, #ffffff);padding:6px 12px;border-radius:14px;font-size:12px;cursor:pointer;font-weight:600;color:var(--text-color, #333);transition:all .2s;margin-left:4px}.event-filter-clear-all:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-filter-clear-all{background:#2a2a2a;border-color:#1e1e1e;color:#e0e0e0}.event-dashboard.dark .event-filter-clear-all:hover{background:var(--blue-blue);color:#fff}.event-search-results,.event-time-results,.event-all-tickets{background:rgba(15,131,233,.1);border:3px solid var(--blue-blue);border-radius:25px;padding:10px}.event-search-results h3,.event-time-results h3{font-size:16px;margin:0 0 5px;color:var(--text-color, #333);padding:0 5px}.event-time-results{background:var(--best-gray, #f5f5f5);border-color:var(--gray-border, #ddd)}.event-all-tickets{background:transparent;border:none;padding:0}.event-tickets-list{display:flex;flex-direction:column;gap:10px}.event-content-section{max-width:850px;padding:32px 8px 100px;overflow:visible}@media (max-width: 768px){.event-dashboard-content{overflow:auto}}.event-ticket-item{background:var(--card-background, #ffffff);border:2px solid var(--card-background, #ffffff);border-radius:24px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:14px;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;box-shadow:0 2px 4px #0000000f;position:relative}.event-ticket-item:hover{transform:translateY(-2px);box-shadow:0 6px 22px -6px #00000026;border-color:var(--best-gray, #f5f5f5)}.event-dashboard.dark .event-ticket-item{background:#1e1e1e;border-color:#1e1e1e;box-shadow:0 2px 4px #0006}.event-dashboard.dark .event-ticket-item:hover{border-color:#2a2a2a;box-shadow:0 8px 26px -8px #000c}.event-ticket-item{position:relative;padding:10px 12px;background:var(--card-background, #ffffff);box-shadow:0 2px 6px #0000000f;border:2px solid var(--card-background, #ffffff);cursor:pointer;overflow:hidden}.event-dashboard.dark .event-ticket-item{background:#1e1e1e;border-color:#1e1e1e}.event-ticket-item:focus-visible{outline:3px solid var(--blue-blue)}.event-ticket-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.event-ticket-status{box-shadow:0 2px 6px #00000026}.event-ticket-info h4{font-size:15px;margin-bottom:2px}.event-ticket-info p{font-size:14px;margin-top:0}.event-ticket-meta-row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.event-dashboard-ticket-badge{font-size:11px;line-height:1;padding:6px 10px;border-radius:14px;font-weight:600;letter-spacing:.3px;background:var(--best-gray);color:var(--text)}.event-dashboard-ticket-badge.paid{background:rgba(52,168,83,.15);color:var(--green-green)}.event-dashboard-ticket-badge.unpaid{background:rgba(217,53,53,.15);color:var(--red-red)}.event-dashboard-ticket-badge.check.in{background:var(--blue-light);color:var(--blue-blue)}.event-dashboard-ticket-badge.check.out{background:var(--gray2);color:var(--sub-text)}.event-dashboard.dark .event-dashboard-ticket-badge{background:var(--gray2);color:var(--text)}.event-dashboard.dark .event-dashboard-ticket-badge.unpaid{background:rgba(217,53,53,.2);color:#ffad88}.event-dashboard.dark .event-dashboard-ticket-badge.paid{background:rgba(52,168,83,.2);color:#6edb74}.event-ticket-expand{color:var(--text-color, #333)}.event-ticket-item.compact{align-items:center;padding:8px 12px;gap:10px;min-height:auto;outline:1px solid var(--best-gray);border-radius:15px}.event-ticket-status.mini{width:38px;height:38px;border-radius:14px;font-size:16px}.event-ticket-info.single-row h4{margin-bottom:0;line-height:1.15}.event-ticket-info.single-row p{margin:2px 0 0;line-height:1.1}.event-ticket-info .ticket-name{font-size:15px;font-weight:600;margin:0;color:var(--text-color, #111)}.event-ticket-info .ticket-seat{font-size:12px;color:var(--subtext-color, #777);margin:2px 0 0}.event-ticket-item.compact .event-ticket-info{display:flex;flex-direction:column;gap:2px}.event-ticket-right{margin-left:auto;display:flex;align-items:center;gap:10px}.event-dashboard-ticket-badges-inline{display:flex;gap:6px;align-items:center}@media (max-width: 600px){.event-dashboard-ticket-badges-inline{flex-direction:column;align-items:flex-end;gap:4px}}.event-dashboard-ticket-badges-inline .event-dashboard-ticket-badge{padding:4px 8px;font-size:10px;border-radius:12px}.event-ticket-expand.minimal{background:var(--best-gray, #f5f5f5);border:none;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.event-ticket-expand.minimal:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-ticket-expand.minimal{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-ticket-expand.minimal:hover{background:var(--blue-blue)}.event-ticket-modal-overlay{position:fixed;inset:0;inset:0!important;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10000;animation:event-fade-in .2s ease}.event-ticket-modal{width:100%;max-width:560px;background:var(--card-background, #fff);border-radius:30px;box-shadow:0 24px 50px -12px #00000059;animation:event-scale-in .25s cubic-bezier(.16,.8,.24,1);display:flex;flex-direction:column;overflow:hidden}.event-dashboard.dark .event-ticket-modal{background:#1e1e1e}.event-ticket-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 12px}.event-ticket-modal-title-row{display:flex;align-items:center;gap:14px}.event-ticket-modal-status-badge{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:#E94B0F;box-shadow:0 4px 12px #00000040}.event-ticket-modal-status-badge.paid{background:#36A72D}.event-ticket-modal-heading-text h3{margin:0 0 4px;font-size:22px;font-weight:600}.event-ticket-modal-heading-text p{margin:0;font-size:14px;color:var(--subtext-color, #666)}.event-ticket-modal-close{background:var(--best-gray, #f5f5f5);border:none;width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s}.event-ticket-modal-close:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-ticket-modal-close{background:#2a2a2a}.event-dashboard.dark .event-ticket-modal-close:hover{background:var(--blue-blue)}.event-ticket-modal-body{padding:4px 26px 26px;display:flex;flex-direction:column;gap:24px}.event-ticket-modal-section{display:flex;flex-direction:column;gap:18px}.event-ticket-modal-row{display:flex;gap:14px}.event-ticket-modal-icon{width:44px;height:44px;border-radius:16px;background:var(--best-gray, #f5f5f5);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-color, #333);flex-shrink:0}.event-dashboard.dark .event-ticket-modal-icon{background:#2a2a2a;color:#e0e0e0}.event-ticket-modal-info{display:flex;flex-direction:column;gap:2px}.event-ticket-modal-info strong{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--subtext-color, #666)}.event-dashboard.dark .event-ticket-modal-info strong{color:#999}.event-ticket-modal-info span{font-size:15px;font-weight:500;color:var(--text-color, #333)}.event-dashboard.dark .event-ticket-modal-info span{color:#e0e0e0}.event-ticket-modal-mini-btn{margin-left:8px;background:var(--blue-blue);color:#fff;border:none;font-size:11px;padding:4px 10px;border-radius:12px;cursor:pointer;font-weight:500}.event-ticket-modal-mini-btn:hover{filter:brightness(1.1)}.event-ticket-modal-actions{display:flex;flex-wrap:wrap;gap:12px}.event-ticket-modal-action-btn{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--best-gray, #f5f5f5);border:none;padding:14px 18px;border-radius:18px;cursor:pointer;font-weight:600;font-size:14px;transition:all .25s;letter-spacing:.3px}.event-ticket-modal-action-btn.pay{background:var(--blue-blue);color:#fff}.event-ticket-modal-action-btn.check{background:#FFE2D5;color:#b04210}.event-ticket-modal-action-btn.check.checked{background:#DFF7E1;color:#1e7f24}.event-ticket-modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.event-dashboard.dark .event-ticket-modal-action-btn{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-ticket-modal-action-btn.pay{background:var(--blue-blue)}.event-dashboard.dark .event-ticket-modal-action-btn.check{background:#432014;color:#ffad88}.event-dashboard.dark .event-ticket-modal-action-btn.check.checked{background:#1f3b21;color:#6edb74}.event-ticket-modal-footer-note{border-top:2px solid var(--blue-blue);padding-top:10px}.event-ticket-modal-footer-note p{margin:0;font-size:13px;color:var(--subtext-color, #666)}.event-dashboard.dark .event-ticket-modal-footer-note p{color:#999}@keyframes event-fade-in{0%{opacity:0}to{opacity:1}}@keyframes event-scale-in{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width:600px){.event-ticket-modal{margin:0 14px;border-radius:26px}.event-ticket-modal-header{padding:18px 20px 10px}.event-ticket-modal-body{padding:4px 20px 20px}.event-ticket-modal-action-btn{min-width:120px}.event-ticket-modal-status-badge{width:48px;height:48px;font-size:22px}}.event-ticket-status{width:58px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;flex-shrink:0;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 10px -2px #00000040}.event-ticket-status:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 18px -4px #00000059}.event-ticket-status.paid{background:#36A72D}.event-ticket-status.unpaid{background:#E94B0F}.event-ticket-info{flex:1;display:flex;flex-direction:column;gap:4px}.event-ticket-info h4{margin:0;font-size:14px;font-weight:600;color:var(--text-color, #333);letter-spacing:.3px}.event-ticket-info p{margin:0;font-size:12px;color:var(--subtext-color, #666);font-weight:500}.event-ticket-meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.event-ticket-expand{width:46px;height:46px;border:none;background:var(--best-gray, #f5f5f5);color:var(--text-color, #333);font-size:22px;cursor:pointer;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s ease}.event-ticket-expand:hover{transform:translateY(-2px);background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-ticket-expand{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-ticket-expand:hover{background:var(--blue-blue)}.event-tickets-list .event-ticket-item{animation:ticketRowIn .25s ease}@keyframes ticketRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.event-ticket-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:3400;animation:event-fade-in .25s ease}.event-ticket-drawer{position:fixed;top:0;right:0;height:100vh;width:520px;max-width:90%;background:var(--card-background, #fff);border-left:2px solid var(--best-gray, #f0f0f2);box-shadow:-4px 0 12px #00000014;z-index:3450;display:flex;flex-direction:column;border-radius:20px 0 0 20px;animation:event-drawer-slide-in .25s ease;margin:5px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.event-dashboard.dark .event-ticket-drawer{background:#1e1e1e;border-color:#2a2a2a}@keyframes event-drawer-slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.event-ticket-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px;border-bottom:1px solid var(--best-gray, #f0f0f2)}.event-dashboard.dark .event-ticket-drawer-header{border-color:#2a2a2a}.event-ticket-drawer-title-row{display:flex;align-items:center;gap:14px}.event-ticket-drawer-status{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:#E94B0F;box-shadow:0 4px 12px #00000040}.event-ticket-drawer-status.paid{background:#36A72D}.event-ticket-drawer-heading h3{margin:0 0 4px;font-size:22px;font-weight:600}.event-ticket-drawer-heading p{margin:0;font-size:14px;color:var(--subtext-color, #666)}.event-ticket-drawer-title{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.3px}.event-ticket-drawer-subtitle{margin:0 0 10px;font-size:13px;font-weight:500;color:var(--subtext-color, #666);letter-spacing:.2px}.event-dashboard-ticket-drawer-badges{display:flex;gap:8px;flex-wrap:wrap}.event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge{font-size:11px;padding:6px 10px;border-radius:14px;font-weight:600;letter-spacing:.3px;background:var(--best-gray);color:var(--text)}.event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.paid{background:rgba(52,168,83,.15);color:var(--green-green)}.event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.unpaid{background:rgba(217,53,53,.15);color:var(--red-red)}.event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.check.in{background:rgba(15,131,233,.15);color:var(--blue-blue)}.event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.check.out{background:var(--gray2);color:var(--sub-text)}.event-dashboard.dark .event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge{background:var(--gray2);color:var(--text)}.event-dashboard.dark .event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.unpaid{background:rgba(217,53,53,.2);color:#ffad88}.event-dashboard.dark .event-dashboard-ticket-drawer-badges .event-dashboard-ticket-badge.paid{background:rgba(52,168,83,.2);color:#6edb74}.event-ticket-drawer-close{background:var(--best-gray, #f5f5f5);border:none;width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s}.event-ticket-drawer-close:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-ticket-drawer-close{background:#2a2a2a}.event-dashboard.dark .event-ticket-drawer-close:hover{background:var(--blue-blue)}.event-ticket-drawer-body{padding:18px 22px 30px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:26px}.event-ticket-drawer-section{display:flex;flex-direction:column;gap:18px}.event-ticket-drawer-row{display:flex;gap:14px}.event-ticket-drawer-icon{width:44px;height:44px;border-radius:16px;background:var(--best-gray, #f5f5f5);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-color, #333);flex-shrink:0}.event-dashboard.dark .event-ticket-drawer-icon{background:#2a2a2a;color:#e0e0e0}.event-ticket-drawer-info{display:flex;flex-direction:column;gap:2px}.event-ticket-drawer-info strong{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--subtext-color, #666)}.event-dashboard.dark .event-ticket-drawer-info strong{color:#999}.event-ticket-drawer-info span{font-size:15px;font-weight:500;color:var(--text-color, #333)}.event-dashboard.dark .event-ticket-drawer-info span{color:#e0e0e0}.event-ticket-drawer-mini-btn{margin-left:8px;background:var(--blue-blue);color:#fff;border:none;font-size:11px;padding:4px 10px;border-radius:12px;cursor:pointer;font-weight:500}.event-ticket-drawer-mini-btn:hover{filter:brightness(1.1)}.event-ticket-drawer-inline-actions{display:inline-flex;align-items:center}.event-ticket-drawer-mini-btn:active{transform:scale(.94)}.event-ticket-drawer-actions{display:flex;flex-wrap:wrap;gap:12px}.event-ticket-drawer-action-btn{flex:1;min-width:180px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--best-gray, #f5f5f5);border:none;padding:14px 18px;border-radius:18px;cursor:pointer;font-weight:600;font-size:14px;transition:all .25s;letter-spacing:.3px}.event-ticket-drawer-action-btn.pay{background:var(--blue-blue);color:#fff}.event-ticket-drawer-action-btn.check{background:#FFE2D5;color:#b04210}.event-ticket-drawer-action-btn.check.checked{background:#DFF7E1;color:#1e7f24}.event-ticket-drawer-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.event-dashboard.dark .event-ticket-drawer-action-btn{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-ticket-drawer-action-btn.pay{background:var(--blue-blue)}.event-dashboard.dark .event-ticket-drawer-action-btn.check{background:#432014;color:#ffad88}.event-dashboard.dark .event-ticket-drawer-action-btn.check.checked{background:#1f3b21;color:#6edb74}.event-ticket-drawer-footer-note{border-top:2px solid var(--blue-blue);padding-top:12px;margin-top:4px}.event-ticket-drawer-footer-note p{margin:0;font-size:13px;color:var(--subtext-color, #666)}.event-dashboard.dark .event-ticket-drawer-footer-note p{color:#999}.event-ticket-drawer-footer-note{border-top-color:var(--event-accent, var(--blue-blue))!important}@media (max-width:700px){.event-ticket-drawer{width:100%}}.event-empty-state{text-align:center;padding:40px;color:var(--subtext-color, #999)}.event-info-details{display:flex;flex-direction:column;gap:15px}.event-info-item{background:var(--card-background, #ffffff);border-radius:20px;box-shadow:0 2px 5px #0000001a;padding:15px 20px}.event-info-item strong{display:block;margin-bottom:5px;color:var(--text-color, #333);font-size:14px;font-weight:600}.event-dashboard-loading,.event-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px;text-align:center}.loading-spinner{width:30px;height:30px;border:3px solid var(--best-gray, #f5f5f5);border-top-color:var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite}.event-dashboard-error h2{margin:20px 0;color:var(--text-color, #333)}.event-dashboard-error button{padding:12px 24px;background:var(--blue-blue);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s}.event-dashboard-error button:hover{transform:scale(1.05)}.event-dashboard.dark{--text-color: #e0e0e0;--subtext-color: #999;--card-background: #1e1e1e;--gray-background: #2a2a2a;--hover-background: #333;--border-color: #333;--gray-border: #444;--input-background: #2a2a2a;background:#121212}.event-dashboard.dark .event-search-input{background:var(--best-gray, #2a2a2a);color:var(--text-color, #e0e0e0)}.event-dashboard.dark .event-search-button{background:var(--text-color, #e0e0e0);color:var(--card-background, #1e1e1e)}.event-dashboard.dark .eventdashboard-visibility-action-button{background:var(--best-gray, #2a2a2a);color:var(--text-color, #e0e0e0)}.event-dashboard.dark .eventdashboard-coupon-item{background:var(--best-gray, #2a2a2a)}.event-dashboard.dark .eventdashboard-coupon-label{color:#ffffff80}.event-dashboard.dark .eventdashboard-modal-content{background:var(--card-background, #1e1e1e)}.event-dashboard.dark .eventdashboard-input{background:var(--best-gray, #2a2a2a);border-color:var(--border-color, #333);color:var(--text-color, #e0e0e0)}@media (max-width: 1024px){.event-dashboard-sidebar{width:100%;max-width:500px}}@media (max-width: 768px){.event-dashboard{height:100dvh;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.event-dashboard-row{flex-direction:column}.event-dashboard-container{overflow:visible;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.event-dashboard-main-content{height:auto;overflow:visible}.event-dashboard-content{overflow:visible}.event-dashboard-sidebar{width:100%}.event-mobile-back{display:flex}.event-section-header{flex-direction:row;align-items:center;gap:15px}.event-section-header h2{font-size:20px}.event-section-header p{font-size:14px}.event-stats-row,.event-action-buttons{flex-direction:column}.event-ticket-info h4,.event-ticket-info p{font-size:14px}.event-action-text h4{font-size:17px}.event-action-text p{font-size:12px}.event-nav-text h4{font-size:17px}.event-nav-text p{font-size:12px}}.eventdashboard-settings-header{margin-bottom:30px}.eventdashboard-settings-title{font-size:32px;font-weight:600;margin-bottom:5px;color:var(--text-color, #1a1a1a)}.eventdashboard-settings-subtitle{font-size:17px;color:var(--subtext-color, #666);margin:0}.eventdashboard-settings-container{max-width:850px;display:flex;flex-direction:column;gap:30px}.eventdashboard-settings-section{border-radius:30px;padding:10px;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.eventdashboard-settings-section-title{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text-color, #1a1a1a)}.eventdashboard-settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.eventdashboard-visibility-cards{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.eventdashboard-visibility-card{flex:1;background:var(--card-background, #fff);border:3px solid var(--border-color, #e0e0e0);border-radius:20px;padding:5px;cursor:pointer;transition:all .3s ease;text-align:center}.eventdashboard-visibility-card:hover{border-color:var(--blue-blue);transform:translateY(-2px)}.eventdashboard-visibility-card.eventdashboard-active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.eventdashboard-visibility-icon{width:100px;height:100px;margin:0 auto 10px;background:var(--main-background);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:48px;color:currentColor}.eventdashboard-visibility-card.eventdashboard-active .eventdashboard-visibility-icon{color:#fff}.eventdashboard-visibility-label{margin:0;font-size:16px;font-weight:500}.eventdashboard-visibility-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.eventdashboard-visibility-action-button{background:var(--best-gray, #f5f5f5);border:none;border-radius:20px;padding:7px;font-size:20px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;gap:0;transition:all .3s ease;height:60px;color:var(--subtext-color, #666)}.eventdashboard-visibility-action-button:hover{background:var(--hover-background, #e8e8e8);transform:translateY(-2px)}.eventdashboard-visibility-action-icon{width:42px;height:42px;background:var(--blue-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-right:10px}.eventdashboard-visibility-icon{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gray-4, #888)}.eventdashboard-visibility-action-button span{flex:1;padding-right:10px}.eventdashboard-copy-link-button,.eventdashboard-view-srvz-button{background:var(--blue-blue);color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;margin-top:15px;transition:all .3s ease}.eventdashboard-copy-link-button:hover,.eventdashboard-view-srvz-button:hover{background:#0c6bc4;transform:translateY(-2px)}.eventdashboard-visibility-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.eventdashboard-settings-section-subtitle{color:var(--subtext-color, #666);font-size:18px;margin:5px 0 0}.eventdashboard-add-coupon-button{background:var(--blue-blue);color:#fff;border:3px solid white;border-radius:15px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;height:50px}.eventdashboard-add-coupon-button:hover{background:#0c6bc4}.eventdashboard-coupons-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.eventdashboard-coupon-item{background:var(--best-gray, #f5f5f5);border-radius:20px;padding:10px;display:flex;justify-content:space-between;align-items:center}.eventdashboard-coupon-details{display:flex;flex-direction:column;gap:5px}.eventdashboard-coupon-row{display:flex;gap:5px}.eventdashboard-coupon-label{color:#00000080;font-size:14px}.eventdashboard-coupon-value{font-size:14px;font-weight:500}.eventdashboard-coupon-remove-button{background:var(--alternate-color, #e74c3c);border:1px solid rgba(0,0,0,.2);border-radius:15px;padding:10px 12px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease}.eventdashboard-coupon-remove-button:hover{background:#c0392b;transform:scale(1.05)}.eventdashboard-cash-message-input{width:90%!important;padding:12px 16px!important;border:2px solid var(--border-color, #e5e5e5);border-radius:12px;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:14px;color:var(--text-color, #1a1a1a);background:var(--background, #ffffff);resize:vertical;transition:border-color .2s}.eventdashboard-cash-message-input:focus{outline:none;border-color:var(--blue-blue)}.eventdashboard-cash-message-input::placeholder{color:var(--text-secondary, #999)}.event-dashboard.dark .eventdashboard-cash-message-input{background:#2a2a2a;border-color:#333;color:#e0e0e0}.event-dashboard.dark .eventdashboard-cash-message-input:focus{border-color:var(--blue-blue)}.eventdashboard-save-cash-message-button{background:var(--blue-blue);border:1px solid rgba(0,0,0,.1);border-radius:15px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.eventdashboard-save-cash-message-button:hover:not(:disabled){background:#0d6ab8;transform:translateY(-1px)}.eventdashboard-save-cash-message-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.event-dashboard.dark .eventdashboard-save-cash-message-button:disabled{background:#555}.eventdashboard-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.eventdashboard-modal-content{background:var(--background-color, white);border-radius:30px;max-width:500px;width:100%;box-shadow:0 10px 40px #0000001a;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.eventdashboard-modal-header{padding:25px 30px;border-bottom:1px solid var(--border-color, #e5e5e5);display:flex;justify-content:space-between;align-items:center}.eventdashboard-modal-header h3{margin:0;font-size:23px;font-weight:600}.eventdashboard-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color, #333);transition:all .3s ease;padding:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px}.eventdashboard-modal-close:hover{background:var(--best-gray, #f5f5f5)}.eventdashboard-modal-body{padding:30px}.eventdashboard-form-group{margin-bottom:20px}.eventdashboard-form-group:last-child{margin-bottom:0}.eventdashboard-form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:15px;color:var(--text-color, #333)}.eventdashboard-input{width:100%;padding:12px 15px;border:1px solid var(--border-color, #e5e5e5);border-radius:12px;font-size:15px;background:var(--input-background, white);color:var(--text-color, #333);transition:all .3s ease;box-sizing:border-box}.eventdashboard-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.eventdashboard-modal-footer{padding:20px 30px;border-top:1px solid var(--border-color, #e5e5e5);display:flex;justify-content:flex-end;gap:15px}.eventdashboard-button-primary,.eventdashboard-button-secondary{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.eventdashboard-button-primary{background:var(--blue-blue);color:#fff}.eventdashboard-button-primary:hover{background:#0c6bc4;transform:translateY(-1px)}.eventdashboard-button-secondary{background:var(--best-gray, #f5f5f5);color:var(--text-color, #333)}.eventdashboard-button-secondary:hover{background:var(--hover-background, #e8e8e8)}.eventdashboard-empty-list{text-align:center;padding:30px;color:var(--subtext-color, #666)}.eventdashboard-empty-list p{margin:0;font-size:15px}.eventdashboard-eventinfo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.eventdashboard-eventinfo-title{font-size:32px;font-weight:600;margin-bottom:5px;color:var(--text-color, #1a1a1a)}.eventdashboard-eventinfo-subtitle{font-size:17px;color:var(--subtext-color, #666);margin:0}.eventdashboard-save-changes-button{background:var(--blue-blue);color:#fff;border:3px solid white;border-radius:12px;padding:15px 30px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.eventdashboard-save-changes-button:hover{background:#0c6bc4;transform:translateY(-2px)}.eventdashboard-eventinfo-container{max-width:850px;display:flex;flex-direction:column;gap:12px}.eventdashboard-editor-card{background:var(--card-background, #fff);border-radius:20px;padding:15px 20px;box-shadow:0 2px 33px #0000001a}.eventdashboard-editor-row{display:flex;align-items:center;gap:15px}.eventdashboard-editor-field-horizontal{display:flex;align-items:center;gap:20px}.eventdashboard-editor-label-left{flex:0 0 250px;min-width:200px}.eventdashboard-editor-label-left h4{font-size:16px;margin:0 0 4px;color:var(--text-color, #1a1a1a);font-weight:600}.eventdashboard-editor-label-left p{font-size:13px;color:var(--subtext-color, #666);margin:0;line-height:1.4}.eventdashboard-editor-field-horizontal .eventdashboard-editor-input,.eventdashboard-editor-field-horizontal .eventdashboard-editor-textarea,.eventdashboard-editor-field-horizontal .eventdashboard-editor-color-input,.eventdashboard-editor-field-horizontal .eventdashboard-editor-time-row,.eventdashboard-editor-field-horizontal .eventdashboard-editor-input-with-map,.eventdashboard-editor-field-horizontal .eventdashboard-editor-tags-row{flex:1;border-radius:10px}.eventdashboard-editor-input-with-map{display:flex;flex-direction:column;gap:10px;flex:1}.eventdashboard-editor-map{width:100%;height:200px;border-radius:12px;overflow:hidden;border:2px solid var(--best-gray, #f5f5f5);background:var(--best-gray, #f5f5f5);position:relative;margin-top:10px}.eventdashboard-editor-map:before{content:"Map will appear when you enter an address";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--subtext-color, #999);font-size:13px;text-align:center;pointer-events:none;z-index:0}.eventdashboard-editor-map:has(.mapboxgl-canvas):before{display:none}.eventdashboard-editor-map .mapboxgl-canvas-container{z-index:1}.eventdashboard-editor-image-upload{width:80px;height:100px;border-radius:20px;background:var(--best-gray, #f5f5f5);position:relative;overflow:hidden;cursor:pointer;flex-shrink:0}.eventdashboard-editor-image-upload img{width:100%;height:100%;object-fit:cover}.eventdashboard-editor-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease}.eventdashboard-editor-image-upload:hover .eventdashboard-editor-image-overlay{opacity:1}.eventdashboard-editor-image-overlay i{font-size:30px;color:#fff}.eventdashboard-editor-row-split{justify-content:space-between;align-items:stretch}.eventdashboard-editor-poster-left{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.eventdashboard-editor-poster-right{display:flex;align-items:center;justify-content:flex-end;min-width:180px}@media (max-width: 640px){.eventdashboard-editor-row-split{flex-direction:column;align-items:flex-start;gap:16px}.eventdashboard-editor-poster-right{width:100%;justify-content:flex-start}}.eventdashboard-editor-image-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.eventdashboard-upload-image-button{background:var(--card-background, #fff);color:var(--text-color, #1a1a1a);border:2px solid var(--best-gray, #f5f5f5);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s;width:fit-content}.eventdashboard-upload-image-button:hover:not(:disabled){border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-2px)}.eventdashboard-upload-image-button-gray{background:var(--best-gray, #f5f5f5);border-color:var(--best-gray, #f5f5f5);color:var(--text-color, #1a1a1a);box-shadow:inset 0 1px #fff9,0 1px 2px #00000014}.eventdashboard-upload-image-button-gray:hover:not(:disabled){background:#e9e9e9;border-color:#e9e9e9;color:var(--blue-blue)}.event-dashboard.dark .eventdashboard-upload-image-button-gray{background:#2a2a2a;border-color:#2a2a2a;color:#e0e0e0;box-shadow:none}.event-dashboard.dark .eventdashboard-upload-image-button-gray:hover:not(:disabled){background:#333;border-color:#333;color:var(--blue-blue)}.eventdashboard-upload-image-button:disabled{opacity:.6;cursor:progress}.event-dashboard.dark .eventdashboard-upload-image-button{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .eventdashboard-upload-image-button:hover:not(:disabled){color:var(--blue-blue);border-color:var(--blue-blue)}.eventdashboard-editor-label h4{font-size:20px;margin:0 0 5px;color:var(--text-color, #1a1a1a)}.eventdashboard-editor-label p{font-size:14px;color:var(--subtext-color, #666);margin:0}.eventdashboard-editor-field{display:flex;flex-direction:column;gap:10px}.eventdashboard-editor-field h4{font-size:20px;margin:0;color:var(--text-color, #1a1a1a)}.eventdashboard-editor-field p{font-size:14px;color:var(--subtext-color, #666);margin:0}.eventdashboard-editor-input,.eventdashboard-editor-textarea{padding:12px 15px;border:none;border-radius:15px!important;background:var(--best-gray, #f5f5f5);font-size:15px!important;color:var(--text)!important;font-family:inherit;transition:all .3s ease}.eventdashboard-editor-input:focus,.eventdashboard-editor-textarea:focus{color:var(--text)!important}.eventdashboard-editor-color-input{width:100px!important;height:40px!important;border:none;border-radius:15px!important;cursor:pointer;background:transparent}.eventdashboard-editor-time-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:stretch}.eventdashboard-editor-time-field{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--best-gray, #f5f5f5);border-radius:14px}.eventdashboard-editor-time-field label{font-size:12px;color:var(--subtext-color, #666);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.eventdashboard-editor-time-input{width:80%;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:var(--main-background, #ffffff);color:var(--text-color, #1a1a1a);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.eventdashboard-editor-time-input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e933;background:var(--card-background, #ffffff)}.eventdashboard-editor-time-input::-webkit-calendar-picker-indicator{filter:grayscale(.3);opacity:.8}.event-dashboard.dark .eventdashboard-editor-time-field{background:#2a2a2a;box-shadow:inset 0 1px #00000059}.event-dashboard.dark .eventdashboard-editor-time-input{background:#1e1e1e;color:#e0e0e0;box-shadow:none}.event-dashboard.dark .eventdashboard-editor-time-input:focus{background:#1e1e1e}.eventdashboard-editor-tags-row{display:flex;gap:8px;flex-wrap:wrap}.eventdashboard-editor-tags-row .eventdashboard-editor-input{flex:1;min-width:120px}@media (max-width: 768px){.eventdashboard-settings-title,.eventdashboard-eventinfo-title{font-size:24px}.eventdashboard-settings-subtitle,.eventdashboard-eventinfo-subtitle{font-size:14px}.eventdashboard-visibility-cards{flex-direction:column}.eventdashboard-visibility-card{max-width:100%}.eventdashboard-visibility-buttons{flex-direction:column}.eventdashboard-eventinfo-header{flex-direction:column;align-items:stretch}.eventdashboard-save-changes-button{width:100%;justify-content:center}.eventdashboard-editor-time-row{grid-template-columns:1fr}.eventdashboard-editor-tags-row{flex-direction:column}.eventdashboard-editor-field-horizontal{flex-direction:column;align-items:stretch;gap:10px}.eventdashboard-editor-label-left{flex:none;min-width:auto}.eventdashboard-editor-label-left h4{font-size:15px}.eventdashboard-editor-label-left p{font-size:12px}.eventdashboard-editor-map{height:180px}}.eventdashboard-analytics-header{margin-bottom:30px}.eventdashboard-analytics-title{font-size:32px;font-weight:600;margin-bottom:5px;color:var(--text-color, #1a1a1a)}.eventdashboard-analytics-subtitle{font-size:17px;color:var(--subtext-color, #666);margin:0}.eventdashboard-analytics-container{max-width:850px;display:flex;flex-direction:column;gap:20px}.eventdashboard-analytics-card{background:var(--card-background, #fff);border-radius:30px;padding:20px;box-shadow:0 2px 33px #0000001a}.eventdashboard-analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.eventdashboard-analytics-card-header h3{font-size:23px;font-weight:600;margin:0;color:var(--text-color, #1a1a1a)}.eventdashboard-analytics-value{font-size:23px;font-weight:600;color:var(--text-color, #1a1a1a)}.eventdashboard-analytics-chart{margin-top:20px}.eventdashboard-age-distribution{min-height:320px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:20px;padding:30px;box-shadow:inset 0 0 0 1px #0000000d}.eventdashboard-chart-modern{width:100%;height:100%;display:flex;flex-direction:column;gap:25px}.eventdashboard-chart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.05)}.eventdashboard-chart-title{font-size:18px;font-weight:700;color:var(--text-color, #1a1a1a);margin:0;letter-spacing:-.3px}.eventdashboard-chart-subtitle{font-size:13px;font-weight:500;color:var(--subtext-color, #666);background:rgba(15,131,233,.08);padding:4px 12px;border-radius:12px}.eventdashboard-chart-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;height:220px;align-items:flex-end}.eventdashboard-chart-column{display:flex;flex-direction:column;align-items:center;gap:12px;height:100%}.eventdashboard-chart-bar-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.eventdashboard-chart-bar-modern{width:100%;max-width:70px;min-height:8px;border-radius:10px 10px 4px 4px;position:relative;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f,inset 0 -2px 8px #0000001a;cursor:pointer;overflow:visible}.eventdashboard-chart-bar-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.3);border-radius:10px 10px 0 0}.eventdashboard-chart-bar-modern:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 20px #00000026,0 4px 8px #0000001a,inset 0 -2px 8px #00000026}.eventdashboard-chart-bar-modern:hover .eventdashboard-chart-bar-tooltip{opacity:1;transform:translateY(-10px) scale(1);pointer-events:auto}.eventdashboard-chart-bar-tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%) translateY(-5px) scale(.9);background:rgba(0,0,0,.9);color:#fff;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000004d;z-index:10}.eventdashboard-chart-bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9)}.eventdashboard-tooltip-count{font-size:16px;font-weight:700;line-height:1}.eventdashboard-tooltip-percent{font-size:11px;opacity:.8;margin-top:2px}.eventdashboard-chart-value{font-size:15px;font-weight:700;color:var(--text-color, #1a1a1a);margin-top:6px;transition:all .3s ease}.eventdashboard-chart-column:hover .eventdashboard-chart-value{transform:scale(1.1);color:var(--blue-blue)}.eventdashboard-chart-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.eventdashboard-label-text{font-size:13px;font-weight:600;color:var(--text-color, #1a1a1a);letter-spacing:-.2px}.eventdashboard-label-percent{font-size:11px;font-weight:500;color:var(--subtext-color, #666);background:rgba(0,0,0,.04);padding:2px 8px;border-radius:8px}.eventdashboard-chart-placeholder{color:var(--subtext-color, #666);font-size:15px;margin:0}.eventdashboard-analytics-actions{display:flex;gap:10px;flex-wrap:wrap}.eventdashboard-analytics-button{background:var(--card-background, #fff);color:var(--subtext-color, #666);border:3px solid var(--best-gray, #f5f5f5);border-radius:12px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;height:40px}.eventdashboard-analytics-button:hover{border-color:var(--blue-blue);color:var(--blue-blue);transform:translateY(-2px)}.eventdashboard-analytics-button i{font-size:15px}@media (max-width: 768px){.eventdashboard-analytics-title{font-size:24px}.eventdashboard-analytics-subtitle{font-size:14px}.eventdashboard-analytics-card-header{flex-direction:column;align-items:flex-start;gap:10px}.eventdashboard-analytics-actions{flex-direction:column}.eventdashboard-analytics-button{width:100%;justify-content:center}.eventdashboard-chart-header{flex-direction:column;align-items:flex-start;gap:8px}.eventdashboard-chart-title{font-size:16px}.eventdashboard-chart-subtitle{font-size:12px}.eventdashboard-chart-grid{gap:12px}.eventdashboard-chart-bar-modern{max-width:50px}.eventdashboard-label-text{font-size:12px}.eventdashboard-label-percent{font-size:10px}.eventdashboard-age-distribution{padding:20px;min-height:280px}}@media (max-width: 480px){.event-dashboard-container{padding:0 10px 10px}.event-content-section{padding:20px 0 60px}.event-header-card{padding:8px}.event-header-title{font-size:16px}.event-header-date{font-size:13px}}.event-view-toggle-triple{display:flex;gap:6px;background:var(--best-gray, #f5f5f5);border-radius:18px;padding:4px;box-shadow:inset 0 1px 3px #00000014}.toggle-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:14px;font-size:13px;font-weight:500;color:var(--subtext-color, #888);cursor:pointer;transition:all .25s ease;white-space:nowrap}.toggle-option-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-option-btn:not(:disabled):hover{color:var(--text-color, #1a1a1a)}.toggle-option-btn.active{background:var(--card-background, #fff);color:var(--text-color, #1a1a1a);box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014}.toggle-option-btn svg{font-size:14px}.event-dashboard.dark .event-view-toggle-triple{background:#2a2a2a}.event-dashboard.dark .toggle-option-btn.active{background:#1e1e1e;color:#e0e0e0}.event-layout-view{display:flex;flex-direction:column;gap:20px;padding:5px;height:400px;background:var(--main-background);box-shadow:0 2px 8px #0000001a;border-radius:25px;border:var(--main-background) 10px solid;overflow:auto;position:relative}.event-layout-toolbar{position:absolute;top:12px;right:12px;z-index:30;display:flex;gap:8px}.event-layout-edit-button{background:var(--text, var(--blue-blue))!important;color:var(--main-background)!important;font-size:12px;padding:6px 12px;border-radius:30px!important;border:none;cursor:pointer;font-weight:500;letter-spacing:.2px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.event-layout-edit-button:hover{background:var(--blue-dark, #0D6EBD);box-shadow:0 4px 12px #0f83e959;transform:translateY(-1px)}.event-layout-edit-button:active{transform:translateY(0)}.event-layout-edit-button:focus{outline:2px solid #93C5FD;outline-offset:2px}.event-layout-canvas-wrapper{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:16px;background:var(--card-background, #fff);border:1px solid var(--gray-light, #E5E7EB)}.event-layout-canvas-container{flex:1;overflow:hidden;position:relative;background:var(--gray1, #f9fafb)}.dark .event-layout-canvas-container{background:#1a1a1a}.event-layout-canvas-controls{position:absolute;top:16px;left:16px;display:flex;gap:6px;z-index:20}.event-layout-control-btn{width:36px;height:36px;border-radius:8px;background:var(--main-background)!important;border:1px solid var(--gray3, #D1D5DB);color:var(--text, #1f2937);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.event-layout-control-btn:hover{background:var(--blue-blue, var(--blue-blue));color:#fff;border-color:var(--blue-blue, var(--blue-blue));box-shadow:0 4px 8px #0f83e940;transform:translateY(-1px)}.event-layout-control-btn:active{transform:translateY(0)}.dark .event-layout-control-btn{background:rgba(30,30,30,.95);border-color:var(--gray3, #374151)}.event-layout-legend{position:absolute;bottom:16px;left:16px;display:flex;gap:16px;padding:10px 16px;background:var(--main-background)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;z-index:20}.dark .event-layout-legend{background:rgba(17,24,39,.96);border-color:#374151;box-shadow:0 4px 12px #0006}.event-layout-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text, #374151)}.dark .event-layout-legend-item{color:#d1d5db}.event-layout-legend-color{width:16px;height:16px;border-radius:100px;border:1px solid rgba(0,0,0,.1)}.dark .event-layout-legend-color{border-color:#ffffff1a}.dark .event-layout-canvas-wrapper{background:#1e1e1e;border-color:#374151}.event-dashboard.dark .event-layout-canvas-controls .event-layout-control-btn{background:rgba(30,30,30,.95);border-color:#374151;color:#e0e0e0}.event-dashboard.dark .event-layout-canvas-controls .event-layout-control-btn:hover{background:var(--blue-blue, var(--blue-blue));border-color:var(--blue-blue, var(--blue-blue));color:#fff}.event-layout-view h3{font-size:22px;font-weight:600;margin:0;color:var(--text-color, #333)}.event-layout-subtitle{font-size:14px;color:var(--subtext-color, #666);margin:5px 0 0}.event-layout-tickets-panel{background:var(--card-background, #fff);border-radius:20px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px}.event-layout-tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--best-gray, #f5f5f5)}.event-layout-tickets-header h4{font-size:18px;font-weight:600;margin:0;color:var(--text-color, #333)}.event-layout-close-btn{background:var(--best-gray, #f5f5f5);border:none;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--text-color, #333);transition:all .2s ease}.event-layout-close-btn:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-layout-view{background:#2a2a2a}.event-dashboard.dark .event-layout-tickets-panel{background:#1e1e1e}.event-dashboard.dark .event-layout-tickets-header{border-bottom-color:#2a2a2a}.event-dashboard.dark .event-layout-close-btn{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-layout-close-btn:hover{background:var(--blue-blue);color:#fff}@media (max-width: 1024px){.toggle-option-btn span{display:none}.toggle-option-btn svg{font-size:16px}.toggle-option-btn{padding:10px;min-width:44px}.event-view-toggle-triple{padding:3px;gap:4px}}.event-orders-group-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.event-orders-group{position:relative;background:linear-gradient(145deg,var(--card-background, #fff),#fdfdfd);border:2px solid var(--best-gray, #f1f1f3);border-radius:24px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;box-shadow:0 4px 14px #0000000d}.event-orders-group.expanded{border-color:var(--blue-blue);box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.event-orders-group.paid:not(.expanded){border-color:#1f3b214d}.event-orders-group.partial:not(.expanded){border-color:#432014}.event-orders-group.unpaid:not(.expanded){border-color:var(--best-gray, #eee)}.event-orders-group-header{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer;user-select:none;gap:18px}.event-orders-group-header:focus-visible{outline:3px solid var(--blue-blue);outline-offset:2px;border-radius:16px}.event-orders-group-header:hover{background:var(--best-gray, #f5f5f5)}.event-orders-group-main{display:flex;align-items:center;gap:14px;min-width:0}.event-orders-group-status{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f7fa,#eef1f4);font-size:19px;color:#444;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000000d,0 2px 4px #0000000a}.event-orders-group-status.paid{background:linear-gradient(135deg,#1f3b21,#29542b);color:#6edb74}.event-orders-group-status.partial{background:linear-gradient(135deg,#432014,#5a2a1b);color:#ffad88}.event-orders-group-status.unpaid{background:linear-gradient(135deg,#c6c6c6,#b5b5b5);color:#fff}.event-orders-group-info{display:flex;flex-direction:column;gap:4px;min-width:0}.event-orders-group-title{margin:0;font-size:16px;font-weight:600;color:var(--text-color, #222);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-orders-group-subtitle{margin:0;font-size:13px;color:var(--subtext-color, #666);font-weight:500}.event-orders-group-time-ago{font-size:11px;opacity:.8}.event-orders-group-right{display:flex;align-items:center;gap:16px}.event-orders-group-badges{display:flex;align-items:center;gap:8px}.event-orders-group-expand-btn{background:var(--best-gray, #f1f3f5);border:none;width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .25s ease;position:relative;overflow:hidden}.event-orders-group-expand-btn:hover{background:var(--blue-blue);color:#fff;box-shadow:0 4px 10px #0f83e959}.event-orders-group-expand-btn:active{transform:scale(.92)}.event-orders-group-expand-icon{display:flex;transition:transform .35s ease}.event-orders-group.expanded .event-orders-group-expand-icon{transform:rotate(180deg)}.event-orders-group-tickets{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.event-orders-group-tickets .event-ticket-item{border:1px solid var(--best-gray, #eee)}.event-dashboard-orders-payment-summary{position:relative;border:1px dashed var(--gray2);border-radius:18px;padding:16px 18px 14px;background-color:var(--best-gray);margin-bottom:8px;overflow:hidden}.event-dashboard-orders-payment-summary:before{content:"";position:absolute;inset:0;pointer-events:none}.event-dashboard-orders-payment-loading,.event-dashboard-orders-payment-error{font-size:13px;font-weight:500;color:var(--sub-text)}.event-dashboard-orders-payment-error{color:var(--red-red)}.event-dashboard-orders-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}@media (min-width: 600px){.event-dashboard-orders-payment-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.event-dashboard-orders-payment-field{display:flex;flex-direction:column;gap:4px}.event-dashboard-orders-payment-field strong{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text);font-weight:600}.event-dashboard-orders-payment-field span{font-size:13px;font-weight:600;color:var(--text)}.event-dashboard.dark .event-dashboard-orders-payment-summary{background:#1e1e1e;border-color:#2a2a2a}.event-dashboard.dark .event-dashboard-orders-payment-summary:before{background:radial-gradient(circle at 85% 15%,rgba(15,131,233,.25),transparent 60%)}.event-dashboard.dark .event-dashboard-orders-payment-field strong{color:#888}.event-dashboard.dark .event-dashboard-orders-payment-field span{color:#e0e0e0}.event-dashboard.dark .event-dashboard-orders-payment-error{color:#ffad88}.event-dashboard.dark .event-orders-group{background:#1e1e1e;border-color:#1e1e1e;box-shadow:0 2px 8px #0000008c}.event-dashboard.dark .event-orders-group.expanded{border-color:var(--blue-blue);box-shadow:0 6px 18px #000000a6}.event-dashboard.dark .event-orders-group-header:hover{background:#2a2a2a}.event-dashboard.dark .event-orders-group-status{background:#2a2a2a;color:#ccc}.event-dashboard.dark .event-orders-group-status.paid{background:#1f3b21;color:#6edb74}.event-dashboard.dark .event-orders-group-status.partial{background:#432014;color:#ffad88}.event-dashboard.dark .event-orders-group-status.unpaid{background:#3a3a3a;color:#ccc}.event-dashboard.dark .event-orders-group-title{color:#e0e0e0}.event-dashboard.dark .event-orders-group-subtitle{color:#999}.event-dashboard.dark .event-orders-group-expand-btn{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .event-orders-group-expand-btn:hover{background:var(--blue-blue);color:#fff}.event-dashboard.dark .event-orders-group-tickets .event-ticket-item{background:#1e1e1e;border-color:#2a2a2a}@media (max-width: 700px){.event-orders-group-header{flex-wrap:wrap;gap:12px}.event-orders-group-right{width:100%;justify-content:space-between}.event-orders-group-badges{flex-wrap:wrap}}.settings-two-col{display:grid;grid-template-columns:1fr}@media (min-width: 1025px){.settings-two-col{grid-template-columns:1fr 360px;align-items:start}}.settings-right .settings-sticky{position:sticky;top:10px}.sui-switch{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.sui-switch-input{position:absolute;opacity:0;pointer-events:none}.sui-switch-track{width:48px;height:28px;background:var(--best-gray, #f0f0f0);border-radius:999px;display:inline-flex;align-items:center;padding:2px;transition:background .2s ease,border-color .2s ease}.sui-switch-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000026;transform:translate(0);transition:transform .2s ease}.sui-switch-input:checked+.sui-switch-track{background:var(--blue-blue);border-color:var(--blue-blue)}.sui-switch-input:checked+.sui-switch-track .sui-switch-thumb{transform:translate(20px)}.event-dashboard.dark .sui-switch-track{background:#2a2a2a;border-color:#2a2a2a}.event-dashboard.dark .sui-switch-input:checked+.sui-switch-track{background:var(--blue-blue);border-color:var(--blue-blue)}.event-table-analytics-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.event-table-analytics-spreadsheet{background:var(--card-background, #fff);border-radius:20px;padding:0;box-shadow:0 2px 8px #0000001a;overflow:auto;flex:1}.event-table-analytics-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--best-gray, #e5e7eb)}.event-table-analytics-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card-background, #fff);border-radius:16px;overflow:hidden}.event-table-analytics-table thead{background:linear-gradient(135deg,var(--blue-blue),#0a6bc7);color:#fff;position:sticky;top:0;z-index:10}.event-table-analytics-table thead th{padding:16px 14px;text-align:left;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-right:1px solid rgba(255,255,255,.15)}.event-table-analytics-table thead th:last-child{border-right:none}.event-table-analytics-table tbody tr{border-bottom:1px solid var(--best-gray, #e5e7eb);transition:background-color .2s ease}.event-table-analytics-table tbody tr:hover{background-color:var(--best-gray, #f9fafb)}.event-table-analytics-table tbody tr:last-child{border-bottom:none}.event-table-analytics-cell{padding:14px;color:var(--text-color, #333);border-right:1px solid var(--best-gray, #e5e7eb);white-space:nowrap}.event-table-analytics-cell:last-child{border-right:none}.event-table-analytics-cell-number{font-weight:700;color:var(--blue-blue);font-size:15px}.event-table-analytics-cell-highlight{font-weight:600;color:#36a72d}.event-table-analytics-cell-money{font-weight:500;color:var(--text-color, #333)}.event-table-analytics-cell-contact{max-width:200px;white-space:normal;word-break:break-word;font-size:13px}.event-table-analytics-cell-notes{max-width:150px;white-space:normal;word-break:break-word;font-size:13px;color:var(--subtext-color, #666)}.event-table-analytics-cell-total{font-weight:700;color:var(--text-color, #333);background:var(--best-gray, #f9fafb)}.event-dashboard.dark .event-table-analytics-spreadsheet{background:#1e1e1e}.event-dashboard.dark .event-table-analytics-table-wrapper{border-color:#2a2a2a}.event-dashboard.dark .event-table-analytics-table{background:#1e1e1e}.event-dashboard.dark .event-table-analytics-table tbody tr{border-bottom-color:#2a2a2a}.event-dashboard.dark .event-table-analytics-table tbody tr:hover{background-color:#2a2a2a}.event-dashboard.dark .event-table-analytics-cell{color:#e0e0e0;border-right-color:#2a2a2a}.event-dashboard.dark .event-table-analytics-cell-number{color:var(--blue-blue)}.event-dashboard.dark .event-table-analytics-cell-highlight{color:#6edb74}.event-dashboard.dark .event-table-analytics-cell-money{color:#e0e0e0}.event-dashboard.dark .event-table-analytics-cell-notes{color:#999}.event-dashboard.dark .event-table-analytics-cell-total{color:#e0e0e0;background:#2a2a2a}@media (max-width: 768px){.event-table-analytics-table{font-size:12px}.event-table-analytics-cell{padding:10px 8px}.event-table-analytics-table thead th{padding:12px 8px;font-size:11px}}.eventdashboard-payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding:16px 0;margin-bottom:20px}.eventdashboard-payment-method-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:var(--best-gray, #f9fafb);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative;font-family:Arial Rounded MT Bold,Arial,sans-serif}.eventdashboard-payment-method-card:hover{background:var(--gray1, #e5e7eb);transform:translateY(-2px)}.eventdashboard-payment-method-card.eventdashboard-active{background:var(--best-gray, #f9fafb);border-color:currentColor;box-shadow:0 0 0 3px #0f83e91a}.eventdashboard-payment-method-icon{font-size:24px;color:var(--text-color, #333);transition:color .2s ease}.eventdashboard-payment-method-card.eventdashboard-active .eventdashboard-payment-method-icon{color:var(--blue-blue)}.eventdashboard-payment-method-label{font-size:13px;font-weight:600;color:var(--text-color, #333);text-align:center;line-height:1.2}.eventdashboard-payment-method-checkmark{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--blue-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.event-dashboard.dark .eventdashboard-payment-method-card{background:#2a2a2a;color:#e0e0e0}.event-dashboard.dark .eventdashboard-payment-method-card:hover{background:#333}.event-dashboard.dark .eventdashboard-payment-method-card.eventdashboard-active{border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e933}.event-dashboard.dark .eventdashboard-payment-method-icon{color:#e0e0e0}.event-dashboard.dark .eventdashboard-payment-method-card.eventdashboard-active .eventdashboard-payment-method-icon{color:#4fa3ff}.event-dashboard.dark .eventdashboard-payment-method-label{color:#e0e0e0}.eventdashboard-allow-sales-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--best-gray, #f9fafb);border-radius:16px;gap:20px}.eventdashboard-allow-sales-info{display:flex;flex-direction:column;gap:4px;flex:1}.eventdashboard-allow-sales-label{font-size:16px;font-weight:600;color:var(--text-color, #1a1a1a)}.eventdashboard-allow-sales-description{font-size:13px;color:var(--subtext-color, #666);line-height:1.4}.eventdashboard-toggle-switch{position:relative;width:52px;height:30px;background:var(--gray3, #c5c5c5);border:none;border-radius:999px;cursor:pointer;transition:background-color .25s ease;flex-shrink:0}.eventdashboard-toggle-switch.eventdashboard-toggle-active{background:var(--green-green, #34A853)}.eventdashboard-toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:white;border-radius:50%;box-shadow:0 2px 6px #0003;transition:transform .25s ease}.eventdashboard-toggle-switch.eventdashboard-toggle-active .eventdashboard-toggle-knob{transform:translate(22px)}.event-dashboard.dark .eventdashboard-allow-sales-toggle{background:#2a2a2a}.event-dashboard.dark .eventdashboard-allow-sales-label{color:#e0e0e0}.event-dashboard.dark .eventdashboard-allow-sales-description{color:#999}.event-dashboard.dark .eventdashboard-toggle-switch{background:#555}.event-dashboard.dark .eventdashboard-toggle-switch.eventdashboard-toggle-active{background:var(--green-green, #34A853)}.eventdashboard-update-page-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border:none;border-radius:10px;background-color:var(--blue-blue, var(--blue-blue));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.eventdashboard-update-page-button:hover{opacity:.9}.eventdashboard-update-page-button:active{transform:scale(.98)}.event-permission-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:60px 40px;border-radius:20px;background-color:var(--contrast1);border:2px solid var(--gray1);text-align:center;color:var(--text-color)}.event-permission-denied-message svg{font-size:48px;color:var(--red, #e74c3c);opacity:.7}.event-permission-denied-message p{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.event-permission-denied-message small{margin:0;font-size:14px;color:var(--sub-text);max-width:400px;line-height:1.5}.toggle-option-btn.disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray2)}.toggle-option-btn.disabled:hover{background-color:var(--gray2)}.eventcheckin-page{position:relative;min-height:100vh;background:var(--gray3);color:var(--text);overflow:hidden}.eventcheckin-page-native{background:transparent}.eventcheckin-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));z-index:5}.eventcheckin-back{background:#121517;border:1px solid #222b30;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}.eventcheckin-header-right{display:flex;gap:8px;align-items:center}.eventcheckin-event-meta{display:flex;flex-direction:column;align-items:flex-end}.eventcheckin-event-name{font-size:15px;font-weight:600}.eventcheckin-event-sub{font-size:14px;color:var(--sub-text)}.eventcheckin-event-image{width:40px;height:50px;border-radius:10px;overflow:hidden}.eventcheckin-event-image img{width:100%;height:100%;object-fit:cover}.eventcheckin-icon-btn{background:#121517;border:1px solid #222b30;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}.eventcheckin-icon-btn.on{background:#194d21;border-color:#246a2f}.eventcheckin-camera{position:fixed;inset:0;z-index:0}.eventcheckin-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.eventcheckin-camera-error{position:absolute;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2}.eventcheckin-camera-error-content{text-align:center;color:var(--text);padding:24px;max-width:280px}.eventcheckin-camera-error-icon{font-size:48px;color:#e94b0f;margin-bottom:16px}.eventcheckin-camera-error-content h3{font-size:20px;font-weight:600;margin-bottom:12px}.eventcheckin-camera-error-content p{font-size:14px;color:var(--sub-text);margin-bottom:20px;line-height:1.4}.eventcheckin-camera-error-retry{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.eventcheckin-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.eventcheckin-overlay-frame{width:min(80vw,480px);height:min(80vw,480px);border:8px solid rgba(255,255,255,.9);border-radius:50px;box-shadow:0 0 0 9999px #00000080}.eventcheckin-status{position:fixed;left:50%;transform:translate(-50%);bottom:140px;width:min(92vw,680px);background:#0f1112;border:2px solid #0F83E9;border-radius:24px;box-shadow:0 8px 30px #00000073;display:flex;gap:12px;align-items:center;padding:12px 12px 12px 8px;z-index:10}.eventcheckin-status-icon{width:56px;height:56px;min-width:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:24px}.eventcheckin-status-content{flex:1;display:flex;flex-direction:column;gap:6px}.eventcheckin-status-title{font-size:18px;font-weight:700}.eventcheckin-row{display:flex;justify-content:space-between;gap:12px}.eventcheckin-row>span:first-child{opacity:.8}.eventcheckin-msg{opacity:.9}.eventcheckin-status-close{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:22px}.eventcheckin-bottom{position:fixed;left:0;right:0;bottom:0;padding:20px 14px 26px;display:flex;flex-direction:column;gap:18px;z-index:9}.eventcheckin-bottom-row{display:flex;justify-content:center;gap:30px}.eventcheckin-round-btn{background:rgba(255,255,255,.5);border:2px solid #fff;color:var(--text);border-radius:999px;padding:10px;box-shadow:0 10px 30px #0000004d;backdrop-filter:blur(3px);width:52px;height:52px;display:flex;align-items:center;justify-content:center}.eventcheckin-stats-card{margin:0 auto;width:min(350px,94vw);background:var(--text);border-radius:20px;box-shadow:0 10px 30px #0006;border:1px solid rgba(0,0,0,.2)}.eventcheckin-stats-inner{padding:12px 14px;text-align:center}.eventcheckin-stats-title{color:var(--main-background);font-size:15px}.eventcheckin-stats-count{font-size:23px;font-weight:700}.eventcheckin-stats-hint{font-size:10px;color:var(--main-background);opacity:.2}.eventcheckin-sheet-root{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.eventcheckin-sheet-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.eventcheckin-sheet{position:relative;margin:0 auto;border-radius:30px;box-shadow:0 -20px 60px #00000080;padding:5px;background:var(--main-background);transform:translateY(0);touch-action:pan-y}.eventcheckin-sheet-grabber{position:absolute;top:8px;left:50%;transform:translate(-50%);width:100px;height:5px;background:white;border-radius:999px;margin:0}.eventcheckin-dropdown{width:min(680px,92vw);max-height:min(78vh,720px);padding-bottom:max(5px,env(safe-area-inset-bottom))}.eventcheckin-dd-banner{height:140px;border-radius:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;gap:12px}.eventcheckin-dd-banner-icon{display:flex;align-items:center;justify-content:center;font-size:48px}.eventcheckin-dd-banner-text{font-size:20px;font-weight:600;text-align:center}.eventcheckin-dd-ticketid{margin:10px 0;font-size:20px;text-align:center;color:var(--text)}.eventcheckin-dd-row{display:flex;justify-content:center;gap:16px;font-size:18px}.eventcheckin-dd-details{margin:10px auto;padding:12px;background:var(--gray1, #161818);border-radius:24px;width:95%;max-height:32vh;overflow:auto}.eventcheckin-dd-detail{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.eventcheckin-dd-error{margin:10px auto;padding:15px;background:var(--gray1, #161818);border-radius:31px;width:95%;text-align:center}.eventcheckin-dd-error-title{font-size:18px;margin-bottom:5px}.eventcheckin-dd-payment{margin:10px auto 0;padding:12px;background:var(--gray1, #161818);border-radius:24px;width:95%;display:flex;align-items:center;justify-content:space-between}.eventcheckin-dd-payment-label{opacity:.9}.eventcheckin-dd-payment-amount{font-size:24px;font-weight:700}.eventcheckin-dd-payment-btn{background:#36A72D;color:var(--text);border:none;border-radius:20px;padding:12px 16px;display:flex;align-items:center;gap:8px;cursor:pointer}.eventcheckin-dd-scan-another{width:100%;height:56px;background:var(--text, #e7e7e7);color:var(--background, #0b0d0e);border:none;border-radius:20px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.eventcheckin-collect-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;z-index:100;backdrop-filter:blur(2px);padding:calc(20px + env(safe-area-inset-top)) 8px 8px 8px}.eventcheckin-collect-modal{width:min(500px,95vw);max-height:min(90vh,600px);background:var(--main-background);border-radius:34px;box-shadow:0 20px 60px #00000080;padding:10px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:flex-end}.eventcheckin-collect-header{width:95%;background:var(--gray1, #161818);border-radius:31px;padding:15px}.eventcheckin-collect-title-section{text-align:center;display:flex;flex-direction:column;gap:5px}.eventcheckin-collect-title{font-size:20px;font-weight:600;color:var(--text);margin:0}.eventcheckin-collect-subtitle{font-size:15px;color:var(--text);opacity:.8;margin:0}.eventcheckin-collect-change{font-size:16px;color:#36a72d;font-weight:600;margin:8px 0 0}.eventcheckin-collect-body{width:100%;display:flex;justify-content:center;padding:30px 0}.eventcheckin-collect-input{width:60%!important;max-width:300px!important;background:var(--gray1, #161818)!important;border:none!important;border-radius:30px!important;padding:0!important;font-size:50px!important;font-weight:600!important;color:var(--text)!important;text-align:center!important;outline:none!important;transition:border .2s ease}.eventcheckin-collect-input:focus{outline:2px solid var(--gray3, #2a2a2a);outline-offset:2px}.eventcheckin-collect-input::placeholder{color:var(--sub-text, #888)}.eventcheckin-collect-confirm{width:100%;height:70px;background:var(--text, #e7e7e7);color:var(--main-background, #0b0d0e);border:none;border-radius:20px;margin:0 10px 10px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:23px;font-weight:600;transition:opacity .2s ease}.eventcheckin-collect-confirm:disabled{opacity:.5;cursor:not-allowed}.eventcheckin-collect-confirm:active:not(:disabled){opacity:.8}body.native-camera-active,body.native-camera-active html,body.native-camera-active #root,body.native-camera-active .app-safe-area-layout,body.native-camera-active .app-main-shell,body.native-camera-active .eventcheckin-page{background:transparent!important;background-color:transparent!important}.eventcheckin-native-scanner{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;pointer-events:none;z-index:1}.eventcheckin-native-camera-area{position:absolute;inset:0;width:100%;height:100%;background:transparent;overflow:hidden;z-index:0}#camera-preview-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.eventcheckin-native-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text, #e7e7e7);z-index:3;background:rgba(0,0,0,.8)}.eventcheckin-native-loading-icon{font-size:48px;color:#0f83e9;opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.eventcheckin-native-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.eventcheckin-native-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,0) 46%,rgba(0,0,0,.75) 100%)}.eventcheckin-native-overlay-frame{position:relative;width:min(320px,75vw);height:min(320px,75vw);border:4px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 0 40px #00000073}.eventcheckin-native-controls{position:relative;z-index:5;display:flex;justify-content:center;gap:30px;padding:20px;width:100%;background:transparent;pointer-events:auto}.eventcheckin-native-control-btn{background:var(--main-background);border:2px solid rgba(255,255,255,.5);color:var(--text, #e7e7e7);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;backdrop-filter:blur(4px);transition:all .2s ease}.eventcheckin-native-control-btn:active,.eventcheckin-native-control-btn.active{background:rgba(255,255,255,.25);border-color:#ffffff80;box-shadow:0 0 16px #0f83e94d}.eventcheckin-native-stats{position:relative;z-index:5;width:min(300px,90vw);padding:16px;border-radius:20px;border:2px solid;background:var(--main-background);margin-bottom:30px;pointer-events:auto}.eventcheckin-native-stats-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.eventcheckin-native-stats-label{font-size:14px;color:var(--sub-text, #999);text-transform:uppercase;letter-spacing:.5px}.eventcheckin-native-stats-count{font-size:32px;font-weight:700}.eventdrawing-page{width:100%;height:100vh;background:var(--main-background);color:var(--text);display:flex;flex-direction:column;font-family:var(--font-arial-rounded-mt)}.eventdrawing-page.embedded{height:100%;flex:1;min-height:0}.eventdrawing-page.embedded .eventdrawing-top-bar-wrapper{position:absolute;top:12px;left:12px;transform:none;max-width:calc(100% - 24px)}.eventdrawing-top-bar-wrapper{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:50;max-width:1180px;width:calc(100% - 20px);border-radius:20px;pointer-events:auto;overflow:hidden;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);transition:box-shadow .3s ease,border-radius .3s ease}.eventdrawing-top-bar-wrapper.expanded{box-shadow:0 8px 24px var(--shadow)}.eventdrawing-top-bar{width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.eventdrawing-top-bar--compact{padding:0 10px}.eventdrawing-top-panel{width:100%;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.eventdrawing-top-bar-wrapper.expanded .eventdrawing-top-panel{max-height:min(70vh,560px);opacity:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.eventdrawing-top-panel:after{content:"";position:sticky;bottom:0;display:block;height:18px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.06));pointer-events:none}.eventdrawing-top-panel-inner{padding:12px;box-sizing:border-box;border-top:1px solid var(--line-color)}.eventdrawing-layout-name-block{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.eventdrawing-layout-name-row{display:flex;gap:8px;align-items:stretch}.eventdrawing-layout-save-btn{flex:0 0 auto}.eventdrawing-location-search-block{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.eventdrawing-location-search-row{display:flex;gap:8px;align-items:stretch}.eventdrawing-location-search-input{padding-left:14px}.eventdrawing-clear-search-btn{padding:8px 10px;min-width:44px}.eventdrawing-search-hint{font-size:11px;color:var(--sub-text);margin-top:2px}.eventdrawing-locations-results-wrapper{max-height:260px;overflow:auto;padding-right:4px}.eventdrawing-location-result-item{cursor:pointer;transition:background .15s,transform .15s}.eventdrawing-location-result-item:hover{background:var(--gray2)}.eventdrawing-empty-results,.eventdrawing-loading-results{padding:12px;font-size:12px;color:var(--sub-text)}.eventdrawing-location-result-item .eventdrawing-modal-item-actions{opacity:0;transition:opacity .18s}.eventdrawing-location-result-item:hover .eventdrawing-modal-item-actions{opacity:1}.eventdrawing-tag-pill{background:var(--gray2);color:var(--text);padding:4px 8px;font-size:11px;border-radius:999px;line-height:1;font-weight:500;letter-spacing:.2px;display:inline-flex;align-items:center;gap:4px}.eventdrawing-tag-pill--date{background:var(--blue-blue);color:var(--primary-btn-text)}.eventdrawing-tag-pill--empty{background:var(--gray2);color:var(--sub-text);font-style:italic}.eventdrawing-flat-panel{display:flex;flex-direction:column;gap:18px}.eventdrawing-group{display:flex;flex-direction:column;gap:10px;padding:4px 2px 12px;border-bottom:1px solid var(--line-color)}.eventdrawing-group:last-child{border-bottom:none}.eventdrawing-group-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--sub-text);display:flex;align-items:center;gap:8px}.eventdrawing-group-header--actions{justify-content:space-between}.eventdrawing-group-actions{display:flex;gap:6px}.eventdrawing-btn-compact{padding:4px 8px;font-size:11px}.eventdrawing-group--highlight{background:var(--best-gray);padding:12px 12px 14px;border:1px solid var(--line-color);border-radius:14px;box-shadow:0 1px 3px #0000001f}.eventdrawing-group--highlight .eventdrawing-group-header{margin-top:-4px}.eventdrawing-selected-location-name{font-weight:600;font-size:14px;letter-spacing:.3px}.eventdrawing-tags-row{display:flex;flex-wrap:wrap;gap:6px}.eventdrawing-divider{height:1px;background:var(--line-color);opacity:.6;border-radius:1px;margin:4px 0}.eventdrawing-section,.eventdrawing-section-header,.eventdrawing-section-title,.eventdrawing-section-body,.eventdrawing-top-panel-surface,.eventdrawing-sections-stack{display:none!important}.eventdrawing-top-panel-row{display:flex;align-items:center;gap:10px}.eventdrawing-top-panel-label{font-size:12px;font-weight:600;color:var(--sub-text)}.eventdrawing-top-panel-input{flex:1;min-width:120px;padding:8px 10px;background:var(--gray1);border:1px solid var(--line-color);border-radius:10px;color:var(--text);outline:none}.eventdrawing-top-panel-input:focus{border-color:var(--blue-blue)}.eventdrawing-top-panel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:var(--gray1);border:1px solid var(--line-color);color:var(--text);cursor:pointer}.eventdrawing-top-panel-btn:hover{background:var(--gray2)}.eventdrawing-export-btn{width:100%;justify-content:center;background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.eventdrawing-export-btn:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.eventdrawing-nav-content{width:95%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.eventdrawing-nav-content--compact{padding:0 12px}.eventdrawing-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.eventdrawing-button-back{margin-right:12px}.eventdrawing-nav-stats{display:flex;align-items:center;gap:18px}.eventdrawing-stat-block{display:flex;flex-direction:column;align-items:flex-start}.eventdrawing-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text)}.eventdrawing-stat-value{font-size:14px;font-weight:600;color:var(--text)}.eventdrawing-title-wrap{padding-left:8px;border-left:1px solid var(--line-color)}.eventdrawing-save-btn{font-weight:600;letter-spacing:.3px}.eventdrawing-save-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.eventdrawing-back-btn:hover{background:var(--gray1)}.eventdrawing-nav-center{flex:1;display:flex;justify-content:center}.eventdrawing-nav-title{font-size:16px;font-weight:600;color:var(--text)}.eventdrawing-nav-actions{display:flex;gap:10px}.eventdrawing-save-btn{display:flex;align-items:center;gap:8px;background:var(--blue-blue);border:5px solid var(--background);color:var(--primary-btn-text);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s;min-width:130px;justify-content:center}.eventdrawing-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f83e94d}.eventdrawing-main-content{flex:1;display:flex;position:relative;overflow:hidden}.eventdrawing-left-panel{width:300px;max-width:300px;border-radius:20px;padding:10px;position:absolute;left:0;top:0;z-index:5;display:flex;flex-direction:column;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1);max-height:500px}.eventdrawing-left-panel-collapsed{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:5}.eventdrawing-collapsed-shadow .eventdrawing-panel-toggle{background:var(--main-background);border:2px solid var(--gray2)!important;box-shadow:0 12px 36px var(--shadow)!important}.eventdrawing-panel-toggle{width:50px;height:50px;background:var(--background);box-shadow:0 0 20px var(--shadow);border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text);transition:transform .2s}.eventdrawing-panel-toggle:hover{transform:scale(1.05)}.eventdrawing-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line-color)}.eventdrawing-panel-header h3{margin:0;font-size:16px;color:var(--sub-text);font-weight:600}.eventdrawing-close-btn{background:transparent;border:none;color:var(--sub-text);cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background-color .2s}.eventdrawing-close-btn:hover{background:var(--gray1)}.eventdrawing-elements-list{flex:1;overflow-y:scroll;display:flex;flex-direction:column;gap:10px}.eventdrawing-elements-list::-webkit-scrollbar{width:8px}.eventdrawing-elements-list::-webkit-scrollbar-track{background:var(--gray1);border-radius:4px}.eventdrawing-elements-list::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:4px}.eventdrawing-elements-list::-webkit-scrollbar-thumb:hover{background:var(--blue-blue)}.eventdrawing-element-item{background:var(--gray1);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:background-color .2s;position:relative;border:1px solid transparent}.eventdrawing-element-item:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(var(--gray2),var(--gray2)) padding-box,linear-gradient(120deg,rgba(255,255,255,.08),rgba(0,0,0,.12)) border-box;opacity:0;pointer-events:none;transition:opacity .25s;border:1px solid transparent}.eventdrawing-element-item:hover:before{opacity:.9}.eventdrawing-element-item.selected{border-color:var(--blue-blue);box-shadow:0 0 0 2px #2563eb59}.eventdrawing-element-action-toggle{margin-left:auto;background:var(--gray2);border:1px solid var(--line-color);color:var(--text);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:12px;padding:0}.eventdrawing-element-action-toggle:hover{background:var(--gray3)}.eventdrawing-element-actions{margin-top:2px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:10px;animation:eventdrawing-fade-in .18s ease;background:var(--gray2);border:1px solid var(--line-color);border-radius:12px}.eventdrawing-element-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eventdrawing-element-action-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--sub-text)}.eventdrawing-element-seat-controls{display:inline-flex;align-items:center;gap:4px;background:var(--gray2);padding:4px 8px;border-radius:16px;border:1px solid var(--line-color);box-shadow:0 1px 2px #0000001f inset}.eventdrawing-element-seat-controls:hover{box-shadow:0 0 0 2px var(--gray3) inset}.eventdrawing-element-delete-inline{background:transparent;border:none;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;border-radius:50%;color:var(--sub-text);transition:background .15s,color .15s,transform .12s}.eventdrawing-element-delete-inline:hover{background:var(--gray3);color:var(--red-red)}.eventdrawing-element-delete-inline:active{transform:scale(.85)}.eventdrawing-element-seat-count{min-width:26px;text-align:center;font-size:12px;font-weight:600;color:var(--text);letter-spacing:.3px}.eventdrawing-element-action-btn{background:transparent;border:none;color:var(--text);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background .15s,transform .12s}.eventdrawing-element-action-btn:active:not(:disabled){transform:scale(.85)}.eventdrawing-element-action-btn:hover:not(:disabled){background:var(--gray3)}.eventdrawing-element-action-btn:active:not(:disabled){transform:scale(.92)}.eventdrawing-element-action-btn:disabled{opacity:.4;cursor:not-allowed}.eventdrawing-element-delete-btn{background:var(--gray2);border:1px solid var(--line-color);color:var(--red-red);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;width:100%;letter-spacing:.3px;transition:background .15s,transform .15s}.eventdrawing-element-delete-btn:hover{background:var(--gray3)}.eventdrawing-element-delete-btn:active{transform:scale(.95)}.eventdrawing-element-delete-beside-chevron{background:transparent;border:none;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;border-radius:50%;color:var(--sub-text);transition:background .15s,color .15s,transform .12s}.eventdrawing-element-delete-beside-chevron:hover{background:var(--gray3);color:var(--red-red)}.eventdrawing-element-delete-beside-chevron:active{transform:scale(.85)}@keyframes eventdrawing-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.eventdrawing-element-item:hover{background:var(--gray2)}.eventdrawing-element-info{display:flex;align-items:center;gap:10px;width:100%}.eventdrawing-element-type{font-size:18px;width:26px;min-width:26px;display:flex;align-items:center;justify-content:center;line-height:0;text-align:center}.eventdrawing-element-details{flex:1}.eventdrawing-element-details div:first-child{font-weight:500;color:var(--text);margin-bottom:2px}.eventdrawing-element-seats{font-size:12px;color:var(--sub-text)}.eventdrawing-right-panel{width:230px;max-width:230px;max-height:500px;border-radius:20px;padding:10px;position:absolute;right:0;top:0;z-index:5;background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.eventdrawing-side-centered{top:50%;transform:translateY(-50%)}.eventdrawing-left-panel.eventdrawing-side-centered{left:10px;overflow:hidden}.eventdrawing-right-panel.eventdrawing-side-centered{right:10px}.eventdrawing-right-panel-collapsed{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:5}.eventdrawing-settings-sections{display:flex;flex-direction:column;gap:10px}.eventdrawing-settings-section{display:flex;flex-direction:column;gap:5px}.eventdrawing-settings-section h4{margin:0;font-size:14px;color:var(--sub-text);font-weight:500}.eventdrawing-setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.eventdrawing-setting-row label{font-size:12px;color:var(--text);min-width:60px}.eventdrawing-number-input{width:100px;padding:6px 10px;background:var(--gray1);border:1px solid var(--line-color);border-radius:8px;color:var(--text);font-size:12px;text-align:center;outline:none;transition:border-color .2s}.eventdrawing-number-input:focus{border-color:var(--blue-blue)}.eventdrawing-toggle-btn{padding:6px 14px;background:var(--gray1);border:1px solid var(--line-color);border-radius:8px;color:var(--text);font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.eventdrawing-toggle-btn:hover{background:var(--gray2)}.eventdrawing-toggle-btn.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.eventdrawing-setting-hint{font-size:11px;color:var(--sub-text);margin-top:4px}.eventdrawing-renumber-row{flex-wrap:wrap}.eventdrawing-renumber-actions{display:flex;gap:6px}.eventdrawing-renumber-hint{color:var(--blue-blue);font-weight:500}.eventdrawing-table-renumber-selected{stroke:var(--blue-blue)!important;stroke-width:3px!important}.eventdrawing-table-number-renumber{fill:var(--blue-blue)}.eventdrawing-canvas-container{flex:1;position:relative;background:var(--gray1);overflow:hidden;border-top-right-radius:16px;border-bottom-right-radius:16px}.eventdrawing-canvas-wrapper{flex:1;position:relative;display:flex;min-height:0}.eventdrawing-table-border-round,.eventdrawing-table-border-rect,.eventdrawing-table-border-row{stroke:var(--blue-blue);stroke-width:3px;stroke-opacity:.5;fill:none}.eventdrawing-table-surface-round,.eventdrawing-table-surface-rect{fill:var(--main-background);stroke:var(--gray3);stroke-width:1px}.eventdrawing-table-number{font-size:22px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;fill:var(--text);user-select:none}.eventdrawing-chair-available{fill:var(--blue-blue);stroke:#1f2937;stroke-width:1px}.eventdrawing-chair-outline{fill:transparent;stroke:var(--gray3);stroke-width:1.5px}.eventdrawing-chair-booked{fill:var(--red-red);stroke:#1f2937;stroke-width:1px}.eventdrawing-chair-reserved{fill:#f59e0b;stroke:#1f2937;stroke-width:1px}.eventdrawing-layout-fill{fill:var(--sub-text);fill-opacity:.15;stroke:var(--sub-text);stroke-dasharray:5 5}.eventdrawing-layout-point{fill:var(--background);stroke:var(--contrast1);stroke-width:2px}.eventdrawing-layout-label{cursor:move;user-select:none}.eventdrawing-bottom-toolbar-placeholder{position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none}.eventdrawing-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50}.eventdrawing-modal{width:92vw;max-width:560px;max-height:70vh;overflow:hidden;background:var(--background);border-radius:14px;border:1px solid var(--line-color);box-shadow:0 12px 36px var(--shadow);display:flex;flex-direction:column}.eventdrawing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line-color)}.eventdrawing-modal-close{background:transparent;border:none;color:var(--sub-text);font-size:16px;cursor:pointer}.eventdrawing-modal-body{padding:8px 12px 12px;overflow:auto}.eventdrawing-modal-empty{padding:20px;text-align:center;color:var(--sub-text)}.eventdrawing-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.eventdrawing-modal-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line-color);border-radius:10px;background:var(--gray1)}.eventdrawing-modal-item-info{display:flex;flex-direction:column;gap:4px}.eventdrawing-modal-item-name{font-weight:600;color:var(--text)}.eventdrawing-modal-item-sub{font-size:12px;color:var(--sub-text)}.eventdrawing-modal-item-actions{display:flex;align-items:center;gap:8px}.eventdrawing-save-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.eventdrawing-save-form-grid{grid-template-columns:1fr 1fr}}.eventdrawing-save-form-column{display:flex;flex-direction:column;gap:1rem}.eventdrawing-save-field{margin-bottom:0}.eventdrawing-save-field label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.85rem;color:var(--text);font-family:var(--font-arial-rounded-mt)}.eventdrawing-save-field input,.eventdrawing-save-field textarea,.eventdrawing-save-field select{width:100%;padding:.6rem .75rem;border:2px solid var(--best-gray);border-radius:10px;background:var(--background);color:var(--text);font-size:.9rem;font-family:var(--font-arial-rounded-mt);transition:all .2s ease;box-sizing:border-box}.eventdrawing-save-field input:focus,.eventdrawing-save-field textarea:focus,.eventdrawing-save-field select:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.eventdrawing-save-field textarea{resize:vertical;min-height:70px}.eventdrawing-tags-input{display:flex;gap:.5rem;align-items:stretch}.eventdrawing-tags-input button{padding:.6rem 1rem;background:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.eventdrawing-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.eventdrawing-tag-remove{background:transparent;border:none;color:var(--sub-text);cursor:pointer;padding:0;font-size:14px;transition:color .2s ease;margin-left:4px}.eventdrawing-cancel-btn{background:var(--background);color:var(--text);border:2px solid var(--best-gray);padding:.7rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.eventdrawing-cancel-btn:hover{background:var(--gray1);transform:translateY(-1px)}.eventdrawing-save-confirm-btn{background:var(--blue-blue);border:2px solid var(--blue-blue);color:var(--primary-btn-text);padding:.7rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0f83e94d}.eventdrawing-save-confirm-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #0f83e966}.eventdrawing-preview-svg{flex:0 0 auto;border-radius:8px}.eventdrawing-preview-bg{fill:var(--background)}.eventdrawing-preview-table{fill:var(--gray3);stroke:var(--line-color);stroke-width:.5}.eventdrawing-preview-area{fill:#60a5fa2e;stroke:var(--blue-blue);stroke-width:1;stroke-dasharray:4 3}.eventdrawing-preview-area-label{fill:var(--text);font-size:9px;font-weight:600;dominant-baseline:middle;text-anchor:middle}.eventdrawing-preview-empty-text{fill:var(--sub-text);font-size:10px;font-weight:600}.eventdrawing-preview-fallback{width:140px;height:80px;background:var(--gray2);border-radius:8px}.eventdrawing-save-modal{max-width:600px;width:95%;max-height:85vh}.eventdrawing-save-modal .eventdrawing-modal-header{padding:1.5rem;border-bottom:2px solid var(--best-gray);background:var(--background)}.eventdrawing-save-modal .eventdrawing-modal-header h4{margin:0;font-size:1.35rem;font-weight:600;color:var(--text);font-family:var(--font-arial-rounded-mt)}.eventdrawing-save-modal .eventdrawing-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px;transition:all .2s ease}.eventdrawing-save-modal .eventdrawing-modal-close:hover{background:var(--gray1);color:var(--text)}.eventdrawing-save-modal .eventdrawing-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 150px)}.eventdrawing-save-field{margin-bottom:1.25rem}.eventdrawing-save-field label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem;color:var(--text);font-family:var(--font-arial-rounded-mt)}.eventdrawing-save-field input,.eventdrawing-save-field textarea,.eventdrawing-save-field select{width:100%!important;padding:.75rem!important;border:2px solid var(--best-gray)!important;border-radius:12px!important;background:var(--background)!important;color:var(--text)!important;font-size:.95rem!important;font-family:var(--font-arial-rounded-mt)!important;transition:all .2s ease!important;box-sizing:border-box!important}.eventdrawing-save-field input:focus,.eventdrawing-save-field textarea:focus,.eventdrawing-save-field select:focus{outline:none!important;border-color:var(--blue-blue)!important;box-shadow:0 0 0 3px #0f83e91a!important}.eventdrawing-save-field textarea{resize:vertical;min-height:80px}.eventdrawing-tags-input{display:flex;gap:.5rem}.eventdrawing-tags-input input{flex:1}.eventdrawing-tags-input button{padding:.75rem 1.25rem!important;background:var(--blue-blue)!important;color:var(--primary-btn-text)!important;border:none!important;border-radius:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap}.eventdrawing-tags-input button:hover{filter:brightness(1.1);transform:translateY(-1px)}.eventdrawing-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.eventdrawing-tag-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--gray1);border:2px solid var(--best-gray);border-radius:10px;font-size:.85rem;color:var(--text);font-weight:500}.eventdrawing-tag-remove{background:transparent;border:none;color:var(--sub-text);cursor:pointer;padding:0;font-size:14px;transition:color .2s ease}.eventdrawing-tag-remove:hover{color:var(--red-red)}.eventdrawing-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:2px solid var(--best-gray);background:var(--gray1)}.eventdrawing-modal-footer button{flex:1;padding:.85rem 1.5rem!important;border-radius:12px!important;font-size:.95rem!important;font-weight:600!important;font-family:var(--font-arial-rounded-mt)!important;cursor:pointer!important;transition:all .2s ease!important;border:2px solid var(--best-gray)!important}.eventdrawing-cancel-btn{background:var(--background)!important;color:var(--text)!important}.eventdrawing-cancel-btn:hover{background:var(--gray2)!important;transform:translateY(-2px)}.eventdrawing-save-confirm-btn{background:var(--blue-blue)!important;border-color:var(--blue-blue)!important;color:var(--primary-btn-text)!important;box-shadow:0 4px 12px #0f83e94d}.eventdrawing-save-confirm-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #0f83e966}@media (max-width: 768px){.eventdrawing-top-bar{margin:0 10px;width:calc(100% - 20px)}.eventdrawing-top-panel{width:calc(100% - 20px)}.eventdrawing-nav-content{width:100%;padding:0 15px}.eventdrawing-nav-title{display:none}.eventdrawing-left-panel{width:250px;margin:10px}.eventdrawing-right-panel{width:200px;margin:10px}}@media (max-width: 480px){.eventdrawing-left-panel,.eventdrawing-right-panel{width:90%;max-width:none;left:5%;right:5%}.eventdrawing-left-panel{top:80px}.eventdrawing-right-panel{top:300px}}[data-theme=dark] .eventdrawing-element-item{border:1px solid var(--line-color)}[data-theme=dark] .eventdrawing-number-input{background:var(--gray2);color:var(--text)}[data-theme=dark] .eventdrawing-number-input:focus{background:var(--gray3)}.eventdrawing-left-panel,.eventdrawing-right-panel{transition:transform .3s ease}.eventdrawing-panel-toggle{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.page-padded{padding:20px 10px}.mb-10{margin-bottom:10px}.eventsettings-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.eventsettings-header-content{display:flex;flex-direction:column}.eventsettings-title{margin:0;font-size:22px;font-weight:700}.eventsettings-subtitle{margin:2px 0 0;font-size:13px;color:var(--sub-text)}.eventsettings-next-btn{width:200px;justify-content:center}.eventsettings-layout{display:grid;grid-template-columns:1fr 500px;gap:12px}.eventsettings-left{display:flex;flex-direction:column;gap:10px}.eventsettings-right{position:relative}.eventsettings-preview-sticky{position:sticky;top:10px}.eventsettings-section{display:flex;flex-direction:column;gap:8px}.eventsettings-section-header{padding:0 4px}.eventsettings-section-title{margin:0;font-size:20px;font-weight:700}.eventsettings-section-desc{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.eventsettings-card{background:var(--main-background, #fff);border-radius:22px;box-shadow:0 2px 33px var(--shadow);outline:2px solid var(--gray2);padding:12px}.eventsettings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.eventsettings-row+.eventsettings-row{margin-top:10px}.eventsettings-row-content{display:flex;flex-direction:column;gap:4px}.eventsettings-row-title{font-size:16px;font-weight:600}.eventsettings-row-desc{font-size:13px;color:var(--sub-text)}.eventsettings-price-input-wrapper{display:inline-flex;align-items:center;background:var(--best-gray, #f5f5f5)!important;border-radius:12px;padding:0 10px;height:42px;min-width:150px}.eventsettings-currency-symbol{color:var(--sub-text);font-weight:700;margin-right:6px}.eventsettings-price-input{border:none!important;background:transparent!important;outline:none!important;flex:1;height:100%;padding:0 6px;font-size:16px;text-align:right}.eventsettings-select{max-width:140px;height:42px;border:none;border-radius:12px;background:var(--best-gray, #f5f5f5);padding:0 12px;font-size:15px;color:var(--text-color, #1a1a1a)}.eventsettings-actions{display:flex;gap:10px}.eventsettings-action-btn{height:44px}.section-card{padding:12px}.section-header{padding:0 4px}.padless{margin-top:6px}.item-row{display:flex;align-items:center;justify-content:space-between;padding:12px}.item-row+.item-row{margin-top:10px}.item-row-text .field-title{font-size:16px;font-weight:600}.item-row-text .field-help{font-size:13px;color:var(--sub-text)}.actions-inline{display:flex;gap:10px}@media (max-width: 980px){.eventsettings-layout{grid-template-columns:1fr}.eventsettings-preview-sticky{position:relative;top:0}}.eventsettings-display-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2100}.eventsettings-display-modal{width:min(560px,100%);background:var(--main-background, #fff);border-radius:22px;box-shadow:0 2px 33px var(--shadow);outline:2px solid var(--gray2);padding:16px}.eventsettings-display-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.eventsettings-display-modal-header h3{margin:0;font-size:20px;font-weight:700;line-height:1.25;color:var(--text-color, #1a1a1a)}.eventsettings-display-modal-header p{margin:6px 0 0;font-size:13px;color:var(--sub-text, #777)}.eventsettings-display-modal-close{border:0;background:var(--best-gray, #f5f5f5);color:var(--text-color, #1a1a1a);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.eventsettings-display-modal-close:disabled{opacity:.55;cursor:not-allowed}.eventsettings-display-modal-list{margin-top:14px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px 4px 2px 0}.eventsettings-display-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--best-gray, #f5f5f5);border:1px solid var(--gray2);font-weight:600;color:var(--text-color, #1a1a1a);cursor:pointer;position:relative;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.eventsettings-display-item:hover{border-color:var(--blue-blue, #008cff)}.eventsettings-display-item-input{position:absolute;opacity:0;pointer-events:none}.eventsettings-display-item-check{width:22px;height:22px;border-radius:7px;border:2px solid #aeb8c5;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eventsettings-display-item-check:after{content:"";width:6px;height:11px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(45deg) translate(-1px,-1px)}.eventsettings-display-item-input:checked+.eventsettings-display-item-check{border-color:var(--blue-blue, #008cff);background:var(--blue-blue, #008cff)}.eventsettings-display-item-input:checked+.eventsettings-display-item-check:after{border-right-color:#fff;border-bottom-color:#fff}.eventsettings-display-item-input:checked~.eventsettings-display-item-label{color:var(--blue-blue)}.eventsettings-display-item-label{line-height:1.2;word-break:break-word}.eventsettings-display-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}@media (max-width: 640px){.eventsettings-display-modal{padding:16px;border-radius:16px}.eventsettings-display-modal-actions{flex-direction:column-reverse}.eventsettings-display-modal-actions button{width:100%;justify-content:center}}.cards-service{min-width:275px;max-width:275px;min-height:375px;position:relative;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;border:1px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;cursor:pointer;transition:transform .28s,box-shadow .28s,border-color .28s;padding:2px;font-family:var(--font-arial-rounded-mt),ARLRDBD,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.cards-service:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;border-color:#ffffff3d}.cards-service-image{width:100%;height:180px;border-radius:25px;overflow:hidden;position:relative}.cards-service-image img{width:100%;height:100%;object-fit:cover}.cards-service-body{padding:6px 10px 12px;display:flex;flex-direction:column;gap:4px}.cards-service-body-wrap{padding-bottom:0}.cards-service-main{display:flex;flex-direction:column;gap:4px}.cards-service-title{font-size:22px;font-weight:400;letter-spacing:0;margin:0}.cards-service-question{font-size:14px;color:#bababa;margin:0}.cards-service-bullet{font-size:13px;margin:2px 0 4px;white-space:pre-wrap;word-break:break-word;line-height:1.4}.cards-service-tags{display:flex;flex-wrap:wrap;gap:5px}.cards-service-chip{background:var(--gray2);color:var(--sub-text);font-size:10px;padding:5px 7px;border-radius:10px;font-weight:500;letter-spacing:.3px}.cards-service-manage-row{position:absolute;right:18px;bottom:16px;font-size:16px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:ARLRDBD,system-ui,sans-serif}.cards-service-manage-row:hover{text-decoration:underline}.cards-service-arrow{font-size:18px;transition:transform .2s ease}.cards-service:hover .cards-service-arrow{transform:translate(4px)}.cards-rental{min-width:300px;max-width:300px;background:var(--background, #101010);box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a;transition:transform .28s,box-shadow .28s,border-color .28s;border:1px solid rgba(255,255,255,.1);padding:2px;border-radius:25px;overflow:hidden;cursor:pointer;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.cards-rental:hover{box-shadow:0 4px 10px #0000002e,0 12px 26px #00000029;transform:translateY(-4px);border-color:#ffffff3d}.cards-rental-image-wrapper{padding:10px 10px 0}.cards-rental-image-bg{width:100%;height:300px;background:#FFFFFF;border-radius:25px;overflow:hidden;position:relative}.cards-rental-image-bg img{width:100%;height:100%;object-fit:cover}.cards-rental-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:6px}.cards-rental-main{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.cards-rental-title{font-size:22px;font-weight:400;margin:0}.cards-rental-subheading{font-size:14px;color:#bababa;margin:0}.cards-rental-price{font-size:18px;font-weight:600;color:#10b981;margin:8px 0}.cards-rental-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cards-rental-chip{background:#F0F0F0;color:#a7a7a7;font-size:12px;padding:4px 8px;border-radius:10px;font-weight:500}.cards-rental-manage-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;font-size:14px;font-weight:600}.cards-rental-arrow{font-size:18px}.services-page-main-content{padding:0 8px}.services-page-cards-row{display:flex;gap:16px}.services-page-card{width:360px}.services-page-loading,.services-page-empty{padding:32px;font-family:ARLRDBD,sans-serif;opacity:.8}.services-page-top-bar-buttons{display:flex;gap:12px;align-items:center}@media (max-width: 900px){.services-page-top-bar-buttons{justify-content:flex-end}}.services-page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.services-page-section-header h2{font-size:1.8rem;font-weight:600;margin:0;color:var(--text)}@media (max-width: 900px){.services-page-section-header{flex-direction:column;gap:1rem;align-items:stretch}.services-page-section-header h2{text-align:left}}@media (min-width: 700px) and (max-width: 1023px){.services-page-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-wrap:wrap}.services-page-card{width:100%}}.services-dashboard-container{min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s,color .2s;background:var(--main-background);color:var(--text)}.services-dashboard-header{display:flex;align-items:center;padding:10px}.services-dashboard-back{margin-right:auto}.services-dashboard-content{flex:1;padding:20px;overflow-y:auto}.services-dashboard-service-card{display:flex;align-items:center;gap:11px;padding:11px;border-radius:20px;margin-bottom:20px;box-shadow:0 2px 33px var(--shadow),0 0 5px #0000001a;background:var(--main-background)}.services-dashboard-service-image{width:129px;height:98px;border-radius:20px;overflow:hidden;flex-shrink:0}.services-dashboard-service-image img{width:100%;height:100%;object-fit:cover}.services-dashboard-service-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:1;min-width:0}.services-dashboard-service-info{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;min-width:0}.services-dashboard-service-name{font-size:23px;font-weight:400;margin:0;letter-spacing:0}.services-dashboard-service-question{font-size:15px;margin:0;opacity:.6}.services-dashboard-action-buttons-row{display:flex;gap:8px;flex-shrink:0}.services-dashboard-action-mini-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;border:none;background:var(--gray1);color:var(--text);cursor:pointer;transition:transform .2s,background-color .2s;font-size:16px;font-weight:500;font-family:Arial Rounded MT Bold,sans-serif;letter-spacing:0;flex-shrink:0;white-space:nowrap}.services-dashboard-action-mini-button:hover{transform:scale(1.05);box-shadow:0 2px 8px var(--shadow)}.services-dashboard-tabs-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.services-dashboard-create-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:22px;background:var(--gray1);color:var(--text);cursor:pointer;transition:background-color .2s;font-size:16px;font-family:Arial Rounded MT Bold,sans-serif;line-height:1;min-width:fit-content;white-space:nowrap;font-weight:500}.services-dashboard-create-button:hover{opacity:.8;transform:translateY(-1px)}.services-dashboard-create-button-icon{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.services-dashboard-create-button-label{font-size:14px;letter-spacing:0}.services-dashboard-tabs{display:flex;gap:5px;padding:5px;border-radius:100px;flex-wrap:wrap;justify-content:center;background:var(--main-background);box-shadow:0 2px 8px var(--shadow)}.services-dashboard-tab{display:flex;align-items:center;gap:5px;padding:10px 16px;border:none;border-radius:22px;background:transparent;color:var(--text);cursor:pointer;transition:background-color .2s;font-size:16px;font-family:Arial Rounded MT Bold,sans-serif;line-height:1;min-width:fit-content;white-space:nowrap}.services-dashboard-tab.active{font-weight:500;background:var(--best-gray)}.services-dashboard-tab-indicator{display:inline-block;width:12px;height:12px;border-radius:100%;flex-shrink:0}.services-dashboard-tab-label{font-weight:500;font-size:14px;letter-spacing:0;line-height:1}.services-dashboard-work-orders{padding:20px 0}.services-dashboard-empty-state{text-align:center;padding:40px 20px;opacity:.6;font-family:Arial Rounded MT Bold,sans-serif}.services-dashboard-work-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.services-dashboard-work-order-card{padding:16px;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;background:var(--best-gray)}.services-dashboard-work-order-card:hover{transform:translateY(-2px);box-shadow:0 2px 33px var(--shadow)}.services-dashboard-work-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.services-dashboard-work-order-header h4{font-size:16px;margin:0;font-weight:500;flex:1}.services-dashboard-work-order-reference{font-size:12px;opacity:.6;white-space:nowrap}.services-dashboard-work-order-client{font-size:14px;margin:0 0 4px;opacity:.8}.services-dashboard-work-order-date{font-size:12px;margin:0;opacity:.6}.services-dashboard-loading,.services-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;font-family:Arial Rounded MT Bold,sans-serif}.services-dashboard-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--text);border-radius:50%;animation:services-dashboard-spin 1s linear infinite}@keyframes services-dashboard-spin{to{transform:rotate(360deg)}}.services-dashboard-error button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-family:Arial Rounded MT Bold,sans-serif;font-size:16px;background:var(--blue-blue);color:#fff}@media (max-width: 768px){.services-dashboard-content{padding:16px}.services-dashboard-service-content{width:100%;flex-direction:column;align-items:flex-start}.services-dashboard-action-mini-button{height:36px;font-size:16px}.services-dashboard-action-mini-button span{display:none}.services-dashboard-tabs-container{flex-direction:column;gap:12px}.services-dashboard-tabs{width:100%}.services-dashboard-tab{flex:1;min-width:auto;justify-content:center}.services-dashboard-create-button{width:44px;height:44px;font-size:22px}}@media (max-width: 480px){.services-dashboard-header{padding:16px}.services-dashboard-content{padding:12px}.services-dashboard-service-image{width:100px;height:80px}.services-dashboard-action-buttons-row{gap:6px}.services-dashboard-action-mini-button{width:32px;height:32px;font-size:14px}.services-dashboard-tab{padding:8px 12px;font-size:12px}.services-dashboard-tab-indicator{width:10px;height:10px}}.services-settings-container{min-height:100vh;display:flex;flex-direction:column;background:var(--main-background);color:var(--text);font-family:var(--font-arial-rounded-mt)}.services-settings-header{display:flex;align-items:center;padding:16px 20px}.services-settings-back{margin-right:auto}.services-settings-layout{display:flex;flex:1;overflow:hidden;gap:0;min-height:0}.services-settings-sidebar{width:400px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;padding:0 20px 30px;gap:20px;min-height:0}.services-settings-service-card{display:flex;align-items:center;gap:16px;background:var(--main-background);padding:16px;border-radius:20px;box-shadow:0 2px 33px 5px var(--shadow)}.services-settings-service-icon{width:80px;height:80px;border-radius:16px;overflow:hidden;background:var(--gray1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.services-settings-service-icon img{width:100%;height:100%;object-fit:cover}.services-settings-service-text{flex:1;min-width:0}.services-settings-service-card h3{font-size:18px;margin:0 0 4px;font-weight:600;word-break:break-word}.services-settings-service-desc{font-size:13px;margin:0;color:var(--sub-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.services-settings-nav-cards{display:flex;flex-direction:column;gap:8px}.services-settings-nav-card{background:var(--gray1);padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.services-settings-nav-card:hover{background:var(--gray2);transform:translate(4px)}.services-settings-nav-card.active{background:var(--blue-blue);color:#fff;box-shadow:0 4px 16px #0f83e94d}.services-settings-nav-card-icon{width:40px;height:40px;border-radius:12px;background:var(--main-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text);flex-shrink:0}.services-settings-nav-card.active .services-settings-nav-card-icon{background:rgba(255,255,255,.2);color:#fff}.services-settings-nav-card-text{flex:1;min-width:0}.services-settings-nav-card-text h4{font-size:15px;margin:0 0 2px;font-weight:600;color:inherit}.services-settings-nav-card-text p{font-size:12px;margin:0;color:var(--sub-text)}.services-settings-nav-card.active .services-settings-nav-card-text p{color:#fffc}.services-settings-content{flex:1;overflow-y:auto;padding:0 30px 30px;display:flex;flex-direction:column;min-height:0}.services-settings-content-wrapper{max-width:800px;width:100%}.services-settings-page-header{margin-bottom:24px}.services-settings-page-header h2{font-size:28px;margin:0 0 6px;font-weight:600;color:var(--text)}.services-settings-page-header p{font-size:14px;margin:0;color:var(--sub-text)}.services-settings-card{background:var(--main-background);padding:20px;border-radius:20px;margin-bottom:20px;box-shadow:0 2px 33px 5px var(--shadow)}.services-settings-card h3{font-size:18px;margin:0 0 6px;font-weight:600;color:var(--text)}.services-settings-card-description{font-size:14px;margin:0 0 16px;color:var(--sub-text)}.services-settings-form-group{margin-bottom:16px;display:flex;flex-direction:column}.services-settings-form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.services-settings-form-group input[type=text],.services-settings-form-group input[type=number],.services-settings-form-group select,.services-settings-form-group textarea{padding:12px 16px;border:1px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);transition:border-color .2s,box-shadow .2s}.services-settings-form-group input:focus,.services-settings-form-group select:focus,.services-settings-form-group textarea:focus{outline:none;border-color:var(--blue-blue);background:var(--main-background)}.services-settings-form-group textarea{resize:vertical;min-height:100px}.services-settings-textarea{width:100%;padding:14px 16px;border:1px solid var(--gray2);border-radius:12px;background:var(--gray1);color:var(--text);font-size:14px;font-family:var(--font-arial-rounded-mt);min-height:120px;resize:vertical;box-sizing:border-box}.services-settings-textarea:focus{outline:none;border-color:var(--blue-blue);background:var(--main-background)}.services-settings-disabled-input{background:var(--gray2)!important;cursor:not-allowed!important;opacity:.6!important}.services-settings-images-wrapper{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.services-settings-image-upload-box{flex-shrink:0}.services-settings-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:100px;border:2px dashed var(--gray3);border-radius:14px;background:var(--gray1);color:var(--blue-blue);cursor:pointer;transition:all .2s;gap:6px;font-size:12px;font-family:var(--font-arial-rounded-mt)}.services-settings-upload-placeholder:hover{border-color:var(--blue-blue);background:var(--main-background)}.services-settings-images-wrap{display:flex;flex-wrap:wrap;gap:10px;flex:1}.services-settings-image-wrap-item{position:relative;width:140px;height:100px;border-radius:14px;overflow:hidden;background:var(--gray1)}.services-settings-image-wrap-item img{width:100%;height:100%;object-fit:cover}.services-settings-image-remove-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:var(--red-red);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.services-settings-image-wrap-item:hover .services-settings-image-remove-btn{opacity:1}.services-settings-image-remove-btn:hover{transform:scale(1.1)}.services-settings-integration-option{display:flex;align-items:center;justify-content:space-between;gap:20px}.services-settings-integration-option>div:first-child{flex:1}.services-settings-integration-option h3{margin:0 0 6px;font-size:16px;font-weight:600}.services-settings-toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.services-settings-toggle-input{opacity:0;width:0;height:0}.services-settings-toggle-label{position:absolute;cursor:pointer;inset:0;background-color:var(--gray2);border-radius:28px;transition:background-color .3s}.services-settings-toggle-label:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.services-settings-toggle-input:checked+.services-settings-toggle-label{background-color:var(--blue-blue)}.services-settings-toggle-input:checked+.services-settings-toggle-label:before{transform:translate(24px)}.services-settings-area-placeholder{width:100%;height:180px;background:var(--gray1);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--sub-text);margin:12px 0;font-size:13px}.services-settings-action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);transition:all .2s;white-space:nowrap}.services-settings-action-button.primary{background:var(--blue-blue);color:#fff}.services-settings-action-button.primary:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0f83e94d}.services-settings-action-button.secondary{background:var(--gray1);color:var(--text);border:1px solid var(--gray2)}.services-settings-action-button.secondary:hover:not(:disabled){background:var(--gray2)}.services-settings-action-button:disabled{opacity:.5;cursor:not-allowed}.services-settings-action-bar{display:flex;gap:12px;margin-top:16px}.services-settings-save-bar{position:sticky;bottom:0;left:0;right:0;padding:16px 0;background:var(--main-background);border-top:1px solid var(--gray2);display:flex;justify-content:flex-start;gap:12px;margin-top:24px}.services-settings-save-button{padding:12px 24px;border:none;border-radius:12px;background:var(--blue-blue);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);transition:all .2s;display:flex;align-items:center;gap:8px}.services-settings-save-button:hover{opacity:.9;transform:translateY(-2px)}.services-settings-danger-zone{margin-top:24px;padding:16px;border:2px solid var(--red-red);border-radius:14px;background:rgba(217,53,53,.05)}.services-settings-danger-zone h3{color:var(--red-red);margin:0 0 12px;font-size:15px;font-weight:600}.services-settings-danger-button{padding:10px 18px;border:none;border-radius:10px;background:var(--red-red);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-arial-rounded-mt);transition:all .2s}.services-settings-danger-button:hover{opacity:.9}.services-settings-loading,.services-settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text)}.services-settings-spinner{width:32px;height:32px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:services-settings-spin 1s linear infinite}@keyframes services-settings-spin{to{transform:rotate(360deg)}}.services-settings-error button{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-family:var(--font-arial-rounded-mt);background:var(--blue-blue);color:#fff}.services-settings-visibility-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.services-settings-visibility-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--gray1);border-radius:14px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.services-settings-visibility-option:hover{background:var(--main-background);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.services-settings-visibility-option.active{border-color:var(--option-color, var(--blue-blue));background:var(--main-background);box-shadow:0 4px 16px var(--shadow)}.services-settings-visibility-icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.services-settings-visibility-icon-wrapper i{font-size:20px}.services-settings-visibility-text{flex:1}.services-settings-visibility-text strong{display:block;font-size:15px;color:var(--text);margin-bottom:2px}.services-settings-visibility-text p{font-size:12px;color:var(--sub-text);margin:0}.services-settings-visibility-check{font-size:22px;flex-shrink:0}@media (max-width: 1200px){.services-settings-sidebar{width:340px}}@media (max-width: 1024px){.services-settings-layout{flex-direction:column}.services-settings-sidebar{width:100%;border-bottom:1px solid var(--gray2);padding:16px;max-height:none}.services-settings-nav-cards{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.services-settings-nav-card{flex-shrink:0;min-width:140px}.services-settings-content{padding:20px}}@media (max-width: 768px){.services-settings-sidebar{padding:12px;gap:12px}.services-settings-service-card{padding:12px}.services-settings-service-icon{width:60px;height:60px}.services-settings-service-card h3{font-size:16px}.services-settings-nav-cards{gap:6px}.services-settings-nav-card{padding:10px 12px;min-width:120px}.services-settings-nav-card-icon{width:32px;height:32px;font-size:14px}.services-settings-nav-card-text h4{font-size:13px}.services-settings-nav-card-text p{display:none}.services-settings-content{padding:16px}.services-settings-card{padding:16px;border-radius:16px}.services-settings-page-header h2{font-size:22px}.services-settings-visibility-option{padding:12px}.services-settings-visibility-icon-wrapper{width:36px;height:36px}.services-settings-visibility-icon-wrapper i{font-size:18px}}@media (max-width: 480px){.services-settings-header{padding:12px}.services-settings-sidebar{padding:10px}.services-settings-service-card{padding:10px;border-radius:14px}.services-settings-service-icon{width:50px;height:50px;border-radius:12px}.services-settings-nav-card{padding:8px 10px;min-width:100px;border-radius:12px}.services-settings-nav-card-icon{width:28px;height:28px;border-radius:8px;font-size:12px}.services-settings-content{padding:12px}.services-settings-card{padding:14px;margin-bottom:14px;border-radius:14px}.services-settings-page-header{margin-bottom:16px}.services-settings-page-header h2{font-size:20px}.services-settings-page-header p{font-size:13px}.services-settings-card h3{font-size:16px}.services-settings-action-button{padding:10px 16px;font-size:13px}}.rentals-page-main-content{padding:0 8px}.rentals-page-cards-row{display:flex;gap:16px}.rentals-page-card{width:360px}.rentals-page-loading,.rentals-page-empty{padding:32px;font-family:ARLRDBD,sans-serif;opacity:.8}.rental-dashboard{padding:24px 32px 48px;display:flex;flex-direction:column;gap:28px}.rental-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.rental-dashboard-button-back{color:var(--text)}.rental-dashboard-button-back:hover{color:var(--blue-blue, #0f83e9)}.rental-dashboard-top-actions{display:flex;gap:12px}.rental-dashboard-button-publish{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .2s ease;background:var(--blue-blue, #0f83e9);color:var(--main-background, #fff);box-shadow:0 20px 40px #0f83e947}.rental-dashboard-button-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 48px #0f83e959}.rental-dashboard-button-publish:disabled{opacity:.6;cursor:not-allowed}.rental-dashboard-button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .2s ease}.rental-dashboard-button.primary{background:var(--blue-blue, #0f83e9);color:var(--main-background, #fff);box-shadow:0 20px 40px #0f83e947}.rental-dashboard-button.secondary{background:var(--secondary-background);color:var(--text);border:1px solid var(--best-gray)}.rental-dashboard-button.primary:hover,.rental-dashboard-button.secondary:hover{transform:translateY(-1px);box-shadow:0 18px 38px #15161829}.rental-dashboard-empty{background:var(--background);border-radius:24px;border:2px dashed var(--best-gray);padding:48px 32px;text-align:center;color:var(--text);display:flex;flex-direction:column;gap:16px;align-items:center}.rental-dashboard-empty h2{margin:0}.rental-dashboard-content{display:flex;flex-direction:column;gap:28px}.rental-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px}.rental-dashboard-hero-main{background:var(--background);border-radius:24px;border:2px solid var(--best-gray);padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 28px 60px #1516181a}.dark .rental-dashboard-hero-main{border-color:#ffffff0f;box-shadow:0 32px 64px #0006}.rental-dashboard-hero-main h1{margin:0;font-size:30px;font-family:ARLRDBD,sans-serif}.rental-dashboard-hero-main p{margin:0;color:var(--sub-text);font-size:16px}.rental-dashboard-tags{display:flex;gap:8px;flex-wrap:wrap}.rental-dashboard-tags span{display:inline-flex;gap:6px;align-items:center;background:rgba(15,131,233,.12);color:var(--text);border-radius:12px;padding:6px 10px;font-size:13px}.rental-dashboard-meta{display:flex;flex-wrap:wrap;gap:12px 20px}.rental-dashboard-meta div{display:inline-flex;align-items:center;gap:8px;background:rgba(166,171,178,.2);padding:10px 14px;border-radius:14px;color:var(--text)}.rental-dashboard-location{display:inline-flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(15,131,233,.1);color:var(--text)}.rental-dashboard-location strong{display:block;font-size:14px}.rental-dashboard-location span{font-size:13px;color:var(--sub-text)}.rental-dashboard-location.muted{background:rgba(166,171,178,.1)}.rental-dashboard-hero-media{border-radius:24px;border:3px solid var(--blue-blue, #0f83e9);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--secondary-background);min-height:260px}.rental-dashboard-hero-media img{width:100%;height:100%;object-fit:cover}.rental-dashboard-hero-media.placeholder{color:var(--sub-text);font-weight:600;text-align:center;padding:24px}.rental-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.rental-dashboard-card{background:var(--background);border-radius:22px;border:2px solid var(--best-gray);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 26px 55px #1516181a}.dark .rental-dashboard-card{border-color:#ffffff0f;box-shadow:0 28px 58px #0006}.rental-dashboard-card h3{margin:0;font-size:22px;font-family:ARLRDBD,sans-serif}.rental-dashboard-card p{margin:0;color:var(--text);line-height:1.6}.rental-dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rental-dashboard-card-header p{color:var(--sub-text);font-size:14px}.rental-dashboard-empty-card{padding:18px;border-radius:16px;background:rgba(166,171,178,.18);text-align:center;color:var(--sub-text);font-weight:600}.rental-dashboard-callout{display:flex;align-items:flex-start;gap:10px;background:rgba(15,131,233,.1);border-radius:16px;padding:12px 14px;color:var(--text);font-weight:500}.rental-dashboard-callout svg{margin-top:2px}.rental-dashboard-rules{display:flex;flex-direction:column;gap:14px}.rental-dashboard-rules article{border-radius:16px;border:1px solid var(--best-gray);padding:16px 18px;background:var(--secondary-background)}.rental-dashboard-rules h4{margin:0 0 6px;font-size:18px}.rental-dashboard-rules .summary{color:var(--sub-text);font-size:14px;margin-bottom:8px}.rental-dashboard-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.rental-dashboard-gallery figure{margin:0;border-radius:16px;overflow:hidden;border:2px solid var(--best-gray);background:var(--secondary-background);aspect-ratio:4/3}.rental-dashboard-gallery img{width:100%;height:100%;object-fit:cover}.rental-dashboard-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.rental-dashboard-details div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:14px;background:rgba(166,171,178,.14)}.rental-dashboard-details dt{font-weight:600;font-size:13px;color:var(--sub-text)}.rental-dashboard-details dd{margin:0;font-size:15px;color:var(--text)}@media (max-width: 1240px){.rental-dashboard-hero,.rental-dashboard-grid{grid-template-columns:1fr}}@media (max-width: 860px){.rental-dashboard{padding:18px 16px 32px}.rental-dashboard-top{flex-direction:column;align-items:flex-start}.rental-dashboard-top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.create-custom-service-content{display:grid;grid-template-columns:auto 1fr;gap:0;align-items:start;min-height:calc(100vh - 100px);overflow:visible;padding:0 0 20px}.create-custom-service-form-container{display:flex;flex-direction:column;gap:20px;width:fit-content;padding:20px 30px 50px 5px;max-height:calc(100vh - 100px);overflow-y:scroll;overflow-x:visible;box-sizing:border-box}.create-custom-service-form-container::-webkit-scrollbar{width:8px}.create-custom-service-form-container::-webkit-scrollbar-track{background:transparent}.create-custom-service-form-container::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:4px}.create-custom-service-form-container::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.service-create-preview-card{position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px;margin:20px 20px 20px 0;flex:1}@media (max-width: 1200px){.create-custom-service-content{grid-template-columns:1fr;gap:20px;min-height:auto}.create-custom-service-form-container{width:100%;max-width:100%;padding-left:0;padding-right:0}.service-create-preview-card{position:static;top:auto;max-height:none;margin:0}}.service-create-autofill-tooltip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:8px;background:radial-gradient(circle,rgb(0,173,237) 0%,rgb(0,129,204) 100%);border:1px solid rgba(102,126,234,.3);border-radius:12px;animation:slideInDown .3s ease-out}.autofill-tooltip-content{display:flex;align-items:center;gap:8px;flex:1}.autofill-tooltip-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);animation:sparkle .6s ease-out}.autofill-tooltip-text{display:flex;align-items:baseline;gap:6px}.autofill-tooltip-label{font-size:13px;font-weight:500;color:#fff}.autofill-tooltip-hint{font-size:12px;color:#ffffffb3;font-style:italic}.autofill-tooltip-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:rgba(255,255,255,.2);border-radius:10px;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.autofill-tooltip-clear:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.autofill-tooltip-clear:active{transform:scale(.95)}.autofill-tooltip-clear i{font-size:16px}.service-create-autofill-loading{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(255,193,7,.1) 0%,rgba(255,193,7,.05) 100%);border:1px solid rgba(255,193,7,.3);border-radius:6px;font-size:13px;color:#ff9800;animation:slideInDown .3s ease-out}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,193,7,.3);border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite}.service-create-input-loading{box-shadow:0 0 #667eeab3;animation:pulseGlow 2s ease-in-out infinite;border-color:#667eea80}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%{transform:scale(.8) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 #667eeab3}50%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.service-create-icon-upload.generating{cursor:not-allowed;position:relative;overflow:hidden}.service-create-icon-generating{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,129,204,.1) 0%,rgba(0,173,237,.1) 100%)}.service-create-icon-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,129,204,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.service-create-icon-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.service-create-icon-spinner{width:40px;height:40px;border:3px solid rgba(0,129,204,.2);border-top-color:#0081cc;border-radius:50%;animation:spin 1s linear infinite}.service-create-icon-ai-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,129,204,.15);border:1px solid rgba(0,129,204,.3);border-radius:20px;backdrop-filter:blur(8px)}.service-create-icon-ai-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(177deg) brightness(96%) contrast(101%);animation:sparkle 1.5s ease-in-out infinite}.service-create-icon-ai-badge span{font-size:13px;font-weight:600;color:#0081cc;animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.service-create-showcase-card{border-top:1px solid var(--gray2)}.service-create-showcase-content{display:flex;flex-direction:column;gap:16px}.service-create-showcase-content .service-create-form-group{display:flex;flex-direction:column;margin-top:10px;gap:8px}.service-create-textarea{width:100%;padding:12px;border:1px solid var(--gray2);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.service-create-textarea:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.service-create-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.service-create-gallery-item{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--gray1);border:1px solid var(--gray2)}.service-create-gallery-item img{width:100%;height:100%;object-fit:cover}.service-create-gallery-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:20px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.service-create-gallery-item:hover .service-create-gallery-remove{opacity:1}.service-create-gallery-remove:hover{background:rgba(244,67,54,.8)}.service-create-gallery-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:1;border:2px dashed var(--gray2);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;transition:all .2s ease;font-size:14px}.service-create-gallery-add:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(15,131,233,.05)}.service-create-gallery-add i{font-size:32px}.publish-service-content{max-width:1080px;margin:0 auto}.publish-service-preview{background-color:var(--gray1);border-radius:20px;padding:30px;margin:20px 0}.publish-service-icon{width:150px;height:150px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px var(--shadow)}.publish-service-details h2{font-size:32px;font-weight:700;color:var(--text);margin-bottom:10px}.publish-service-question{font-size:18px;color:var(--sub-text);margin-bottom:20px;line-height:1.5}.publish-service-bullets{margin:20px 0}.publish-service-bullets h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:10px}.publish-service-bullets ul{list-style:none;padding:0}.publish-service-bullets li{font-size:15px;color:var(--sub-text);padding:5px 0 5px 20px;position:relative}.publish-service-bullets li:before{content:"•";position:absolute;left:0;color:var(--blue-blue);font-weight:700}.publish-service-tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.publish-service-tag{color:#fff;padding:6px 16px;border-radius:8px;font-size:14px;font-weight:600}.publish-service-tiers{margin:20px 0}.publish-service-tiers h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:10px}.publish-service-tier{display:flex;justify-content:space-between;padding:12px;background-color:var(--main-background);border-radius:10px;margin-bottom:8px;font-size:15px;color:var(--text)}.publish-service-meta{margin-top:20px;padding-top:20px;border-top:1px solid var(--gray2);display:flex;gap:30px}.publish-service-meta-item{display:flex;flex-direction:column;gap:5px}.publish-service-meta-item .label{font-size:13px;color:var(--sub-text)}.publish-service-meta-item .value{font-size:15px;font-weight:600;color:var(--text)}.publish-service-actions{text-align:center;margin-top:30px}.publish-service-publish-btn{background-color:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:20px;padding:16px 60px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--shadow)}.publish-service-publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow)}.publish-service-publish-btn:disabled{opacity:.6;cursor:not-allowed}.publish-service-note{font-size:14px;color:var(--sub-text);margin-top:15px;max-width:600px;margin-left:auto;margin-right:auto}.publish-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.publish-success-icon{font-size:80px;color:#10b981;margin-bottom:20px}.publish-success-container h1{font-size:32px;color:var(--text);margin-bottom:10px}.publish-success-container p{font-size:18px;color:var(--sub-text)}.service-create-container{background-color:var(--main-background);min-height:100vh;padding:20px 20px 20px 0;font-family:var(--font-arial-rounded-mt);overflow:visible}.service-create-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;justify-content:space-between}.service-create-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.service-create-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.service-create-subtitle{font-size:12px;color:var(--sub-text);margin:0}.service-create-button-row{display:none}.service-create-next-button,.service-create-save-button{background-color:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:15px;padding:12px 50px;font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-arial-rounded-mt);transition:opacity .2s}.service-create-next-button:hover,.service-create-save-button:hover{opacity:.9}.service-create-next-button:disabled,.service-create-save-button:disabled{opacity:.5;cursor:not-allowed}.service-create-content-container{max-width:1080px;margin:0 auto}.service-create-card{background-color:var(--main-background);border-radius:25px;padding:20px;box-shadow:0 2px 33px 5px var(--shadow);margin-bottom:0;overflow:visible}.service-create-draft-notice{display:flex;align-items:center;justify-content:space-between;background:var(--blue-blue-10, rgba(15, 131, 233, .1));border:1px solid var(--blue-blue-30, rgba(15, 131, 233, .3));border-radius:12px;padding:12px 16px;margin-bottom:20px}.service-create-draft-text{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--blue-blue);font-weight:500}.service-create-draft-text .material-icons{font-size:18px}.service-create-clear-draft-button{background:transparent;border:1px solid var(--blue-blue);color:var(--blue-blue);padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-arial-rounded-mt);transition:all .2s}.service-create-clear-draft-button:hover{background:var(--blue-blue);color:#fff}.service-create-section-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.service-create-section-subtitle{font-size:16px;margin:0;color:var(--sub-text)}.service-create-input-group{margin-bottom:20px}.service-create-label{font-size:16px;color:var(--text);margin-bottom:8px;display:block;font-weight:500}.service-create-input,.service-create-textarea{width:95%!important;background-color:var(--gray1)!important;border:1px solid var(--gray2)!important;border-radius:15px!important;padding:12px 16px!important;font-size:16px!important;color:var(--text)!important;font-family:var(--font-arial-rounded-mt)!important;outline:none;transition:all .2s}.service-create-tags{width:150px}.service-create-input:focus,.service-create-textarea:focus{border-color:var(--blue-blue);background-color:var(--main-background)}.service-create-textarea{min-height:100px;resize:vertical}.service-create-error{color:var(--red-red);font-size:14px;margin-top:5px}.service-create-row{display:flex;gap:40px;flex-wrap:wrap}.service-create-col-3{flex:0 0 150px}.service-create-col-3 .service-create-input{width:100%!important}.service-create-preview-card{background-color:var(--main-background);border-radius:25px;padding:20px;box-shadow:0 2px 33px 5px var(--shadow)}.service-create-preview-wrapper{display:flex;justify-content:center;padding:20px 0;position:relative}.service-create-preview-card .cards-service{width:100%;min-width:0}.service-create-preview-wrapper .services-card-body{position:absolute!important;inset:0!important;height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:transparent!important;border:none!important;padding:0!important;border-radius:22px!important;z-index:2!important}.service-create-preview-wrapper .services-card-gradient{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:22px!important}.service-create-preview-wrapper .services-card-main{position:relative!important;z-index:1!important;padding:10px!important}.service-create-preview-wrapper .services-card-image{position:absolute!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;top:3px!important;left:3px!important;right:auto!important;border-radius:22px!important}.service-create-preview-icon{width:100%;height:120px;background-color:var(--blue-blue);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#fff;font-size:40px}.service-create-preview-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:5px}.service-create-preview-question{font-size:14px;color:var(--sub-text);margin-bottom:10px}.service-create-preview-bullets{font-size:13px;color:var(--sub-text);margin-bottom:10px}.service-create-preview-tags{display:flex;gap:5px;flex-wrap:wrap}.service-create-preview-tag{background-color:var(--blue-blue);color:#fff;padding:4px 12px;border-radius:5px;font-size:12px}.service-create-color-picker-wrapper{display:flex;gap:10px;align-items:center}.service-create-color-preview{width:50px;height:50px;border-radius:10px;border:2px solid var(--gray3);cursor:pointer}.service-create-color-input{width:150px}.service-create-icon-upload{height:150px;background-color:var(--gray1);border:2px dashed var(--gray3);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.service-create-icon-upload:hover{border-color:var(--blue-blue);background-color:var(--gray2)}.service-create-icon-preview{width:100%;height:100%;object-fit:cover;border-radius:15px}.service-create-icon-placeholder{font-size:40px;color:var(--gray3);margin-bottom:10px}.service-create-icon-text{font-size:14px;color:var(--sub-text);text-align:center}.service-create-area-card{background-color:var(--main-background)}.service-create-area-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.service-create-area-header>div:first-child{display:flex;flex-direction:column;gap:2px}.service-create-mode-toggle{display:flex;gap:8px;background-color:var(--gray1);border-radius:12px;padding:4px}.toggle-pill{padding:8px 16px;border:none;border-radius:10px;background-color:transparent;color:var(--sub-text);font-size:13px;font-weight:500;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.toggle-pill i{font-size:16px}.toggle-pill:hover{color:var(--text)}.toggle-pill.active{background-color:var(--blue-blue);color:#fff}.service-create-mode-content{display:flex;flex-direction:column;gap:12px}.service-create-map{margin-bottom:0}.service-create-helper-text{font-size:14px;color:var(--sub-text);margin-top:0}.service-create-selection-summary{margin-top:0;padding:12px 16px;border-radius:14px;background-color:var(--gray1);color:var(--text);font-size:14px;font-weight:500}.service-create-error-inline{margin-top:0}.service-settings-content{max-width:1200px;margin:0 auto}.service-settings-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 1100px){.service-settings-previews{grid-template-columns:1fr}}.service-settings-preview-card{height:fit-content}.service-settings-service-preview{display:flex;justify-content:center;padding:8px}.service-settings-service-preview .cards-service{max-width:100%;width:100%}.service-settings-flow-preview{height:400px;width:100%;border-radius:16px;overflow:hidden;background-color:var(--gray1);position:relative}.service-settings-loading,.service-settings-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--sub-text)}.service-settings-loading .spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.service-settings-empty i{font-size:48px;color:var(--gray3)}.service-settings-empty p{font-size:14px;margin:0}.service-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.service-settings-grid{grid-template-columns:1fr}}.service-settings-visibility-card,.service-settings-summary-card,.service-settings-promotion-card{height:fit-content}.service-settings-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.service-settings-promotion-input-wrapper{display:flex;flex-direction:column;gap:8px}.service-settings-promotion-input{width:100%;padding:16px 20px;border:1px solid var(--gray2);border-radius:17px;background:var(--best-gray);color:var(--text);font-size:16px;font-family:ARLRDBD,sans-serif;transition:all .2s ease;outline:none;box-sizing:border-box}.service-settings-promotion-input::placeholder{color:var(--sub-text);opacity:.6}.service-settings-promotion-input:focus{border-color:var(--blue-blue);background:var(--background)}.service-settings-promotion-hint{font-size:13px;color:var(--sub-text);padding-left:4px}.service-settings-card-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--blue-blue) 0%,#0066CC 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-settings-card-icon.summary-icon{background:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 100%)}.service-settings-card-icon.preview-icon{background:linear-gradient(135deg,#10B981 0%,#059669 100%)}.service-settings-card-icon.flow-icon{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%)}.service-settings-card-icon i{color:#fff;font-size:24px}.service-settings-visibility-options{display:flex;flex-direction:column;gap:12px}.service-settings-option{display:flex;align-items:center;gap:16px;background-color:var(--gray1);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.service-settings-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow);background-color:var(--main-background)}.service-settings-option.selected{border-color:var(--option-color, var(--blue-blue));background-color:var(--main-background);box-shadow:0 4px 16px var(--shadow)}.service-settings-option-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-settings-option-icon i{font-size:22px}.service-settings-option-content{flex:1}.service-settings-option-content h4{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px}.service-settings-option-content p{font-size:13px;color:var(--sub-text);margin:0;line-height:1.4}.service-settings-option-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.service-settings-option-check i{font-size:24px}.service-settings-preview-banner{position:relative;width:100%;height:120px;border-radius:16px;overflow:hidden;margin-bottom:20px}.service-settings-preview-image{width:100%;height:100%;object-fit:cover}.service-settings-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.service-settings-preview-name{font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.service-settings-summary{display:flex;flex-direction:column;gap:4px}.service-settings-summary-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--gray1);border-radius:12px;transition:background-color .2s}.service-settings-summary-row:hover{background-color:var(--gray2)}.service-settings-summary-left{display:flex;align-items:center;gap:12px}.service-settings-summary-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-settings-summary-icon i{font-size:18px}.service-settings-label{font-size:14px;color:var(--sub-text);font-weight:500}.service-settings-value{font-size:14px;color:var(--text);font-weight:600;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-settings-question-preview{margin-top:20px;padding:16px;background:linear-gradient(135deg,var(--gray1) 0%,var(--gray2) 100%);border-radius:16px;border-left:4px solid var(--blue-blue)}.service-settings-question-label{font-size:12px;color:var(--sub-text);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.service-settings-question-text{font-size:15px;color:var(--text);font-style:italic;margin:0;line-height:1.5}.publish-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.publish-success-icon{font-size:80px;color:#10b981;margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.publish-success-container h1{font-size:32px;color:var(--text);margin:0 0 12px;font-weight:600}.publish-success-container p{font-size:16px;color:var(--sub-text);margin:0}.rental-create-main{padding:8px;display:flex;flex-direction:column;gap:24px}.rental-create-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.rental-create-top-bar-actions{display:flex;gap:12px;align-items:center}.rental-create-body{display:flex;gap:24px;align-items:flex-start}.rental-create-form-column{flex:2;display:flex;flex-direction:column;gap:20px}.rental-create-side-column{flex:1;display:flex;flex-direction:column;gap:20px;position:sticky;top:32px;align-self:flex-start}.rental-create-card{background:var(--background);border-radius:20px;border:2px solid var(--best-gray);box-shadow:0 24px 50px #15161814;padding:10px;display:flex;flex-direction:column;gap:16px}.dark .rental-create-card{border-color:#ffffff0d;box-shadow:0 28px 60px #00000059}.rental-create-card h3{margin:0;font-size:22px;font-family:ARLRDBD,sans-serif;color:var(--text)}.rental-create-description{margin:4px 0 0;color:var(--sub-text);font-size:14px;line-height:1.4}.rental-create-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text)}.rental-create-field span{font-weight:600}.rental-create-input{width:90%!important;padding:12px 14px!important;border-radius:14px!important;border:2px solid var(--best-gray)!important;background:var(--best-gray)!important;color:var(--text)!important;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.rental-create-input:focus{border-color:var(--blue-blue, #0f83e9);box-shadow:0 0 0 3px #0f83e929}.rental-create-input::placeholder{color:var(--sub-text);opacity:.6}.rental-create-textarea{resize:vertical;min-height:120px}.rental-create-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.rental-create-inline{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.rental-create-small{flex:1 1 160px}.rental-create-select{min-width:160px}.rental-create-color-field span{display:flex;align-items:center;gap:8px}.rental-create-color-picker-inline{margin-top:8px}.rental-create-color-picker-inline .react-colorful{width:100%!important;height:160px!important;border-radius:12px;overflow:hidden}.rental-create-color-picker-inline .react-colorful__saturation{border-radius:12px 12px 0 0;margin-bottom:8px}.rental-create-color-picker-inline .react-colorful__hue{border-radius:0 0 12px 12px;height:30px}.rental-create-color-picker-inline .react-colorful__saturation-pointer,.rental-create-color-picker-inline .react-colorful__hue-pointer{border:2px solid #fff;box-shadow:0 0 0 1px #0000001a}.rental-create-checkbox{display:flex;align-items:center;gap:8px;font-weight:600;margin-left:auto}.rental-create-checkbox input{width:18px;height:18px}.rental-create-subsection h4{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.rental-create-image-row{display:flex;gap:12px;flex-wrap:wrap}.rental-create-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,180px));gap:16px;justify-content:start}.rental-create-image-card{display:flex;flex-direction:column;gap:8px;cursor:grab;transition:opacity .2s ease}.rental-create-image-card:active{cursor:grabbing}.rental-create-image-card.dragging{opacity:.5}.rental-create-add-image-card{border-radius:18px;overflow:hidden;border:2px solid var(--best-gray)!important;background:var(--best-gray);aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease;padding:0;font-size:14px;color:var(--text);font-weight:600}.rental-create-add-image-card:hover{background:var(--best-gray);border-color:var(--blue-blue, #0f83e9)}.rental-create-add-image-card svg{width:32px;height:32px;color:var(--sub-text)}.rental-create-image-wrapper{border-radius:18px;overflow:visible;border:2px solid var(--best-gray);background:var(--secondary-background);aspect-ratio:4/3;position:relative}.rental-create-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:16px}.rental-create-image-actions{padding:8px;position:absolute;display:flex;flex-direction:row;align-items:center;gap:6px;z-index:10}.rental-create-transparent-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);border:none;cursor:pointer;transition:background .2s;padding:0;position:relative}.rental-create-transparent-toggle:hover{background:rgba(0,0,0,.8)}.rental-create-transparent-toggle:before{content:"";width:16px;height:16px;border:2px solid var(--main-background);border-radius:3px;position:relative;opacity:.8}.rental-create-transparent-toggle:after{content:"";position:absolute;width:8px;height:8px;background:var(--main-background);border-radius:1px;opacity:.4;top:50%;left:50%;transform:translate(-50%,-50%)}.rental-create-transparent-toggle input[type=checkbox],.rental-create-transparent-toggle span{display:none}.rental-create-location{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(15,131,233,.08);color:var(--text)}.rental-create-summary-pill{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid rgba(15,131,233,.2);background:rgba(15,131,233,.07);color:var(--text)}.rental-create-summary-pill strong{font-size:16px}.rental-create-rules-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.rental-create-rules-buttons{display:flex;gap:8px}.rental-create-rules-list{display:flex;flex-direction:column;gap:12px}.rental-create-rule-card{border:2px solid var(--best-gray);border-radius:18px;padding:16px 18px;background:var(--secondary-background);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.rental-create-rule-card.active{border-color:var(--blue-blue, #0f83e9);box-shadow:0 16px 40px #0f83e924}.rental-create-rule-header{display:flex;justify-content:space-between;gap:16px}.rental-create-rule-header h4{margin:0;font-size:18px}.rental-create-rule-header p{margin:4px 0 0;color:var(--sub-text);font-size:14px}.rental-create-rule-actions{display:flex;gap:8px;align-items:center}.rental-create-rule-actions button{border:none;background:transparent;color:var(--blue-blue, #0f83e9);font-weight:600;cursor:pointer}.rental-create-rule-details{margin-top:12px;color:var(--text);line-height:1.5;font-size:14px}.rental-create-preview-card{position:relative;padding:24px 12px!important;display:flex;flex-direction:column;align-items:center}.rental-create-preview-card>header{width:100%}.rental-create-preview-card .rental-create-card{margin-top:16px;width:100%;max-width:275px}.rental-create-preview-banner{border:2px solid;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.rental-create-preview-banner span{color:var(--sub-text);font-size:14px}.rental-create-preview-section{display:flex;flex-direction:column;gap:6px}.rental-create-preview-section h5{margin:0;font-size:16px;color:var(--text)}.rental-create-preview-location{display:flex;align-items:center;gap:12px;background:rgba(15,131,233,.08);border-radius:14px;padding:12px 14px}.rental-create-preview-location strong{font-size:14px;display:block}.rental-create-preview-location span{color:var(--sub-text);font-size:13px}.rental-create-preview-pricing{display:flex;justify-content:space-between;font-weight:600;font-size:14px}.rental-create-preview-tags{display:flex;flex-wrap:wrap;gap:8px}.rental-create-preview-tags span{background:var(--gray2);color:var(--text);padding:6px 10px;border-radius:12px;font-size:12px}.rental-create-preview-description{font-size:14px;line-height:1.6;color:var(--text)}.rental-create-empty{padding:18px;border-radius:16px;background:rgba(166,171,178,.16);color:var(--sub-text);text-align:center;font-weight:600}.rental-create-button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.rental-create-button svg{width:14px;height:14px}.rental-create-button-primary{background:var(--blue-blue, #0f83e9);color:var(--main-background, #fff);box-shadow:0 16px 34px #0f83e940}.rental-create-button-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #0f83e947;background:var(--blue-blue, #0f83e9)!important}.rental-create-button-secondary{background:var(--secondary-background);color:var(--text);border:1px solid var(--best-gray)}.rental-create-button-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1516181f}.rental-create-button-ghost{background:transparent;border:1px dashed var(--best-gray);color:var(--sub-text);padding:10px 14px}.rental-create-image-actions .rental-create-button-ghost{background:var(--text);border:none;color:var(--main-background);width:36px;height:36px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.rental-create-image-actions .rental-create-button-ghost span{display:none}.rental-create-image-actions .rental-create-button-ghost svg{width:18px;height:18px}.rental-create-button-back{color:var(--text)}.rental-create-button-back:hover{color:var(--blue-blue, #0f83e9)}.rental-rule-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.rental-rule-modal{background:var(--background);border-radius:22px;border:2px solid var(--best-gray);box-shadow:0 42px 80px #00000059;width:min(520px,100%);padding:24px 26px;display:flex;flex-direction:column;gap:16px}.rental-rule-modal-header h3{margin:0;font-size:20px}.rental-rule-modal-header p{margin:6px 0 0;color:var(--sub-text);font-size:14px}.rental-rule-modal-body{display:flex;flex-direction:column;gap:14px}.rental-rule-modal-row{display:flex;gap:12px;flex-wrap:wrap}.rental-rule-modal-footer{display:flex;justify-content:flex-end;gap:12px}.rental-create-button[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 1240px){.rental-create-body{flex-direction:column}.rental-create-side-column{position:static;width:100%}}@media (max-width: 860px){.rental-create-main{padding:16px}.rental-create-top-bar{flex-direction:row;gap:12px}.rental-create-top-bar-actions{flex-wrap:wrap;justify-content:space-between}.rental-create-inline{flex-direction:column;align-items:stretch}.rental-create-checkbox{margin-left:0}}.rental-create-preview-card-wrapper{display:flex;justify-content:center;padding:10px 0}.rental-create-preview-card-wrapper .rental-card{transform:scale(.95);transform-origin:top center}.displays-page-main-content{padding:0 8px}.displays-page-main-content{flex:1}.displays-page-cards-row{align-items:flex-start;align-content:flex-start}.displays-page-card{width:360px}.displays-page-loading,.displays-page-empty{padding:32px;font-family:ARLRDBD,sans-serif;opacity:.8}.displays-page-card{box-shadow:0 2px 6px #0000000f;transition:box-shadow .2s ease,transform .15s ease}.displays-page-card:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-2px)}.displays-page-icon-btn{background:var(--main-background);border:1px solid var(--gray2,#ccc);color:var(--text,#222);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000026}.displays-page-icon-btn:hover{background:var(--gray1,#f5f5f5)}.displays-page-icon-btn:disabled{opacity:.4;cursor:default}.dashboard-display-head{padding:16px 16px 12px;border-bottom:1px solid var(--best-gray, #e5e5e5);position:relative;z-index:1}.dashboard-display-title{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:.5px}.dashboard-display-sub{margin:0;font-size:13px;color:var(--sub-text, #666);opacity:.85}.dashboard-display-info{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--best-gray, #e5e5e5);position:relative;z-index:1}.dashboard-display-info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.dashboard-display-label{color:var(--sub-text, #666);font-weight:500}.dashboard-display-value{color:var(--text, #222);font-weight:600}.displays-page-manage-row{margin:5px;color:var(--text);font-size:18px;line-height:1.2;font-weight:500;font-family:var(--font-arial-rounded-mt),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;display:flex;align-items:center;justify-content:end;position:relative;z-index:1}.displays-page-arrow{height:16px;width:auto;transform:scaleX(-1);opacity:.9}.dashboard-display-accent-fade{position:absolute;bottom:0;right:0;width:100px;height:100px;border-radius:20px 0 0;opacity:.3;z-index:-2;pointer-events:none}.dashboard-display-preview-container{position:absolute;top:0;right:0;width:220px;height:160px;overflow:visible;pointer-events:none;z-index:-1;border-radius:8px;opacity:.35;transition:opacity .3s ease,transform .3s ease;background:transparent}.displays-page-card:hover .dashboard-display-preview-container{opacity:.65;transform:scale(1.05)}.dashboard-display-preview-overlay{position:relative;width:280px;height:200px;transform:scale(.9) rotate(-12deg) translate(20px) translateY(-20px);transform-origin:top right;background:var(--background);border:1px solid var(--best-gray);border-radius:12px;box-shadow:0 6px 20px #00000026;overflow:hidden;display:flex;align-items:center;justify-content:center}.dashboard-display-preview-overlay.dashboard-display-preview-vertical{width:140px;height:240px;transform:scale(.85) rotate(-12deg) translate(85px) translateY(-30px)}.dashboard-display-preview-overlay.dashboard-display-preview-horizontal{width:280px;height:160px;transform:scale(.9) rotate(-12deg) translate(30px) translateY(-20px)}.dashboard-display-preview-image{width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box}.dashboard-display-bg-pattern-none{background:transparent}.dashboard-display-bg-pattern-waves{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}.dashboard-display-bg-pattern-dots{background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:20px 20px}.dashboard-display-bg-pattern-grid{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.dashboard-display-bg-pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px)}.dashboard-display-bg-pattern-radial{background-image:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);background-size:100px 100px;background-position:center}.displays-page-edit-modal-overlay{position:fixed;inset:0;background:rgba(0,0,15,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:displaysPageFadeIn .2s ease}.displays-page-edit-modal{width:420px;max-width:95%;background:var(--background,#fff);color:var(--text,#111);border:2px solid var(--best-gray,#e2e2e2);border-radius:20px;box-shadow:0 12px 42px -8px #00000059;display:flex;flex-direction:column;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.displays-page-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--best-gray,#e5e5e5)}.displays-page-edit-modal-header h3{margin:0;font-size:18px;font-weight:600;letter-spacing:.5px}.displays-page-edit-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--sub-text,#666);padding:4px 6px;border-radius:8px;transition:all .2s ease}.displays-page-edit-close:hover{background:var(--gray1,#f2f2f2);color:var(--text,#222)}.displays-page-edit-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px 4px}.displays-page-edit-label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;text-transform:uppercase;letter-spacing:.8px;color:var(--sub-text,#666)}.displays-page-edit-input{width:100%;border:2px solid var(--best-gray,#ddd);background:var(--gray1,#fafafa);padding:10px 12px;font-size:14px;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.displays-page-edit-input:focus{border-color:var(--blue-blue,#008cff);background:#fff;box-shadow:0 0 0 3px #008cff33}.displays-page-edit-select{width:100%;border:2px solid var(--best-gray,#ddd);background:var(--gray1,#fafafa);padding:10px 12px;font-size:14px;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.displays-page-edit-select:focus{border-color:var(--blue-blue,#008cff);background:#fff;box-shadow:0 0 0 3px #008cff33}.displays-page-edit-footer{display:flex;gap:10px;padding:16px 18px 18px;justify-content:flex-end;border-top:1px solid var(--best-gray,#e5e5e5)}.displays-page-primary-btn,.displays-page-secondary-btn{border:none;padding:10px 18px;font-size:14px;font-weight:600;letter-spacing:.4px;border-radius:12px;cursor:pointer;font-family:inherit;transition:all .2s ease}.displays-page-secondary-btn{background:var(--gray1,#f1f1f1);color:var(--text,#222);border:2px solid var(--best-gray,#ddd)}.displays-page-secondary-btn:hover{background:#fff}.displays-page-primary-btn{background:var(--blue-blue);color:#fff;position:relative;border:2px solid #0b5bd6;box-shadow:0 4px 18px -4px #008cff80}.displays-page-primary-btn:hover{filter:brightness(1.05);box-shadow:0 6px 22px -4px var(--blue-blue)}.displays-page-primary-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.displays-page-color-picker-group{display:flex;flex-direction:column;gap:6px}.displays-page-color-input{width:100%;height:40px;border:2px solid var(--best-gray,#ddd);border-radius:12px;cursor:pointer}.displays-page-aspect-ratio-group{display:flex;gap:8px}.displays-page-aspect-ratio-btn{flex:1;padding:10px 12px;border:2px solid var(--best-gray,#ddd);background:var(--gray1,#fafafa);border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.displays-page-aspect-ratio-btn.active{border-color:var(--blue-blue,#008cff);background:var(--blue-blue);color:#fff}.displays-page-aspect-ratio-btn:hover{border-color:var(--blue-blue,#008cff)}@keyframes displaysPageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.displays-page-font-rounded,.displays-page-font-rounded *{font-family:Arial Rounded,Arial Rounded MT Bold,Arial,sans-serif}.displays-manage-page-main-content{padding:20px 16px;flex:1;display:flex;flex-direction:column;gap:0!important;min-height:0}.displays-manage-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.displays-manage-page-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.displays-manage-page-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.displays-manage-page-header h2{color:var(--text, #222);font-size:20px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.displays-manage-page-header-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.displays-manage-page-settings-btn{background:var(--gray1, #f1f1f1);color:var(--text, #222);border:1px solid var(--best-gray, #ddd)}.displays-manage-page-settings-btn:hover{background:#fff;border-color:var(--blue-blue, #008cff)}.displays-manage-page-view-btn{background:var(--text, #222);color:var(--main-background);border:none;box-shadow:0 2px 8px #00000026}.displays-manage-page-view-btn:hover{filter:brightness(1.1);box-shadow:0 4px 12px #0003}.displays-manage-page-header h2{color:var(--text, #222);font-size:24px;font-weight:700}.displays-manage-page-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;font-size:14px;font-weight:600;color:var(--text, #222);cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.displays-manage-page-back-btn:hover{background:var(--gray1, #f5f5f5)}.displays-manage-page-items-section{margin-bottom:10px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:8px}.displays-manage-page-items-section::-webkit-scrollbar{width:6px}.displays-manage-page-items-section::-webkit-scrollbar-track{background:transparent}.displays-manage-page-items-section::-webkit-scrollbar-thumb{background:var(--best-gray, #ddd);border-radius:3px}.displays-manage-page-items-section::-webkit-scrollbar-thumb:hover{background:var(--sub-text, #999)}.displays-manage-page-items-section-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.displays-manage-page-items-section-header h3{font-size:18px;font-weight:700;color:var(--text, #222);margin:0}.displays-manage-page-grid-size-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--best-gray, #e5e5e5);background:var(--background, #fff);color:var(--sub-text, #666);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.displays-manage-page-grid-size-toggle:hover{background:var(--light-bg, #f5f5f5);color:var(--text, #222);border-color:var(--sub-text, #999)}.displays-manage-page-grid-size-toggle-active{background:var(--light-bg, #f0f0f0);color:var(--text, #222);border-color:var(--sub-text, #999)}.displays-manage-page-items-grid-compact.displays-manage-page-items-grid-horizontal{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.displays-manage-page-items-grid-compact.displays-manage-page-items-grid-vertical{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.displays-manage-page-items-grid-compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.displays-manage-page-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;position:relative}.displays-manage-page-items-grid-horizontal{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.displays-manage-page-items-grid-vertical{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.displays-manage-page-item-card{background:var(--background, #fff);border:1px solid var(--best-gray, #e5e5e5);border-radius:16px;overflow:visible;position:relative;transition:all .2s ease;cursor:pointer}.displays-manage-page-item-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.displays-manage-page-item-card-dragging{opacity:.5;cursor:grabbing!important}.displays-manage-page-item-card-drag-over{border-color:var(--blue-blue, #008cff);transform:scale(1.02);box-shadow:0 0 0 3px #008cff33}.displays-manage-page-item-card-horizontal{aspect-ratio:16 / 9}.displays-manage-page-item-card-vertical{aspect-ratio:9 / 16}.displays-manage-page-item-image-wrapper{position:absolute;inset:0;overflow:hidden;border-radius:16px}.displays-manage-page-item-image{width:100%;height:100%;object-fit:contain;display:block}.displays-manage-page-item-content{padding:16px 12px 12px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 80%,transparent 100%);backdrop-filter:blur(2px);display:flex;flex-direction:column;gap:4px;color:#fff}.displays-manage-page-item-card-horizontal .displays-manage-page-item-content{padding:20px 16px 16px}.displays-manage-page-item-card-vertical .displays-manage-page-item-content{padding:12px 8px 8px}.displays-manage-page-item-content h4{margin:0 0 4px;font-size:15px;font-weight:700;color:#fff;word-break:break-word;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 3px rgba(0,0,0,.3)}.displays-manage-page-item-card-vertical .displays-manage-page-item-content h4{font-size:13px;-webkit-line-clamp:1}.displays-manage-page-item-date{font-size:11px;color:#fffc;margin:2px 0 0;display:none;font-weight:500}.displays-manage-page-item-card-horizontal .displays-manage-page-item-date{display:block;font-size:12px}.displays-manage-page-item-link{font-size:12px;color:#fffffff2;margin:4px 0 0;font-weight:600;display:flex;align-items:center;gap:4px}.displays-manage-page-item-card-vertical .displays-manage-page-item-link{font-size:10px;margin:2px 0 0}.displays-manage-page-item-duration{font-size:11px;color:#ffffffd9;margin:4px 0 0;font-weight:500;display:flex;align-items:center;gap:4px}.displays-manage-page-item-card-vertical .displays-manage-page-item-duration{font-size:9px;margin:2px 0 0}.displays-manage-page-item-settings{position:absolute;top:12px;right:52px;background:rgba(255,255,255,.95);color:var(--blue-blue, #008cff);border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:13px;z-index:10;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(8px)}.displays-manage-page-item-card-vertical .displays-manage-page-item-settings{width:28px;height:28px;font-size:11px;top:8px;right:44px}.displays-manage-page-item-settings:hover{background:rgba(0,140,255,.1);transform:scale(1.05);box-shadow:0 4px 12px #008cff4d}.displays-manage-page-item-delete{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.95);color:#dc2626;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:13px;z-index:10;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(8px)}.displays-manage-page-item-card-vertical .displays-manage-page-item-delete{width:28px;height:28px;font-size:11px;top:8px;right:8px}.displays-manage-page-item-card-vertical .displays-manage-page-active-indicator{top:8px;left:8px;width:14px;height:14px}.displays-manage-page-item-delete:hover:not(:disabled){background:#fee2e2;transform:scale(1.05);box-shadow:0 4px 12px #0003}.displays-manage-page-item-delete:disabled{opacity:.5;cursor:not-allowed}.displays-manage-page-add-section{background:var(--best-gray, #fff);border:1px solid var(--best-gray, #e5e5e5);border-radius:16px;padding:0;flex-shrink:0;margin-top:auto;border-top:2px solid var(--best-gray, #e5e5e5);overflow:hidden;transition:all .3s ease}.displays-manage-page-add-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative}.displays-manage-page-add-section-header:hover{background:var(--gray1, #f9f9f9)}.displays-manage-page-add-section-title-wrapper{display:flex;flex-direction:column;gap:8px;text-align:left;flex:1}.displays-manage-page-add-section-header h3{font-size:24px;font-weight:700;color:var(--text, #222);margin:0}.displays-manage-page-add-section-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:20px;color:var(--sub-text, #666);transition:all .3s ease;flex-shrink:0;font-weight:700}.displays-manage-page-add-section-toggle.expanded{transform:rotate(180deg);color:var(--blue-blue, #008cff)}.displays-manage-page-section-subtitle{font-size:14px;color:var(--sub-text, #666);margin:0;font-weight:500}.displays-manage-page-add-container{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;padding:0 24px 24px;animation:expandDown .3s ease-out}.displays-manage-page-image-selector{display:flex;align-items:center;justify-content:center}.displays-manage-page-select-image{width:100%;aspect-ratio:1;background:var(--main-background, #fafafa);border:2px dashed var(--best-gray, #ddd);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:var(--sub-text, #999);min-height:280px}.displays-manage-page-select-image:hover{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.02)}.displays-manage-page-add-form{display:flex;flex-direction:column;gap:16px}.displays-manage-page-form-group{display:flex;flex-direction:column;gap:8px}.displays-manage-page-form-group label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text, #666)}.displays-manage-page-input{border:2px solid var(--best-gray, #ddd);background:var(--main-background, #fafafa)!important;padding:10px 12px!important;font-size:14px;border-radius:12px!important;outline:none;transition:all .2s ease;font-family:inherit}.displays-manage-page-input:focus{border-color:var(--blue-blue, #008cff);background:#fff;box-shadow:0 0 0 3px #008cff33}.displays-manage-page-input:disabled{opacity:.6;cursor:not-allowed}.displays-manage-page-link-type-toggle{display:flex;gap:8px}.displays-manage-page-toggle-btn{flex:1;padding:10px 12px;border:2px solid var(--best-gray, #ddd);background:var(--gray1, #fafafa);border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;color:var(--text, #222)}.displays-manage-page-toggle-btn.active{border-color:var(--blue-blue, #008cff);background:var(--blue-blue, #008cff);color:#fff}.displays-manage-page-toggle-btn:hover:not(:disabled){border-color:var(--blue-blue, #008cff)}.displays-manage-page-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.displays-manage-page-link-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.displays-manage-page-option-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid var(--main-background, #e5e5e5);background:var(--main-background, #fafafa);border-radius:12px;cursor:pointer;transition:all .2s ease}.displays-manage-page-option-card:hover{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.02)}.displays-manage-page-option-card.active{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.1);box-shadow:0 0 0 3px #008cff1a}.displays-manage-page-option-icon{font-size:24px;color:currentColor}.displays-manage-page-option-icon-svg{width:24px;height:24px;object-fit:contain}.displays-manage-page-option-label{font-size:12px;font-weight:600;color:var(--text, #222);text-align:center}.displays-manage-page-option-card.active .displays-manage-page-option-label{color:var(--blue-blue, #008cff);font-weight:700}.displays-manage-page-event-thumbnail-container{position:relative;cursor:pointer;transition:all .2s ease}.displays-manage-page-event-thumbnail-container:hover .displays-manage-page-event-thumbnail{transform:scale(1.1);box-shadow:0 4px 16px #0003!important}.displays-manage-page-event-thumbnail-container:hover .displays-manage-page-event-tooltip{opacity:1}.displays-manage-page-event-thumbnail{width:60px;height:80px;border-radius:10px;overflow:hidden;border:3px solid transparent;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--best-gray, #f5f5f5)}.displays-manage-page-event-thumbnail.selected{border-color:var(--blue-blue, #008cff);box-shadow:0 4px 12px var(--blue-blue, #008cff)}.displays-manage-page-event-thumbnail img{width:100%;height:100%;object-fit:cover}.displays-manage-page-event-default-icon{font-size:24px;width:40px;height:40px}.displays-manage-page-event-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:6px 12px;border-radius:6px;white-space:nowrap;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;max-width:200px;overflow:hidden;text-overflow:ellipsis}.displays-manage-page-no-events{color:var(--text-secondary, #666);font-size:14px;padding:16px;text-align:center}.displays-manage-page-add-btn{align-self:flex-end;padding:10px 32px;background:var(--blue-blue, #008cff);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #008cff4d}.displays-manage-page-add-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 16px #008cff66}.displays-manage-page-add-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.displays-manage-page-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.displays-manage-page-modal{background:var(--background, #fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.displays-manage-page-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--best-gray, #e5e5e5)}.displays-manage-page-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text, #222)}.displays-manage-page-modal-close{background:transparent;border:none;font-size:28px;line-height:1;color:var(--sub-text, #999);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.displays-manage-page-modal-close:hover{background:var(--gray1, #f5f5f5);color:var(--text, #222)}.displays-manage-page-modal-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.displays-manage-page-modal-field{display:flex;flex-direction:column;gap:8px}.displays-manage-page-modal-field label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-text, #666)}.displays-manage-page-modal-value{font-size:14px;font-weight:500;color:var(--text, #222);padding:10px 12px;background:var(--gray1, #fafafa);border-radius:8px;border:1px solid var(--best-gray, #e5e5e5)}.displays-manage-page-rotation-selector{display:flex;gap:8px;flex-wrap:wrap}.displays-manage-page-rotation-btn{flex:1;min-width:80px;padding:12px 16px;background:var(--gray1, #fafafa);border:2px solid var(--best-gray, #e5e5e5);border-radius:8px;font-size:14px;font-weight:600;color:var(--text, #222);cursor:pointer;transition:all .2s ease}.displays-manage-page-rotation-btn:hover{background:var(--gray2, #f0f0f0);border-color:var(--contrast1, #059669)}.displays-manage-page-rotation-btn.active{background:var(--contrast1, #059669);border-color:var(--contrast1, #059669);color:#fff}.displays-manage-page-padding-control{display:flex;align-items:center;gap:12px}.displays-manage-page-padding-slider{flex:1;height:6px;border-radius:3px;background:var(--gray2, #e5e5e5);outline:none;cursor:pointer;-webkit-appearance:none}.displays-manage-page-padding-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--contrast1, #059669);cursor:pointer;transition:all .2s ease}.displays-manage-page-padding-slider::-webkit-slider-thumb:hover{background:var(--contrast1, #047857);transform:scale(1.1)}.displays-manage-page-padding-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--contrast1, #059669);cursor:pointer;border:none;transition:all .2s ease}.displays-manage-page-padding-slider::-moz-range-thumb:hover{background:var(--contrast1, #047857);transform:scale(1.1)}.displays-manage-page-padding-value{min-width:50px;text-align:center;font-size:14px;font-weight:600;color:var(--text, #222);padding:6px 12px;background:var(--gray1, #fafafa);border-radius:8px;border:1px solid var(--best-gray, #e5e5e5)}.displays-qr-editor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease-out}.displays-qr-editor-modal{background:var(--background, #fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.displays-qr-editor-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--best-gray, #e5e5e5)}.displays-qr-editor-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text, #222)}.displays-qr-editor-close{background:transparent;border:none;font-size:28px;line-height:1;color:var(--sub-text, #999);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.displays-qr-editor-close:hover{background:var(--gray1, #f5f5f5);color:var(--text, #222)}.displays-qr-editor-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.displays-qr-editor-canvas-container{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--gray1, #f5f5f5);border-radius:12px;overflow:hidden;border:2px solid var(--best-gray, #e5e5e5)}.displays-qr-editor-canvas{width:100%;height:100%;display:block}.displays-qr-editor-qr-indicator{position:absolute;border:3px dashed var(--blue-blue, #007AFF);background:rgba(0,122,255,.1);box-shadow:0 0 0 1px var(--blue-blue, #007AFF);transform:translate(-50%,-50%);left:0;top:0;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10;aspect-ratio:1 / 1;width:var(--qr-size, 100px);height:var(--qr-size, 100px);padding:8px;box-sizing:border-box}.displays-qr-editor-qr-inner{font-size:12px;font-weight:700;color:var(--blue-blue, #007AFF);background:rgba(255,255,255,.9);padding:4px 8px;border-radius:4px}.displays-qr-editor-resize-handle{position:absolute;bottom:-8px;right:-8px;width:20px;height:20px;background:var(--blue-blue, #007AFF);border-radius:50%;border:2px solid white;cursor:nwse-resize;transition:all .2s ease;box-shadow:0 2px 8px #007aff66}.displays-qr-editor-resize-handle:hover{width:24px;height:24px;bottom:-10px;right:-10px;box-shadow:0 4px 12px #007aff99}.displays-qr-editor-instructions{text-align:center;padding:12px 16px;background:rgba(0,122,255,.05);border-radius:8px;border:1px solid rgba(0,122,255,.1)}.displays-qr-editor-instructions p{margin:0;font-size:13px;color:var(--text, #222)}.displays-qr-editor-info{display:flex;gap:16px;padding:12px 16px;background:var(--gray1, #f5f5f5);border-radius:8px}.displays-qr-editor-info-item{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:13px}.displays-qr-editor-info-item span{color:var(--sub-text, #666);font-weight:600}.displays-qr-editor-info-item strong{color:var(--text, #222);font-size:14px;font-weight:700}.displays-qr-editor-controls{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--gray1, #f5f5f5);border-radius:12px}.displays-qr-editor-control-group{display:flex;flex-direction:column;gap:8px}.displays-qr-editor-control-group label{font-size:13px;font-weight:600;color:var(--text, #222)}.displays-qr-editor-slider{width:100%;height:6px;border-radius:3px;background:var(--best-gray, #e5e5e5);outline:none;-webkit-appearance:none;appearance:none}.displays-qr-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--blue-blue, #007AFF);cursor:pointer;box-shadow:0 2px 4px #007aff4d}.displays-qr-editor-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--blue-blue, #007AFF);cursor:pointer;border:none;box-shadow:0 2px 4px #007aff4d}.displays-qr-editor-buttons{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--best-gray, #e5e5e5)}.displays-qr-editor-btn{flex:1;padding:12px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.displays-qr-editor-btn-cancel{background:var(--gray1, #f5f5f5);color:var(--text, #222);border:1px solid var(--best-gray, #e5e5e5)}.displays-qr-editor-btn-cancel:hover{background:var(--best-gray, #e5e5e5)}.displays-qr-editor-btn-save{background:var(--blue-blue, #007AFF);color:#fff;box-shadow:0 4px 12px #007aff4d}.displays-qr-editor-btn-save:hover{background:#0051CC;box-shadow:0 6px 16px #007aff66}.displays-qr-editor-btn:disabled{opacity:.6;cursor:not-allowed}.dark .displays-manage-page-item-card{border-color:#ffffff1a}.dark .displays-manage-page-item-card:hover{box-shadow:0 8px 24px #0006}.dark .displays-manage-page-item-delete{background:rgba(30,30,30,.95);color:#fca5a5}.dark .displays-manage-page-item-delete:hover:not(:disabled){background:rgba(60,20,20,.95);color:#fee2e2}.displays-manage-page-transition-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.displays-manage-page-transition-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid var(--main-background, #e5e5e5);background:var(--main-background, #fafafa);border-radius:12px;cursor:pointer;transition:all .2s ease}.displays-manage-page-transition-card:hover{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.02)}.displays-manage-page-transition-card.active{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.1);box-shadow:0 0 0 3px #008cff1a}.displays-manage-page-transition-icon{font-size:32px}.displays-manage-page-transition-label{font-size:12px;font-weight:600;color:var(--text, #222);text-align:center}.displays-manage-page-transition-card.active .displays-manage-page-transition-label{color:var(--blue-blue, #008cff);font-weight:700}.displays-manage-page-modal-buttons{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--best-gray, #e5e5e5)}.displays-manage-page-modal-btn{flex:1;padding:12px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.displays-manage-page-modal-btn-cancel{background:var(--gray1, #f5f5f5);color:var(--text, #222);border:1px solid var(--best-gray, #e5e5e5)}.displays-manage-page-modal-btn-cancel:hover{background:var(--best-gray, #e5e5e5)}.displays-manage-page-modal-btn-save{background:var(--blue-blue, #008cff);color:#fff;box-shadow:0 4px 12px #008cff4d}.displays-manage-page-modal-btn-save:hover{filter:brightness(1.05);box-shadow:0 6px 16px #008cff66}.displays-manage-page-btn-secondary{width:100%;padding:10px 16px;background:var(--gray1, #fafafa);color:var(--text, #222);border:2px solid var(--best-gray, #ddd);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.displays-manage-page-btn-secondary:hover{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.02)}.displays-edit-modal{max-width:700px}.displays-manage-page-pattern-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.displays-manage-page-pattern-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:2px solid var(--main-background, #e5e5e5);background:var(--main-background, #fafafa);border-radius:10px;cursor:pointer;transition:all .2s ease}.displays-manage-page-pattern-card:hover{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.02)}.displays-manage-page-pattern-card.active{border-color:var(--blue-blue, #008cff);background:rgba(0,140,255,.1);box-shadow:0 0 0 3px #008cff1a}.displays-manage-page-pattern-icon{font-size:24px;line-height:1}.displays-manage-page-pattern-label{font-size:11px;font-weight:600;color:var(--text, #222);text-align:center}.displays-manage-page-pattern-card.active .displays-manage-page-pattern-label{color:var(--blue-blue, #008cff);font-weight:700}.displays-manage-page-bg-pattern-none{background:transparent}.displays-manage-page-bg-pattern-waves{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}.displays-manage-page-bg-pattern-dots{background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:20px 20px}.displays-manage-page-bg-pattern-grid{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.displays-manage-page-bg-pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px)}.displays-manage-page-bg-pattern-radial{background-image:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);background-size:100px 100px;background-position:center}.displays-manage-page-card-transition-badge{position:absolute;bottom:-20px;left:100%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--background);border-radius:18px;font-size:11px;font-weight:600;color:var(--blue-blue, #008cff);z-index:20;pointer-events:none;white-space:nowrap}.displays-manage-page-transition-badge-icon{font-size:14px;line-height:1}.displays-manage-page-transition-badge-text{text-transform:capitalize;font-weight:700;letter-spacing:.3px;font-size:11px}.displays-manage-page-transition-badge-time{background:rgba(0,140,255,.2);padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700}.displays-manage-page-transition-badge-loop{background:rgba(0,255,140,.2);padding:2px 6px;border-radius:8px;font-size:12px;font-weight:700;color:var(--green-green, #00c896);margin-left:2px;animation:displays-manage-page-loop-pulse 2s ease-in-out infinite}@keyframes displays-manage-page-loop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dark .displays-manage-page-card-transition-badge{background:linear-gradient(135deg,rgba(0,140,255,.2) 0%,rgba(0,140,255,.1) 100%);border-color:#008cff59}.dark .displays-manage-page-transition-badge-time{background:rgba(0,140,255,.3)}.displays-manage-page-item-drag-handle{position:absolute;top:50%;left:4px;transform:translateY(-50%);background:rgba(255,255,255,.95);color:var(--sub-text, #999);padding:8px 4px;border-radius:6px;cursor:grab;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.displays-manage-page-item-card:hover .displays-manage-page-item-drag-handle{opacity:1}.displays-manage-page-item-drag-handle:active{cursor:grabbing}.displays-manage-page-item-card-dragging .displays-manage-page-item-drag-handle{opacity:1}.displays-manage-page-active-indicator{position:absolute;top:12px;left:12px;width:16px;height:16px;z-index:50;pointer-events:none}.displays-manage-page-active-indicator-pulse{width:100%;height:100%;background:#10b981;border-radius:50%;box-shadow:0 0 #10b981b3;animation:pulse-green 2s ease-out infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.displays-manage-page-item-card-active{border-color:#10b98166;box-shadow:0 4px 16px #10b98133}.displays-manage-page-item-card-active:hover{box-shadow:0 8px 24px #10b9814d}.displays-view-page-container{position:fixed;top:50%;left:50%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;transform-origin:center center}.displays-view-page-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;position:absolute;top:0;left:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1)}.displays-view-page-slide-hidden{opacity:0;pointer-events:none}.displays-view-page-transitioning{opacity:0}.displays-view-page-slide-current.displays-view-page-fade-enter{animation:displaysViewFadeIn .8s cubic-bezier(.4,0,.2,1) forwards}.displays-view-page-slide-previous.displays-view-page-fade-exit{animation:displaysViewFadeOut .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes displaysViewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes displaysViewFadeOut{0%{opacity:1}to{opacity:0}}.displays-view-page-transition-zoom{opacity:0;transform:scale(1.1)}.displays-view-page-transition-blur{opacity:0;filter:blur(20px)}.displays-view-page-slide-current.displays-view-page-slide-enter-left{animation:displaysViewSlideInFromRight .8s cubic-bezier(.4,0,.2,1) forwards}.displays-view-page-slide-current.displays-view-page-slide-enter-right{animation:displaysViewSlideInFromLeft .8s cubic-bezier(.4,0,.2,1) forwards}.displays-view-page-slide-previous.displays-view-page-slide-exit-left{animation:displaysViewSlideOutToLeft .8s cubic-bezier(.4,0,.2,1) forwards}.displays-view-page-slide-previous.displays-view-page-slide-exit-right{animation:displaysViewSlideOutToRight .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes displaysViewSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes displaysViewSlideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes displaysViewSlideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes displaysViewSlideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.displays-view-page-bg-pattern-none{background-image:none}.displays-view-page-bg-pattern-waves{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.08) 10px,rgba(255,255,255,.08) 20px)}.displays-view-page-bg-pattern-dots{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:30px 30px}.displays-view-page-bg-pattern-grid{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px}.displays-view-page-bg-pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(255,255,255,.04) 15px,rgba(255,255,255,.04) 30px)}.displays-view-page-bg-pattern-radial{background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 70%);background-size:150px 150px;background-position:center}.displays-view-page-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.displays-view-page-image{max-width:100%;max-height:100%;object-fit:contain;display:block;animation:displaysViewImageFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes displaysViewImageFadeIn{0%{opacity:0}to{opacity:1}}.displays-view-page-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff}.displays-view-page-placeholder-text{font-size:48px;font-weight:700;text-align:center;padding:40px;word-wrap:break-word;color:#999}.displays-view-page-loading{display:flex;align-items:center;justify-content:center;flex-direction:column}.displays-view-page-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #fff;border-radius:50%;animation:displaysViewSpin .8s cubic-bezier(.5,0,.5,1) infinite}@keyframes displaysViewSpin{to{transform:rotate(360deg)}}.displays-view-page-empty{display:flex;align-items:center;justify-content:center}.displays-view-page-empty-message{text-align:center;color:#fff}.displays-view-page-empty-message h2{font-size:32px;margin:0 0 12px;font-weight:700}.displays-view-page-empty-message p{font-size:18px;color:#999;margin:0}.displays-view-page-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:100}.displays-view-page-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.displays-view-page-dot-active{background:rgba(255,255,255,.9);box-shadow:0 0 12px #fff9;transform:scale(1.2)}.displays-view-page-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.15)}.displays-view-page-dot:disabled{opacity:.6;cursor:not-allowed}.displays-view-page-qr-wrapper{position:absolute;transform:translate(-50%,-50%);z-index:50;aspect-ratio:1 / 1;background:white;border-radius:16px;box-shadow:0 8px 24px #0006;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;animation:displaysViewQrFadeInBounce .8s cubic-bezier(.34,1.56,.64,1) .4s both}@keyframes displaysViewQrFadeInBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.displays-view-page-qr-code{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.menus-page-main-content{padding:0 8px}.dashboard-layout{display:flex;align-items:stretch}.dashboard-layout .sidebar{margin:16px}.menus-page-main-content{flex:1}.menus-page-card{width:360px;transition:transform .2s ease,box-shadow .2s ease}.menus-page-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.menus-page-cards-row,.menus-page-items-row{align-items:flex-start;align-content:flex-start}.menus-page-items-row .menus-page-item-card{max-height:100%;min-height:0}.menus-page-items-row .menus-page-item-card img{max-height:100%;height:auto;display:block}.menus-page-loading,.menus-page-empty{padding:32px;font-family:ARLRDBD,sans-serif;opacity:.8}.menus-page-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.menus-page-empty-card{opacity:.4;pointer-events:none}.menus-page-item-card{box-shadow:0 2px 6px #0000000f;transition:box-shadow .2s ease,transform .15s ease}.menus-page-item-card:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-2px)}.menus-page-item-actions button{opacity:0}.menus-page-item-card:hover .menus-page-item-actions button{opacity:1}.menus-page-icon-btn{background:var(--main-background);border:1px solid var(--gray2,#ccc);color:var(--text,#222);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000026}.menus-page-icon-btn:hover{background:var(--gray1,#f5f5f5)}.menus-page-icon-btn:disabled{opacity:.4;cursor:default}@keyframes menusPageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.menudashboard-root{position:relative}.menudashboard-main-content{overflow-y:auto;height:100vh}.menudashboard-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.menudashboard-back{display:flex;gap:6px;align-items:center;font-weight:600;cursor:pointer;font-size:14px}.menudashboard-back:hover{opacity:.8}.menudashboard-top-actions{display:flex;gap:8px}.menudashboard-filter-btn{background:var(--gray1, #f4f4f6);border:1px solid var(--gray2, #d0d0d4);padding:8px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}[data-theme=dark] .menudashboard-filter-btn{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-loading,.menudashboard-empty{padding:40px;text-align:center;color:var(--subtle, #666)}.menudashboard-desktop-layout{display:none}@media (min-width: 1024px){.menudashboard-desktop-layout{display:block}.menudashboard-mobile-layout,.menudashboard-mobile-bottom{display:none!important}}.menudashboard-desktop-header-row{display:flex;gap:20px;margin-bottom:20px;align-items:flex-center}.menudashboard-main-header-card{flex:1 1 auto;min-width:250px;background:var(--backGround, #fff);border:2px solid var(--gray2, #e1e1e3);border-radius:20px;padding:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .menudashboard-main-header-card{background:var(--gray2, #1e1f22);border-color:var(--gray3, #2d2f33)}.menudashboard-header-left{flex:1;min-width:0;overflow:hidden}.menudashboard-version-section{display:flex;align-items:center;gap:10px;background:var(--gray1, #f0f0f2);padding:10px 20px;border-radius:20px}[data-theme=dark] .menudashboard-version-section{background:var(--gray2, #2a2d31)}.menudashboard-version-text{font-size:20px;font-weight:600}.menudashboard-version-text.changed{color:var(--accent, #059669)}.menudashboard-save-btn{background:#0F83E9;color:#fff;border:3px solid white;padding:8px 24px;border-radius:18px;font-weight:600;cursor:pointer;font-size:14px}.menudashboard-save-btn:hover{filter:brightness(1.1)}.menudashboard-action-cards{display:flex;flex-direction:row;gap:10px}.menudashboard-action-card{width:250px;background:var(--gray1, #f0f0f2);border-radius:20px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer}[data-theme=dark] .menudashboard-action-card{background:var(--gray2, #2a2d31)}@media (max-width: 1400px){.menudashboard-action-card{width:auto;min-width:100px;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px}.menudashboard-action-icon{width:48px;height:48px;font-size:20px}.menudashboard-action-content{text-align:center}.menudashboard-action-title{font-size:14px}.menudashboard-action-subtitle{font-size:10px}}.menudashboard-action-card-analytics{outline:2px solid transparent;transition:outline-color .2s ease,box-shadow .2s ease}.menudashboard-action-card-analytics:hover{outline-color:var(--blue-blue, #059669);box-shadow:0 0 0 3px #05966940}.menudashboard-action-card-terminal{outline:2px solid transparent;transition:outline-color .2s ease,box-shadow .2s ease}.menudashboard-action-card-terminal:hover{outline-color:var(--blue-blue, #1B89EA);box-shadow:0 0 0 3px #1b89ea40}.menudashboard-action-icon{width:64px;height:50px;background:var(--main-background, #fff)!important;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;font-size:24px;color:var(--text, #000)}[data-theme=dark] .menudashboard-action-icon{background:var(--gray2, #1e1f22);color:var(--text, #fff)}.menudashboard-action-title{font-size:20px;font-weight:600}.menudashboard-action-subtitle{font-size:12px;opacity:.7;line-height:1}.menudashboard-desktop-controls{display:flex;gap:10px;align-items:center;margin-bottom:20px}.menudashboard-add-item-btn{width:100px;height:50px;background:var(--background)!important;border:2px solid var(--gray2)!important;box-shadow:10px 33px var(--shadow);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;font-size:25px;color:var(--subText, #666)}[data-theme=dark] .menudashboard-add-item-btn{background:var(--gray2, #2a2d31);border-color:var(--gray2, #1e1f22)}.menudashboard-categories-card{background:var(--main-background)!important;border-radius:18px;padding:5px;box-shadow:0 10px 33px var(--shadow);display:flex;align-items:center;gap:10px;flex:1;border:2px solid var(--gray2, #d6d6da)}[data-theme=dark] .menudashboard-categories-card{background:var(--gray2, #1e1f22)}.menudashboard-category-add-form{display:flex;gap:5px;align-items:center}.menudashboard-category-add-form input{width:150px;padding:6px 10px;border:2px solid var(--gray2, #d6d6da);border-radius:15px;background:var(--gray1, #f5f5f7);font-size:13px}[data-theme=dark] .menudashboard-category-add-form input{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-category-add-form button{width:40px;height:40px;background:var(--gray1, #f0f0f2);border:2px solid var(--gray2, #d6d6da);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=dark] .menudashboard-category-add-form button{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-mobile-layout{display:block}@media (min-width: 1024px){.menudashboard-mobile-layout{display:none!important}}.menudashboard-mobile-header{width:95%;margin:0 auto 10px;background:var(--backGround, #fff);border-radius:20px;padding:5px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:5px}[data-theme=dark] .menudashboard-mobile-header{background:var(--gray2, #1e1f22)}.menudashboard-mobile-menu-info{flex:1;padding:10px}.menudashboard-mobile-icon{width:40px;height:40px;background:var(--gray1, #f0f0f2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:5px;font-size:24px;color:var(--text, #000)}[data-theme=dark] .menudashboard-mobile-icon{background:var(--gray2, #2a2d31);color:var(--text, #fff)}.menudashboard-mobile-cards{display:flex;flex-direction:column;gap:5px;width:95%;margin:0 auto}.menudashboard-mobile-card{background:var(--gray1, #f0f0f2);border-radius:20px;padding:5px;display:flex;align-items:center;gap:10px;cursor:pointer}[data-theme=dark] .menudashboard-mobile-card{background:var(--gray2, #2a2d31)}.menudashboard-mobile-version-card{background:var(--gray1, #f0f0f2);border-radius:20px;padding:5px;display:flex;align-items:center;justify-content:space-around}[data-theme=dark] .menudashboard-mobile-version-card{background:var(--gray2, #2a2d31)}.menudashboard-mobile-bottom{position:fixed;bottom:0;left:0;right:0;background:transparent;padding:10px 0 20px;max-width:500px;margin:0 auto;z-index:100}.menudashboard-mobile-add-section{display:flex;justify-content:center;margin-bottom:10px}.menudashboard-mobile-add-btn{width:100px;height:50px;background:var(--gray1, #f0f0f2);border:5px solid var(--backGround, #fff);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;font-size:25px;color:var(--subText, #666)}[data-theme=dark] .menudashboard-mobile-add-btn{background:var(--gray2, #2a2d31);border-color:var(--gray2, #1e1f22)}.menudashboard-mobile-categories-card{background:var(--backGround, #fff);border-radius:18px;padding:10px;margin:0 10px;box-shadow:0 2px 10px #0000001a}[data-theme=dark] .menudashboard-mobile-categories-card{background:var(--gray2, #1e1f22)}.menudashboard-mobile-categories-grid{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.menudashboard-mobile-category-chip{background:var(--gray1, #f0f0f2);border-radius:15px;padding:5px 10px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:5px}.menudashboard-mobile-category-chip.active{background:var(--accent, #059669);color:#fff}[data-theme=dark] .menudashboard-mobile-category-chip{background:var(--gray2, #2a2d31)}.menudashboard-mobile-category-add{display:flex;gap:5px;align-items:center;margin-left:auto}.menudashboard-mobile-category-add input{width:150px;padding:6px 10px;border:2px solid var(--gray2, #d6d6da);border-radius:15px;background:var(--gray1, #f5f5f7);font-size:16px}[data-theme=dark] .menudashboard-mobile-category-add input{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-mobile-category-add button{width:40px;height:40px;background:var(--gray1, #f0f0f2);border:2px solid var(--gray2, #d6d6da);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=dark] .menudashboard-mobile-category-add button{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-title{margin:0;font-size:28px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.menudashboard-desc{margin:6px 0 0;font-size:14px;max-width:420px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menudashboard-categories-wrap{display:flex;flex-wrap:wrap;gap:6px}.menudashboard-category-chip{background:var(--gray1, #f0f0f2);border:1px solid var(--gray2, #d6d6da);padding:6px 10px;border-radius:14px;font-size:12px;cursor:pointer;font-weight:500}.menudashboard-category-chip.active{background:var(--blue-light, #059669)!important;border-color:var(--blue-blue, #059669)!important;color:#fff}[data-theme=dark] .menudashboard-category-chip{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-grid-wrapper{margin-top:24px}.menudashboard-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.menudashboard-no-items{padding:40px 20px;text-align:center;color:var(--subText, #666);font-size:16px;opacity:.8}.menudashboard-item-card{width:210px;background:var(--gray1, #f0f0f2);border:4px solid var(--backGround, #fff);border-radius:20px;box-shadow:0 2px 4px #0000001a;position:relative;transition:transform .2s ease,box-shadow .2s ease;cursor:grab}.menudashboard-item-card:active{cursor:grabbing}.menudashboard-item-card.dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.menudashboard-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .menudashboard-item-card{background:var(--gray2, #2a2d31);border-color:var(--gray2, #1e1f22)}.menudashboard-item-content{padding:5px}.menudashboard-item-image{width:200px;height:200px;border-radius:20px;overflow:hidden;object-fit:contain!important;background:var(--gray2, #e1e1e3);display:flex;align-items:center;justify-content:center}.menudashboard-item-image img{width:100%;height:100%;display:block}.menudashboard-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--subText, #666);font-size:14px;background:var(--gray2, #e1e1e3)}[data-theme=dark] .menudashboard-image-placeholder{background:var(--gray3, #3a3d42)}.menudashboard-item-name{font-size:18px;font-weight:600;margin:5px 0;color:var(--text, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .menudashboard-item-name{color:var(--text, #fff)}.menudashboard-item-price-row{display:flex!important;align-items:center!important;gap:6px!important;margin-top:5px!important;background:var(--backGround, #fff)!important;border:2px solid var(--gray2, #d6d6da)!important;border-radius:15px!important;padding:6px 10px!important}[data-theme=dark] .menudashboard-item-price-row{background:var(--gray2, #26282c)!important;border-color:var(--gray3, #3a3d42)!important}.menudashboard-item-price-row:focus-within{border-color:#1b89ea!important;box-shadow:0 0 0 3px #1b89ea26!important}.menudashboard-price-label{font-size:18px!important;font-weight:600!important;color:var(--text, #000)!important;line-height:1!important}[data-theme=dark] .menudashboard-price-label{color:var(--text, #fff)!important}.menudashboard-price-input{flex:1!important;border:none!important;background:transparent!important;font-size:16px!important;font-weight:500!important;text-align:left!important;line-height:1!important;color:var(--text, #000)!important;padding:0!important}.menudashboard-price-input:focus{outline:none!important}[data-theme=dark] .menudashboard-price-input{color:#fff!important}.menudashboard-item-overlay{position:absolute;top:8px;left:8px;right:8px;background:var(--main-background, #fff)!important;border-radius:20px;padding:10px;box-shadow:0 2px 6px #0000001a;z-index:10}[data-theme=dark] .menudashboard-item-overlay{background:var(--gray2, #1e1f22)}.menudashboard-control-row{display:flex;align-items:center;justify-content:space-between}.menudashboard-control-btn{background:none;border:none;color:var(--subText, #666);cursor:pointer;padding:4px;border-radius:6px;font-size:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.menudashboard-control-btn:hover{background:var(--gray1, #f0f0f2)}[data-theme=dark] .menudashboard-control-btn:hover{background:var(--gray3, #3a3d42)}.menudashboard-drag-handle{cursor:grab;color:var(--text, #000)}.menudashboard-drag-handle:active{cursor:grabbing}[data-theme=dark] .menudashboard-drag-handle{color:var(--text, #fff)}.menudashboard-submenu{display:flex;flex-direction:column;gap:5px;margin-top:5px}.menudashboard-category-select{width:150px;height:40px;padding:4px 12px;background:var(--gray1, #f0f0f2);border:2px solid var(--gray2, #d6d6da);border-radius:8px;font-size:14px;color:#a7a7a7}.menudashboard-category-select:focus{outline:none;border-color:var(--gray3, #bbb)}[data-theme=dark] .menudashboard-category-select{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-delete-btn{width:150px;height:40px;background:rgba(217,53,53,.44);border:2px solid var(--alternate, #ff6b6b);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.menudashboard-delete-btn:hover{background:rgba(217,53,53,.6)}.menudashboard-settings-panel{margin:5px;border-radius:20px;position:fixed;top:0;right:0;height:100vh;max-width:90%;background:var(--backGround, #fff);border-left:2px solid var(--gray2, #e1e1e3);box-shadow:-4px 0 12px #00000014;z-index:2500;display:flex;flex-direction:column;animation:menudashboardSlideIn .25s ease}[data-theme=dark] .menudashboard-settings-panel{background:var(--gray2, #1e1f22);border-color:var(--gray3, #2d2f33)}@keyframes menudashboardSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.menudashboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:2499;cursor:pointer}.menudashboard-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--gray2, #e1e1e3)}.menudashboard-settings-header h3{margin:0;font-size:18px}.menudashboard-settings-subtitle{font-size:12px;color:var(--subText, #666);margin-top:2px}.menudashboard-settings-close{background:none;border:none;cursor:pointer;font-size:18px;padding:6px;border-radius:6px}.menudashboard-settings-close:hover{background:var(--gray1, #f3f3f5)}[data-theme=dark] .menudashboard-settings-close:hover{background:var(--gray3, #33363b)}.menudashboard-settings-body{padding:14px 18px 40px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.menudashboard-settings-card{background:var(--gray1, #f0f0f2);border:2px solid var(--gray2, #d6d6da);border-radius:16px;padding:12px}[data-theme=dark] .menudashboard-settings-card{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-settings-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.menudashboard-settings-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--subText, #666)}.menudashboard-settings-toggle-group{display:flex;flex-direction:column;gap:10px}.menudashboard-settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--backGround, #fff);border-radius:12px;border:1px solid var(--gray2, #d6d6da);cursor:pointer}[data-theme=dark] .menudashboard-settings-toggle{background:var(--gray2, #1e1f22);border-color:var(--gray3, #3a3d42)}.menudashboard-settings-switch{position:relative;display:flex;align-items:center}.menudashboard-settings-switch input{position:absolute;opacity:0;pointer-events:none}.menudashboard-settings-switch-track{width:44px;height:24px;background:var(--gray2, #d6d6da);border-radius:999px;display:inline-block;position:relative;transition:background .2s ease}.menudashboard-settings-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000040}.menudashboard-settings-switch input:checked+.menudashboard-settings-switch-track{background:#1B89EA}.menudashboard-settings-switch input:checked+.menudashboard-settings-switch-track:after{transform:translate(20px)}.menudashboard-settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--backGround, #fff);border-radius:12px;border:1px solid var(--gray2, #d6d6da)}[data-theme=dark] .menudashboard-settings-row{background:var(--gray2, #1e1f22);border-color:var(--gray3, #3a3d42)}.menudashboard-settings-row-title{font-weight:600}.menudashboard-settings-row-sub{font-size:12px;opacity:.7}.menudashboard-settings-select-btn{background:var(--gray3, #bbb);color:#fff;border:none;padding:8px 12px;border-radius:10px;font-weight:600;cursor:pointer}.menudashboard-settings-select-btn:hover{filter:brightness(.95)}.menudashboard-section-header{font-size:12px;color:var(--subText, #666);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.menudashboard-dart-toggle-card{background:var(--gray1, #f0f0f2);border:2px solid var(--gray2, #d6d6da);border-radius:20px;padding:5px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.menudashboard-dart-toggle-card:hover{transform:translateY(-1px)}[data-theme=dark] .menudashboard-dart-toggle-card{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-dart-icon-container{width:64px;height:50px;background:var(--backGround, #fff);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text, #000);box-shadow:0 2px 6px #0000001a}[data-theme=dark] .menudashboard-dart-icon-container{background:var(--gray2, #1e1f22);color:var(--text, #fff)}.menudashboard-dart-text-content{flex:1;padding:0 10px}.menudashboard-dart-title{font-size:16px;font-weight:600;color:var(--text, #000);line-height:1.2}.menudashboard-dart-subtitle{font-size:12px;color:var(--subText, #666);line-height:1;margin-top:2px}[data-theme=dark] .menudashboard-dart-title{color:var(--text, #fff)}.menudashboard-dart-switch-container{padding:0 10px}.menudashboard-dart-switch{width:50px;height:28px;background:var(--gray2, #d6d6da);border-radius:20px;position:relative;transition:.3s background;display:flex;align-items:center;box-shadow:inset 0 1px 3px #0003}.menudashboard-dart-switch.on{background:#007AFF}.menudashboard-dart-switch-thumb{width:24px;height:24px;background:#fff;border-radius:50%;margin-left:2px;transition:.3s transform;box-shadow:0 2px 4px #0000004d}.menudashboard-dart-switch.on .menudashboard-dart-switch-thumb{transform:translate(22px)}.menudashboard-dart-button-container{padding:0 10px}.menudashboard-dart-select-btn{background:var(--gray3, #bbb);color:#fff;border:none;padding:8px 16px;border-radius:15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.menudashboard-dart-select-btn:hover{background:var(--gray4, #999)}.menudashboard-settings-section h4{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.menudashboard-settings-chips{display:flex;gap:6px;flex-wrap:wrap}.menudashboard-setting-chip{background:var(--gray1, #f0f0f2);border:1px solid var(--gray2, #d6d6da);padding:6px 10px;border-radius:14px;font-size:12px;cursor:pointer;font-weight:500}.menudashboard-setting-chip.active{background:var(--accent, #059669);border-color:var(--accent, #059669);color:#fff}[data-theme=dark] .menudashboard-setting-chip{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-note{font-size:12px;opacity:.65;line-height:1.4}.menudashboard-select-modal{max-width:760px;width:96%;border-radius:28px;display:flex;flex-direction:column}.menudashboard-select-header{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--gray2, #e1e1e3)}.menudashboard-select-search-wrap{flex:1;display:flex;align-items:center;gap:10px}.menudashboard-select-search{flex:1;padding:10px 14px;border:1px solid var(--gray2, #d6d6da);border-radius:14px;background:var(--gray1, #f5f5f7);font-size:14px}[data-theme=dark] .menudashboard-select-search{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-select-count{font-size:12px;font-weight:600;background:var(--accent, #059669);color:#fff;padding:4px 10px;border-radius:20px}.menudashboard-select-body{padding:18px 22px}.menudashboard-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-height:360px;overflow-y:auto;padding:4px}.menudashboard-select-card{position:relative;background:var(--gray1, #f5f5f7);border:1px solid var(--gray2, #d6d6da);border-radius:18px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:.2s box-shadow,.2s transform}.menudashboard-select-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}[data-theme=dark] .menudashboard-select-card{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42)}.menudashboard-select-card.disabled{opacity:.45;cursor:not-allowed}.menudashboard-select-card.selected{outline:2px solid var(--accent, #059669)}.menudashboard-select-thumb{width:100%;aspect-ratio:1/1;border-radius:14px;background:var(--gray2, #ececee);display:flex;align-items:center;justify-content:center;overflow:hidden}[data-theme=dark] .menudashboard-select-thumb{background:var(--gray2, #313235)}.menudashboard-select-thumb img{width:100%;height:100%;object-fit:cover}.menudashboard-select-placeholder{width:60%;height:60%;background:linear-gradient(135deg,#ddd,#eee);border-radius:12px}.menudashboard-select-info{display:flex;flex-direction:column;gap:4px}.menudashboard-select-name{font-size:14px;font-weight:600;letter-spacing:.3px}.menudashboard-select-tag{font-size:10px;font-weight:600;background:var(--gray2, #d6d6da);padding:2px 6px;border-radius:10px;width:max-content}[data-theme=dark] .menudashboard-select-tag{background:var(--gray3, #3a3d42);color:#fff}.menudashboard-select-check{position:absolute;top:8px;right:8px;background:var(--accent, #059669);color:#fff;width:22px;height:22px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #00000040}.menudashboard-select-footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.menudashboard-create-new-btn{background:var(--text)!important;order:-1;color:var(--main-background)!important;margin-right:auto}.menudashboard-create-new-btn:hover{filter:brightness(1.15)}.menudashboard-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--gray2, #d6d6da);border-radius:10px;margin-bottom:8px;cursor:pointer;user-select:none}[data-theme=dark] .menudashboard-toggle-row{border-color:var(--gray3, #3a3d42)}.menudashboard-toggle-label{font-size:13px;font-weight:500}.menudashboard-switch{width:42px;height:22px;background:var(--gray2, #d6d6da);border-radius:20px;position:relative;transition:.25s background;display:flex;align-items:center}.menudashboard-switch.on{background:var(--accent, #059669)}.menudashboard-switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;margin-left:2px;transition:.25s transform;box-shadow:0 1px 3px #00000040}.menudashboard-switch.on .menudashboard-switch-thumb{transform:translate(20px)}.menudashboard-category-manager{display:flex;flex-direction:column;gap:10px}.menudashboard-category-add-row{display:flex;gap:6px}.menudashboard-input{flex:1;padding:6px 10px;border:1px solid var(--gray2, #d6d6da);border-radius:8px;background:var(--gray1, #f5f5f7);font-size:13px}[data-theme=dark] .menudashboard-input{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-add-btn{background:var(--accent, #059669);color:#fff;border:none;padding:6px 12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer}.menudashboard-add-btn:hover{opacity:.85}.menudashboard-category-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.menudashboard-category-row{display:flex;justify-content:space-between;align-items:center;background:var(--gray1, #f0f0f2);border:1px solid var(--gray2, #d6d6da);padding:4px 8px;border-radius:8px;font-size:12px}[data-theme=dark] .menudashboard-category-row{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-remove-btn{background:none;color:var(--subtle, #666);border:none;font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}.menudashboard-remove-btn:hover{background:var(--gray2, #d6d6da)}[data-theme=dark] .menudashboard-remove-btn:hover{background:var(--gray3, #3a3d42)}.menudashboard-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:4000;animation:menudashboardFadeIn .2s ease}@keyframes menudashboardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menudashboard-modal{width:600px;max-width:95%;background:var(--backGround, #fff);border:2px solid var(--gray2, #e1e1e3);border-radius:18px;display:flex;flex-direction:column;max-height:80vh}.menudashboard-modal.large{width:520px}[data-theme=dark] .menudashboard-modal{background:var(--gray2, #1e1f22);border-color:var(--gray3, #2d2f33)}.menudashboard-modal-header{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray2, #e1e1e3)}.menudashboard-modal-body{padding:16px 18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.menudashboard-modal-footer{padding:12px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--gray2, #e1e1e3)}.menudashboard-close-btn{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;padding:4px}.menudashboard-primary-btn{background:var(--accent, #059669);color:#fff;border:none;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.menudashboard-secondary-btn{background:var(--gray1, #f3f3f5);border:1px solid var(--gray2, #d6d6da);padding:8px 14px;border-radius:10px;font-size:13px;cursor:pointer}[data-theme=dark] .menudashboard-secondary-btn{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-primary-btn:hover{filter:brightness(1.1)}.menudashboard-secondary-btn:hover{filter:brightness(.95)}.menudashboard-items-list{display:flex;flex-direction:column;gap:6px}.menudashboard-item-row{display:flex;align-items:center;gap:10px;font-size:12px;background:var(--gray1, #f0f0f2);border:1px solid var(--gray2, #d6d6da);padding:6px 8px;border-radius:8px}[data-theme=dark] .menudashboard-item-row{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42)}.menudashboard-item-row.disabled{opacity:.5}.menudashboard-item-thumb img{width:34px;height:34px;object-fit:cover;border-radius:6px;display:block}.menudashboard-item-name{font-weight:600}.menudashboard-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.menudashboard-edit-body{gap:18px}.menudashboard-preview{width:100%;display:flex;justify-content:center}.menudashboard-preview img{max-width:200px;max-height:160px;border-radius:12px;object-fit:cover}.menudashboard-tag-chip{background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;cursor:pointer}@media (max-width: 900px){.menudashboard-header-card{flex-direction:column}.menudashboard-main-content{padding:12px}.menudashboard-title{font-size:22px}.menudashboard-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.menudashboard-settings-fields{display:flex;flex-direction:column;gap:12px}.menudashboard-settings-field{display:flex;flex-direction:column;gap:6px}.menudashboard-settings-field-label{font-size:13px;font-weight:600;color:var(--text, #000)}[data-theme=dark] .menudashboard-settings-field-label{color:var(--text, #fff)}.menudashboard-settings-input{padding:10px 14px!important;border:2px solid var(--gray2, #d6d6da);border-radius:12px!important;background:var(--backGround, #fff);font-size:14px;color:var(--text, #000);width:93%!important;transition:border-color .2s ease,box-shadow .2s ease}.menudashboard-settings-input:focus{outline:none;border-color:var(--blue-blue, #1B89EA);box-shadow:0 0 0 3px #1b89ea26}[data-theme=dark] .menudashboard-settings-input{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-settings-textarea{padding:10px 14px;border:2px solid var(--gray2, #d6d6da);border-radius:12px;background:var(--backGround, #fff);font-size:14px;color:var(--text, #000)!important;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.menudashboard-settings-textarea:focus{outline:none;border-color:var(--blue-blue, #1B89EA);box-shadow:0 0 0 3px #1b89ea26}[data-theme=dark] .menudashboard-settings-textarea{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42);color:#fff}.menudashboard-settings-color-row{display:flex;gap:10px;align-items:center}.menudashboard-settings-color-picker{width:48px;height:48px;border:2px solid var(--gray2, #d6d6da);border-radius:12px;cursor:pointer;padding:2px;background:var(--backGround, #fff)}.menudashboard-settings-color-picker::-webkit-color-swatch-wrapper{padding:0}.menudashboard-settings-color-picker::-webkit-color-swatch{border:none;border-radius:8px}[data-theme=dark] .menudashboard-settings-color-picker{background:var(--gray2, #26282c);border-color:var(--gray3, #3a3d42)}.menudashboard-settings-color-text{flex:1;font-family:monospace}.menudashboard-settings-save-btn{background:var(--blue-blue, #1B89EA);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:filter .2s ease;margin-top:4px}.menudashboard-settings-save-btn:hover{filter:brightness(1.1)}.menudashboard-settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.menudashboard-settings-statement-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.menudashboard-settings-statement-note{font-size:12px;opacity:.75;color:var(--subText, #666)}.menudashboard-settings-statement-count{font-size:12px;font-weight:500;color:var(--subText, #666)}.menudashboard-settings-color-preview{width:48px;height:48px;border-radius:12px;border:2px solid var(--gray2, #d6d6da);flex-shrink:0}.menudashboard-settings-color-presets{display:flex;gap:6px;flex-wrap:wrap}.menudashboard-settings-color-swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.menudashboard-settings-color-swatch:hover{transform:scale(1.1)}.menudashboard-settings-color-swatch.active{border-color:var(--text, #000);box-shadow:0 0 0 2px var(--backGround, #fff)}[data-theme=dark] .menudashboard-settings-color-swatch.active{border-color:var(--text, #fff)}.menudashboard-settings-color-custom-btn{width:28px;height:28px;padding:0;border-radius:8px;border:2px solid var(--gray2, #d6d6da);background:var(--gray1, #f0f0f2);color:var(--text, #000);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.menudashboard-settings-color-custom-btn:hover{background:var(--gray2, #e1e1e3)}.menudashboard-settings-color-custom-btn.active{border-color:var(--blue-blue, #1B89EA);background:var(--blue-blue, #1B89EA);color:#fff}[data-theme=dark] .menudashboard-settings-color-custom-btn{background:var(--gray2, #2a2d31);border-color:var(--gray3, #3a3d42);color:var(--text, #fff)}[data-theme=dark] .menudashboard-settings-color-custom-btn:hover{background:var(--gray3, #3a3d42)}.menudashboard-settings-custom-picker{display:flex;justify-content:center;padding:10px;background:var(--gray1, #f0f0f2);border-radius:12px;margin-top:10px}[data-theme=dark] .menudashboard-settings-custom-picker{background:var(--gray2, #2a2d31)}.menudashboard-settings-pdf-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--gray1, #f5f5f7);border-radius:12px}[data-theme=dark] .menudashboard-settings-pdf-section{background:var(--gray2, #2a2d31)}.menudashboard-settings-pdf-info{display:flex;align-items:center;gap:12px}.menudashboard-settings-pdf-icon{font-size:24px;color:var(--blue-blue)}.menudashboard-settings-pdf-details{display:flex;flex-direction:column;gap:2px}.menudashboard-settings-pdf-title{font-size:14px;font-weight:600;color:var(--text, #000)}[data-theme=dark] .menudashboard-settings-pdf-title{color:var(--text, #fff)}.menudashboard-settings-pdf-sub{font-size:12px;color:var(--subText, #666)}.menudashboard-settings-pdf-btn{background:var(--blue-blue);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.menudashboard-settings-pdf-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.menudashboard-settings-pdf-btn:disabled{background:var(--gray3, #ccc);cursor:not-allowed;opacity:.7}[data-theme=dark] .menudashboard-settings-pdf-btn:disabled{background:var(--gray3, #444)}.inventory-page-main-content{padding:0 8px}.inventory-page-content-wrapper{display:flex;flex-direction:column}.inventory-page-items-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;align-content:flex-start;min-height:300px}.inventory-page-items-list{display:flex;flex-direction:column;gap:12px;width:100%}.inventory-page-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:nowrap;margin-bottom:24px}.inventory-page-top-bar-actions{display:flex;gap:12px;align-items:center}.inventory-page-group-tags{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;min-width:0}.inventory-page-group-tags::-webkit-scrollbar{display:none}.inventory-page-group-tag{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1.5px solid var(--gray2, #ebebeb);background:var(--gray1, #f7f7f7);color:var(--sub-text, #666);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.inventory-page-group-tag:hover{border-color:var(--gray3);color:var(--text);background:var(--background)}.inventory-page-group-tag.active{background:var(--blue-blue, #0f83e9);color:#fff;border-color:var(--blue-blue, #0f83e9)}.inventory-page-group-tag.manage{background:transparent;border-style:dashed;color:var(--sub-text);padding:5px 8px;font-size:13px}.inventory-page-group-tag.manage:hover{border-color:var(--blue-blue);color:var(--blue-blue)}.inventory-page-group-tag-x{font-size:9px;opacity:.8}.inventory-page-layout-toggle{display:flex;background:var(--gray2, #EBEBEB);padding:4px;border-radius:10px;gap:2px}.inventory-page-layout-btn{background:transparent;border:none;padding:6px 10px;border-radius:7px;cursor:pointer;color:var(--sub-text, #666);transition:all .2s ease;font-size:14px}.inventory-page-layout-btn:hover{color:var(--text, #000)}.inventory-page-layout-btn.active{background:var(--background, #fff);color:var(--blue-blue, #0F83E9);box-shadow:0 2px 4px #0000001a}.inventory-page-item-card{width:180px;border:2px solid var(--gray2, #ccc);border-radius:12px;position:relative;display:flex;flex-direction:column;background:var(--gray1, #fafafa);overflow:hidden;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.inventory-page-item-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px);border-color:var(--blue-blue)}.inventory-page-card-image-box{position:relative;height:120px;display:flex;align-items:center;justify-content:center;background:var(--best-gray);border-radius:10px;overflow:hidden}.inventory-page-card-image-box img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.inventory-page-item-card:hover .inventory-page-card-image-box img{transform:scale(1.05)}.inventory-page-box-placeholder{font-size:32px;opacity:.2;color:var(--text)}.inventory-page-card-actions{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease}.inventory-page-item-card:hover .inventory-page-card-actions{opacity:1}.inventory-page-card-icon-btn{background:var(--background, #fff);border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;color:var(--blue-blue)}.inventory-page-card-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.inventory-page-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.inventory-page-card-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-page-card-stock{font-size:11px;font-weight:600;color:var(--blue-blue);background:var(--blue-light);padding:2px 6px;border-radius:6px;white-space:nowrap}.inventory-page-card-meta{font-size:10px;color:var(--sub-text);font-family:monospace;display:flex;align-items:center;gap:6px}.inventory-page-item-type-icon{font-size:12px;color:var(--orange);margin-right:4px}.inventory-page-item-type-icon-small{font-size:10px}.inventory-page-card-footer{padding:8px 12px;display:flex;justify-content:flex-start;align-items:center;gap:8px}.inventory-page-manage-row{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;cursor:pointer;color:var(--blue-blue);margin-left:auto}.inventory-page-manage-row:hover{text-decoration:underline}.inventory-page-card-footer-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.inventory-page-item-card:hover .inventory-page-card-footer-actions{opacity:1;pointer-events:auto}.inventory-page-card-tiny-btn{background:transparent;border:none;padding:4px;font-size:12px;cursor:pointer;color:var(--sub-text);transition:all .2s ease;border-radius:4px}.inventory-page-card-tiny-btn:hover{background:var(--gray2);color:var(--text)}.inventory-page-card-tiny-btn.delete:hover{color:var(--red);background:rgba(217,53,53,.1)}.inventory-page-list-item-group{display:flex;flex-direction:column;gap:0}.inventory-page-list-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden}.inventory-page-list-item-group:has(.inventory-page-sub-items) .inventory-page-list-item{border-bottom-left-radius:0;border-bottom-right-radius:0}.inventory-page-list-item:hover{border-color:var(--gray3);background:var(--background);box-shadow:0 4px 12px #0000000d}.inventory-page-list-item-image{width:48px;height:48px;border-radius:8px;background:var(--best-gray);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.inventory-page-list-item-image img{width:100%;height:100%;object-fit:cover}.inventory-page-list-item-image svg{opacity:.3}.inventory-page-list-item-content{display:flex;flex:1;justify-content:space-between;align-items:center;min-width:0}.inventory-page-list-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.inventory-page-list-item-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-page-list-item-id{font-size:11px;color:var(--sub-text);font-family:monospace;display:flex;align-items:center;gap:6px}.inventory-page-list-item-details{display:flex;gap:16px;align-items:center;margin:0 16px}.inventory-page-list-item-stock,.inventory-page-list-item-price{display:flex;align-items:center;gap:6px;font-size:13px}.stock-label{color:var(--sub-text);font-size:12px}.stock-value{font-weight:600;color:var(--blue-blue);background:var(--blue-light);padding:2px 8px;border-radius:6px}.price-value{font-weight:700;color:var(--text)}.inventory-page-list-item-actions{display:flex;gap:8px;align-items:center}.inventory-page-list-item-actions .inventory-page-item-btn-duplicate,.inventory-page-list-item-actions .inventory-page-item-btn-delete{opacity:0;width:0;padding:0;overflow:hidden;transition:all .2s ease}.inventory-page-list-item:hover .inventory-page-item-btn-duplicate,.inventory-page-list-item:hover .inventory-page-item-btn-delete{opacity:1;width:auto;padding:6px 8px}.inventory-page-list-item-actions .inventory-page-item-btn-expand{margin-left:auto}.inventory-page-list-item-accent{position:absolute;left:0;top:0;bottom:0;width:4px;opacity:0;pointer-events:none}.inventory-page-sub-items{display:flex;flex-direction:column;gap:0;background:var(--best-gray);border:2px solid var(--gray2);border-top:none;border-radius:0 0 12px 12px;overflow:hidden}.inventory-page-sub-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--gray2);transition:all .2s ease}.inventory-page-sub-item:last-child{border-bottom:none}.inventory-page-sub-item:hover{background:var(--gray1)}.inventory-page-sub-item-image{width:36px;height:36px;border-radius:6px;background:var(--gray2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.inventory-page-sub-item-image img{width:100%;height:100%;object-fit:cover}.inventory-page-sub-item-image svg{opacity:.2;font-size:16px}.inventory-page-sub-item-content{display:flex;flex:1;justify-content:space-between;align-items:center;min-width:0}.inventory-page-sub-item-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-page-sub-item-stock{font-size:12px;color:var(--sub-text);white-space:nowrap;margin-left:8px}.inventory-page-create-card{cursor:pointer;border-style:dashed}.inventory-page-card-image-placeholder{height:120px;background:var(--best-gray);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--blue-blue)}.inventory-page-card-image-overlay{position:absolute;bottom:6px;left:6px;right:6px;z-index:10}.inventory-page-card-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:2px}.inventory-page-card-variant-badge{width:24px;height:24px;border-radius:4px;background:var(--background);border:1px solid var(--gray2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.inventory-page-card-variant-badge:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.inventory-page-card-variant-badge img{width:100%;height:100%;object-fit:cover}.inventory-page-variant-placeholder{font-size:11px;font-weight:700;color:var(--blue-blue);background:var(--blue-light);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.inventory-page-skeleton-box{background:var(--gray2);border-radius:4px}.inventory-page-empty-card{pointer-events:none;opacity:.5}.inventory-item-accent-fade{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s ease}@media (max-width: 900px){.inventory-page-list-item-details{display:none}}@media (max-width: 768px){.inventory-page-item-card{width:160px}.inventory-page-top-bar{flex-direction:column;align-items:stretch;margin-bottom:16px}.inventory-page-top-bar-actions{width:100%;justify-content:space-between}.inventory-page-content-wrapper{gap:12px}}@media (max-width: 600px){.inventory-page-item-card{width:140px}.inventory-page-card-image-box,.inventory-page-card-image-placeholder{height:100px}.inventory-page-list-item{gap:10px;padding:10px}.inventory-page-list-item-image{width:40px;height:40px}}.inventory-item-page-main-content{padding:0 8px}.inventory-item-page-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:nowrap;margin-bottom:24px}.inventory-item-page-header-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.inventory-item-page-back-button{flex-shrink:0}.inventory-item-page-top-bar-actions{display:flex;gap:12px;align-items:center}.inventory-item-page-save-btn{background:var(--blue-blue, #0F83E9);border:2px solid var(--blue-blue, #0F83E9);color:#fff;padding:8px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 14px -4px #0f83e973}.inventory-item-page-save-btn:hover{filter:brightness(1.05);box-shadow:0 6px 18px -4px #0f83e98c}.inventory-item-page-save-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.inventory-item-page-content{display:flex;gap:32px;align-items:flex-start;max-width:900px}.inventory-item-page-logs-section{max-width:900px;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray2, #ebebeb)}.inventory-item-page-logs-section .inventory-item-page-section-title{margin-bottom:12px}.inventory-item-page-action-btn{background:var(--gray1, #f7f7f7);border:1.5px solid var(--gray2, #ebebeb);color:var(--text);padding:7px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;font-family:inherit}.inventory-item-page-action-btn:hover{background:var(--gray2)}.inventory-item-page-action-btn.rental{color:#f59e0b;border-color:#f59e0b4d}.inventory-item-page-action-btn.rental:hover{background:rgba(245,158,11,.08)}.inventory-item-page-action-btn.reconcile{padding:7px 10px;color:var(--sub-text)}.inventory-item-page-stock-banner{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:#b45309;display:flex;align-items:center;gap:8px;margin-bottom:16px;max-width:900px}[data-theme=dark] .inventory-item-page-stock-banner{color:#fbbf24}.inventory-item-page-stock-banner-btn{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:inherit;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:auto;font-family:inherit}.inventory-item-page-stock-banner-btn:hover{background:rgba(245,158,11,.25)}.inventory-item-page-image-section{flex:0 0 220px;display:flex;flex-direction:column;gap:12px}.inventory-item-page-image-preview{width:220px;height:220px;border-radius:16px;border:2px dashed var(--gray2, #ccc);background:var(--gray1, #f5f5f5);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;transition:all .2s ease}.inventory-item-page-image-preview:hover{border-color:var(--blue-blue);box-shadow:0 4px 12px #0f83e926}.inventory-item-page-image-preview img{width:100%;height:100%;object-fit:contain}.inventory-item-page-image-preview .inventory-item-page-no-image{font-size:14px;color:var(--sub-text, #999);text-align:center;padding:20px}.inventory-item-page-image-btn{background:var(--gray1, #f1f1f1);border:2px solid var(--gray2, #ddd);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;font-family:inherit}.inventory-item-page-image-btn:hover{background:#fff;border-color:var(--blue-blue);color:var(--blue-blue)}.inventory-item-page-form{flex:1;display:flex;flex-direction:column;gap:24px}.inventory-item-page-field{display:flex;flex-direction:column;gap:6px}.inventory-item-page-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--sub-text, #666)}.inventory-item-page-input{border:2px solid var(--gray2, #ddd);background:var(--gray1, #fafafa);padding:10px 14px;font-size:15px;border-radius:10px;outline:none;transition:all .2s ease;font-family:inherit;color:var(--text)}.inventory-item-page-input:focus{border-color:var(--blue-blue, #0F83E9);background:var(--background, #fff);box-shadow:0 0 0 3px #0f83e926}.inventory-item-page-hint{font-size:12px;color:var(--sub-text, #999)}.inventory-item-page-type-selector{display:flex;gap:12px}.inventory-item-page-type-card{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--gray2, #ddd);border-radius:12px;cursor:pointer;background:var(--gray1, #fafafa);transition:all .2s ease}.inventory-item-page-type-card:hover{border-color:var(--gray3)}.inventory-item-page-type-card.active{border-color:var(--blue-blue, #0F83E9);background:var(--blue-light, rgba(15, 131, 233, .1))}.inventory-item-page-type-icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--gray2, #eee);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--sub-text);transition:all .2s ease}.inventory-item-page-type-card.active .inventory-item-page-type-icon-wrap{background:rgba(15,131,233,.15);color:var(--blue-blue)}.inventory-item-page-type-info{display:flex;flex-direction:column;gap:2px}.inventory-item-page-type-title{font-size:14px;font-weight:600;color:var(--text)}.inventory-item-page-type-desc{font-size:12px;color:var(--sub-text)}.inventory-item-page-section-title{font-size:16px;font-weight:700;margin:0;color:var(--text)}.inventory-item-page-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.inventory-item-page-type-variant-card{position:relative;aspect-ratio:1;background:var(--gray1, #f5f5f5);background-size:cover;background-position:center;border-radius:12px;border:2px solid var(--gray2, #ddd);padding:12px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:all .2s ease;overflow:hidden}.inventory-item-page-type-variant-card:hover{border-color:var(--blue-blue);transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.inventory-item-page-type-variant-card.hidden{opacity:.4}.inventory-item-page-variant-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.65));pointer-events:none}.inventory-item-page-variant-hidden-badge{position:absolute;top:6px;right:6px;background:rgba(234,179,8,.9);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;z-index:2;text-transform:uppercase}.inventory-item-page-variant-info{position:relative;z-index:1;text-align:center}.inventory-item-page-variant-name{font-size:14px;font-weight:600;color:var(--text)}.inventory-item-page-type-variant-card[style*=background-image] .inventory-item-page-variant-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.inventory-item-page-variant-stock{font-size:11px;color:var(--sub-text);margin-top:2px}.inventory-item-page-type-variant-card[style*=background-image] .inventory-item-page-variant-stock{color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.8)}.inventory-item-page-add-type-card{aspect-ratio:1;background:transparent;border-radius:12px;border:2px dashed var(--gray2, #ddd);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;color:var(--sub-text, #999)}.inventory-item-page-add-type-card:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:rgba(15,131,233,.04)}.inventory-item-page-add-type-icon{font-size:24px}.inventory-item-page-add-type-label{font-size:12px;font-weight:600}.inventory-item-page-loading{display:flex;align-items:center;justify-content:center;padding:60px;font-size:15px;color:var(--sub-text, #999)}.inventory-item-page-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--sub-text, #999)}.inventory-item-page-not-found h2{margin:0;color:var(--text)}@media (max-width: 768px){.inventory-item-page-content{flex-direction:column}.inventory-item-page-image-section{flex:none;width:100%;align-items:center}.inventory-item-page-image-preview{width:180px;height:180px}.inventory-item-page-top-bar{flex-direction:column;align-items:stretch}.inventory-item-page-type-selector{flex-direction:column}}.invoices-page .inventory-page-item-card{width:320px}.invoices-page .inventory-page-top-bar,.invoices-page .inventory-page-top-bar-actions,.invoices-page .inventory-page-group-tags{overflow:visible}.invoices-page-bloom-filter{position:relative;z-index:20}.invoices-page .inventory-page-group-tags{overflow-x:visible;overflow-y:visible}.invoices-page-bloom-filter div[style*="position: absolute"]{background:var(--best-gray, #efefef)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;box-shadow:none!important;z-index:40!important;transition:background .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s cubic-bezier(.34,1.56,.64,1),border-radius .14s cubic-bezier(.34,1.56,.64,1),color .14s cubic-bezier(.34,1.56,.64,1),border-color .14s cubic-bezier(.34,1.56,.64,1)!important}.invoices-page-bloom-active div[style*="position: absolute"]{background:var(--blue-blue, #0f83e9);border-color:var(--blue-blue, #0f83e9)}.invoices-page-bloom-filter div[style*="position: absolute"][style*="height: 1"],.invoices-page-bloom-filter div[style*="position: absolute"][style*="height: 2"]{background:var(--main-background, #fff)!important;box-shadow:0 8px 32px var(--shadow, rgba(0, 0, 0, .12))!important}.invoices-page-bloom-trigger{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;color:var(--text, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-page-bloom-trigger svg{width:14px;height:14px;opacity:.7}.invoices-page-bloom-active .invoices-page-bloom-trigger{color:var(--primary-btn-text, #fff)!important}.invoices-page-bloom-content{display:flex;flex-direction:column;gap:4px;padding:6px;max-height:200px;overflow-y:auto;background-color:var(--main-background, #fff)}.invoices-page-bloom-item{padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text, #111);background:transparent;cursor:pointer;transition:background .14s ease;display:flex;align-items:center;gap:8px}.invoices-page-bloom-item svg{width:14px;height:14px;opacity:.7}.invoices-page-bloom-item:hover{background:rgba(255,255,255,.08)}.invoices-page-bloom-item.selected{background:var(--blue-blue, #0f83e9);color:#fff}.invoices-page-card{background:var(--gray1, #fafafa);padding:12px 14px;gap:10px;position:relative;isolation:isolate}.invoices-page-card-content{position:relative;z-index:1;min-height:162px;display:flex;flex-direction:column;justify-content:space-between}.invoices-page-card-preview-container{position:absolute;top:10px;left:10px;width:102px;height:calc(100% - 20px);overflow:visible;pointer-events:none;border-radius:10px;opacity:.5;transition:opacity .22s ease;z-index:0}.invoices-page-card:hover .invoices-page-card-preview-container{opacity:.88}.invoices-page-card-preview-overlay{position:relative;width:260px;height:320px;transform:scale(.91) rotate(-8deg) translate(-10px) translateY(20px);transform-origin:top left;background:var(--main-background, #fff);border:1px solid var(--gray2, #ddd);border-radius:12px;box-shadow:0 8px 22px var(--shadow, rgba(0, 0, 0, .12));overflow:hidden}.invoices-page-mini-invoice-page{width:95%;height:100%;background:var(--main-background, #fff);border:1px solid var(--gray2, #ddd);border-radius:10px;padding:6px;font-size:6px;line-height:1.2;overflow:hidden;box-shadow:0 4px 15px var(--shadow, rgba(0, 0, 0, .15));display:flex;flex-direction:column;gap:3px}.invoices-page-mini-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:2px;border-bottom:.5px solid var(--gray2, #ddd)}.invoices-page-mini-logo{width:12px;height:6px;background:var(--best-gray, #f0f0f0);border:.5px solid var(--gray2, #ddd);border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:3px;color:var(--sub-text, #666)}.invoices-page-mini-invoice-number{font-size:4px;color:var(--sub-text, #666);font-weight:500}.invoices-page-mini-title{font-size:5px;font-weight:600;color:var(--text, #333)}.invoices-page-mini-billing{display:flex;gap:3px;padding-bottom:2px;border-bottom:.5px solid var(--gray2, #ddd)}.invoices-page-mini-billing-section{flex:1;border:.5px solid var(--gray2, #ddd);border-radius:2px;padding:2px;background:var(--main-background, #fff)}.invoices-page-mini-company{font-size:4px;font-weight:600;color:var(--text, #333);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-page-mini-contact{font-size:3px;color:var(--sub-text, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-page-mini-items{flex:1;display:flex;flex-direction:column;gap:1px}.invoices-page-mini-items-header{display:flex;height:6px;background:var(--best-gray, #f7f7f7);border-radius:1px;margin-bottom:1px}.invoices-page-mini-col{display:flex;align-items:center;justify-content:center;padding:1px;font-weight:600;color:var(--text, #333);border-right:.5px solid var(--gray2, #ddd);font-size:3px;min-width:0}.invoices-page-mini-col:last-child{border-right:none}.invoices-page-mini-col-item{flex:2;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoices-page-mini-col:not(.invoices-page-mini-col-item){width:15px}.invoices-page-mini-items-list{display:flex;flex-direction:column;gap:.5px;flex:1}.invoices-page-mini-item-row{display:flex;min-height:4px;border:.5px solid var(--gray2, #ddd);border-radius:1px;background:var(--main-background, #fff);align-items:center}.invoices-page-mini-item-row .invoices-page-mini-col{font-weight:500}.invoices-page-mini-totals{margin-top:auto;padding-top:2px;border-top:.5px solid var(--gray2, #ddd)}.invoices-page-mini-total-row{display:flex;justify-content:space-between;padding:.5px 0;font-size:3px}.invoices-page-mini-total-row span{font-weight:500;color:var(--text, #333)}.invoices-page-mini-total-final{font-size:4px;font-weight:700;border-top:.5px solid var(--gray2, #ddd);padding-top:1px;margin-top:1px}.invoices-page-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.invoices-page-card-top{display:flex;flex-direction:column;align-items:end;justify-content:center;gap:5px;min-height:90px}.invoices-page-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:10px}.invoices-page-card-client-block{min-width:0;display:flex;flex-direction:column;gap:2px}.invoices-page-card-client-name{font-size:13px;font-weight:700;color:var(--text, #111);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.invoices-page-card-client-id{font-size:11px;color:var(--sub-text, #666);font-weight:600;letter-spacing:.02em}.invoices-page-card-action-block{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.invoices-page-card-open-btn{display:inline-flex;align-items:center;gap:6px;border:none;padding:0;background:transparent;color:var(--orange, #e46a11);font-size:12px;font-weight:700;cursor:pointer}.invoices-page-card-open-btn:hover{color:var(--blue-blue, #0f83e9)}.invoices-page-card-heading{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.invoices-page-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;position:relative;z-index:1;color:var(--text, #111);background:rgba(255,255,255,.12);border:1px solid rgba(0,0,0,.05)}.invoices-page-status-chip-top{background:var(--main-background, #fff);border-color:var(--gray2, #ddd)}.invoices-page-card-amount{font-size:22px;font-weight:700;color:var(--text, #111);line-height:1}.invoices-page-card-number{font-size:10px;font-weight:700;color:var(--sub-text, #666);letter-spacing:.05em;text-transform:uppercase}.invoices-page-items-count{font-size:12px;font-weight:700;color:var(--text, #111);background:transparent;padding:0;white-space:nowrap}.invoices-page-list-item-details{gap:12px}.invoices-page-due-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:var(--best-gray, #efefef);color:var(--text, #111);font-size:12px;font-weight:600}.invoices-page-list-actions{display:flex;align-items:center;gap:10px;margin-left:14px}.invoices-page-list-action-btn{height:34px;border:1.5px solid var(--gray2, #ddd);background:var(--background, #fff);color:var(--text, #111);border-radius:10px;padding:0 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.invoices-page-list-item-accent,.invoices-page-card-accent-fade{background:transparent!important;opacity:0!important}.invoices-page-list-action-btn:hover{border-color:var(--blue-blue, #0f83e9);color:var(--blue-blue, #0f83e9)}@media (max-width: 900px){.invoices-page-list-actions{margin-left:0}}@media (max-width: 768px){.invoices-page .inventory-page-item-card{width:calc(50% - 10px);min-width:0}.invoices-page-card{min-height:176px}.invoices-page-card-content{min-height:152px}.invoices-page-card-preview-container{width:100px}.invoices-page-card-preview-overlay{transform:scale(.97) rotate(-8deg) translate(-20px) translateY(-18px)}}@media (max-width: 600px){.invoices-page .inventory-page-item-card{width:100%}.invoices-page-card{min-height:170px}.invoices-page-card-content{min-height:148px}.invoices-page-card-preview-container{width:84px}.invoices-page-card-preview-overlay{transform:scale(.97) rotate(-8deg) translate(-20px) translateY(-22px)}.invoices-page-card-client-name{max-width:120px;font-size:12px}.invoices-page-card-open-btn{font-size:11px}.invoices-page-list-item{align-items:flex-start}.invoices-page-list-actions{width:100%;justify-content:space-between}}.terminal-layout{display:flex;width:100vw;height:calc(100vh - env(safe-area-inset-bottom));background:var(--main-background);color:var(--text);font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);overflow:hidden;padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.terminal-main{flex:1;display:flex;flex-direction:column;padding:24px;gap:20px;background:var(--background)}.terminal-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.terminal-top-title h1{margin:0;font-size:28px}.terminal-top-title span{display:block;font-size:14px;color:var(--sub-text)}.terminal-top-actions{display:flex;gap:10px;align-items:center}.terminal-primary-button,.terminal-outline-button{border-radius:20px;padding:18px 16px!important;font-size:15px!important;height:auto!important;font-weight:600!important;cursor:pointer!important;background:var(--blue-blue)!important;align-items:center!important;text-align:center!important;justify-self:center!important;display:flex!important;justify-content:center!important;border:none!important;transition:transform .15s ease!important;will-change:transform!important;color:#fff!important}.terminal-primary-button.secondary{background:#1d1f25;color:#fff}.terminal-primary-button.tertiary{background:var(--red-red);color:#fff}.terminal-primary-button.exit{background:var(--gray3);color:var(--contrast1)}.terminal-outline-button{background:var(--background)!important;border:1px solid var(--gray2)!important;color:var(--text)!important;padding:14px 16px!important;font-size:15px!important;font-weight:600!important;border-radius:20px!important;text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important;cursor:pointer!important}.terminal-outline-button:hover,.terminal-primary-button:hover{transform:translateY(-1px)}.terminal-content{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;height:calc(100% - 64px);min-height:0}.terminal-grid-area{display:flex;flex-direction:column;gap:16px;min-height:0}.terminal-grid-container{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.terminal-grid-container.terminal-grid-scrollable .terminal-grid-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch}.terminal-grid-container.terminal-grid-scrollable .terminal-grid{height:auto}.terminal-grid-categories{display:flex;gap:8px;flex-wrap:wrap}.terminal-chip{border:1px solid var(--gray2);background:var(--best-gray);border-radius:18px;font-size:13px;padding:6px 14px;cursor:pointer;color:var(--sub-text)}.terminal-chip.active{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.terminal-grid-wrapper{flex:1;min-height:0;border-radius:24px;background:var(--best-gray);border:1px solid var(--gray2);padding:5px;position:relative;overflow:hidden}.terminal-grid-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--sub-text);text-align:center}.terminal-spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(15,131,233,.2);border-top-color:var(--blue-blue);animation:terminal-spin 1s linear infinite}@keyframes terminal-spin{to{transform:rotate(360deg)}}.terminal-grid{display:grid;gap:10px;height:100%;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;align-items:start;grid-auto-rows:max-content}.terminal-grid-item{border:none;border-radius:20px;background:var(--background);padding:5px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #00000005;color:inherit;align-self:start}.terminal-grid-item-image{width:100%;aspect-ratio:1 / 1;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.terminal-grid-item-image.preview{position:relative;padding:0}.terminal-grid-item-image img{width:100%;height:100%;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-grid-item-placeholder{font-size:28px;color:var(--sub-text)}.terminal-grid-item-preview-stack{position:relative;width:100%;height:100%}.terminal-grid-item-preview-slot{position:absolute;top:50%;left:50%;width:72%;height:72%;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;transition:transform .12s ease}.terminal-grid-item-preview-slot img{width:100%;height:100%;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-grid-item-preview-slot.placeholder{font-size:22px;font-weight:700;color:var(--text);background:rgba(0,0,0,.03)}.terminal-grid-item-name{font-weight:600;font-size:15px;text-align:center}.terminal-grid-item-price{font-size:14px;color:var(--sub-text)}.terminal-grid-item,.terminal-grid-item *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.terminal-grid-item img{-webkit-user-drag:none}.terminal-quick-actions{display:flex;gap:12px;align-items:center}.terminal-quick-button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;border-radius:12px;padding:10px 14px;background:var(--main-background);cursor:pointer;font-size:12px;color:var(--sub-text);margin-bottom:max(20px,env(safe-area-inset-bottom));left:10px;border:1px solid var(--gray2);transition:transform .2s ease;will-change:transform}.terminal-quick-button:hover{transform:translateY(-2px)}.terminal-quick-button-badge{position:absolute;top:-4px;right:-4px;background:var(--blue-blue);color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:600}.terminal-quick-button svg{width:14px!important;height:14px!important}.terminal-quick-button-label{font-size:13px;font-weight:600}.terminal-quick-badge{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sub-text)}.terminal-quick-badge span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:var(--blue-blue);color:#fff;font-size:12px}.terminal-checkout{height:100%!important;overflow-y:auto!important;border-radius:24px!important;background:var(--best-gray)!important;border:1px solid var(--gray2)!important;padding:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:12px!important}.terminal-checkout.expanded{width:100%}.terminal-checkout-header{display:flex;justify-content:space-between;align-items:center}.terminal-checkout-header h2{margin:0}.terminal-checkout-subtitle{font-size:13px;color:var(--sub-text)}.terminal-custom-charge-dialog{display:flex!important;flex-direction:column!important}.terminal-custom-charge{flex:1}.terminal-custom-charge label{display:block;font-size:13px;margin-bottom:6px}.terminal-custom-charge-input{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-radius:16px!important;background:var(--best-gray)!important;border:1px solid var(--gray2)!important;font-size:16px!important}.terminal-custom-charge-input input{flex:1!important;border:none!important;background:transparent!important;font-size:16px!important;color:inherit!important;outline:none!important}.terminal-custom-charge-text-input{width:100%!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid var(--gray2)!important;background:var(--best-gray)!important;font-size:14px!important;color:var(--text)!important;outline:none!important;font-family:inherit!important}.terminal-custom-charge-text-input::placeholder{color:var(--sub-text)!important}.terminal-custom-charge-text-input:focus{border-color:var(--blue-blue)!important;background:var(--background)!important}.terminal-helper-copy{font-size:12px;color:var(--sub-text);margin:6px 0 0}.terminal-icon-button{border-radius:50%;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--gray2);background:var(--best-gray);cursor:pointer;font-size:16px;line-height:1}.terminal-checkout-items{display:flex;flex-direction:column;gap:10px}.terminal-checkout-empty{padding:40px 10px;text-align:center;color:var(--sub-text);background:var(--background);border-radius:16px;border:1px dashed var(--gray3)}.terminal-checkout-item{position:relative;background:var(--background);border-radius:18px;overflow:hidden}.terminal-checkout-item.flash{animation:terminal-cart-flash .6s ease}@keyframes terminal-cart-flash{0%,to{background:var(--background)}50%{background:var(--blue-blue)}}.terminal-checkout-item-remove-bg{position:absolute;top:0;right:0;bottom:0;width:140px;background:var(--red-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;pointer-events:none}.terminal-checkout-item-body{display:grid;grid-template-columns:56px 1fr auto 30px;gap:12px;align-items:center;padding:10px 14px;background:var(--background);border-radius:18px;touch-action:pan-y;will-change:transform}.terminal-checkout-item-thumbnail{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--gray1);display:flex;align-items:center;justify-content:center}.terminal-checkout-item-thumbnail img{width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-checkout-item-placeholder{font-size:20px;color:var(--sub-text)}.terminal-checkout-item-details{display:flex;flex-direction:column;gap:4px}.terminal-checkout-item-name{font-weight:600}.terminal-checkout-item-price{font-size:13px;color:var(--sub-text)}.terminal-checkout-item-quantity{display:flex;align-items:center;gap:10px;font-size:16px}.terminal-quantity-button{width:30px;height:30px;border-radius:8px;border:1px solid var(--gray2);background:var(--best-gray);cursor:pointer;font-size:18px;line-height:0}.terminal-item-remove{width:30px;height:30px;border-radius:50%;border:none;background:var(--gray2);cursor:pointer;font-size:16px;margin-bottom:2px}.terminal-checkout-summary{background:var(--background);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}.terminal-summary-row{display:flex;justify-content:space-between;font-size:14px}.terminal-summary-row.total{font-size:18px;font-weight:600}.terminal-checkout-giveback{background:var(--background);border:2px solid var(--gray2);border-radius:20px;padding:16px;text-align:center;position:relative}.terminal-checkout-giveback.blue{background:var(--blue-blue);border-color:var(--gray2);color:#fff}.terminal-checkout-giveback .label{position:absolute;top:8px;left:0;right:0;opacity:.5;font-size:20px}.terminal-checkout-giveback .value{font-size:32px;font-weight:700}.terminal-collected,.terminal-remaining,.terminal-change{background:var(--background);border-radius:16px;padding:12px;text-align:center}.terminal-checkout-actions{display:flex;gap:10px}.terminal-ff-btn{height:80px;border-radius:20px;border:3px solid #ffffff;color:#fff;font-size:30px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;cursor:pointer;flex:1}.terminal-ff-btn.cash{background:#0F83E9}.terminal-ff-btn.card{background:var(--blue-blue)}.terminal-cart-buttons{display:flex;gap:10px}.terminal-denominations,.terminal-keypad{background:var(--background);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.terminal-denominations header,.terminal-keypad header{display:flex;justify-content:space-between;align-items:baseline}.terminal-denominations-hint{font-size:12px;color:var(--sub-text)}.terminal-denominations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.terminal-denomination{border-radius:16px;border:1px solid var(--gray2);background:var(--best-gray);padding:10px;text-align:center;cursor:pointer;font-size:14px;position:relative}.terminal-denomination-count{display:block;margin-top:4px;font-size:12px;color:var(--sub-text)}.terminal-keypad-display{display:flex;align-items:center;gap:8px;border:1px solid var(--gray2);border-radius:16px;padding:10px;font-size:18px;background:var(--best-gray)}.terminal-keypad-display input{flex:1!important;border:none!important;background:transparent!important;color:inherit!important;font-size:18px!important;outline:none!important}.terminal-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.terminal-keypad-grid button{display:flex;align-items:center;justify-content:center;border-radius:20px;border:2px solid var(--gray2);background:var(--best-gray);font-size:24px;cursor:pointer;min-height:56px;height:100%;padding:16px}.terminal-keypad-clear{grid-column:span 2;background:var(--gray2)}.terminal-keypad-enter{background:var(--blue-blue);color:#fff}.terminal-keypad-enter:disabled{background:var(--gray2);color:var(--sub-text);cursor:not-allowed}.terminal-drawer-overlay{position:fixed;top:max(0px,env(safe-area-inset-top));bottom:max(0px,env(safe-area-inset-bottom));left:max(0px,env(safe-area-inset-left));right:max(0px,env(safe-area-inset-right));background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:flex-end;padding:10px;z-index:1000}.terminal-drawer-overlay.left{justify-content:flex-start}.terminal-history{width:min(480px,100%);background:var(--background)!important;border-radius:28px!important;box-shadow:0 30px 80px #00000038!important;border:1px solid var(--gray2)!important}.terminal-history-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--sub-text)}.terminal-history-list{display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;padding:16px;margin:-16px}.terminal-history-loading-more{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:var(--sub-text)}.terminal-history-loading-more p{margin:0;font-size:14px}.terminal-history-end{display:flex;justify-content:center;padding:20px;color:var(--sub-text)}.terminal-history-end p{margin:0;font-size:14px;font-style:italic}.terminal-history-card{background:var(--best-gray);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--gray2);cursor:pointer;transition:all .2s ease}.terminal-history-card:hover{background:var(--gray2);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.terminal-history-card:active{transform:translateY(0)}.terminal-history-card header{display:flex;justify-content:space-between;align-items:center}.terminal-history-card header h3{margin:0;font-size:16px}.terminal-payment-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:14px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--gray2);color:var(--sub-text)}.terminal-payment-pill.terminal-cash{background:#0faf7e;color:#fff}.terminal-payment-pill.terminal-card{background:var(--blue-blue);color:#fff}.terminal-payment-pill.terminal-custom{background:var(--red-red);color:#fff}.terminal-history-date{font-size:12px;color:var(--sub-text)}.terminal-history-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--sub-text)}.terminal-history-items li{border-radius:12px;background:var(--background);padding:6px 10px}.terminal-history-refunded{align-self:flex-start;font-size:12px;color:var(--red-red);font-weight:600;display:flex;flex-direction:column;gap:4px}.terminal-history-refund-reason{font-size:11px;color:var(--sub-text);font-weight:400}.terminal-history-card-actions{display:flex;align-items:center;gap:12px}.terminal-history-refund-btn{background:transparent;border:none;color:var(--blue-blue);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.terminal-history-refund-btn:hover{background:var(--gray2);transform:scale(1.05)}.terminal-history-refund-btn:active{transform:scale(.95)}.terminal-history-queued-section{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--gray2)}.terminal-history-queued-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--yellow-yellow, #ffc107);color:var(--main-background);border-radius:12px;font-size:14px;font-weight:600;margin-bottom:12px}.terminal-history-card-queued{border:2px solid var(--yellow-yellow, #ffc107);background:var(--card);position:relative}.terminal-history-card-queued:hover{border-color:var(--yellow-yellow, #ffc107);background:var(--best-gray)}.terminal-payment-pill.terminal-queued{background:var(--yellow-yellow, #ffc107);color:var(--main-background)}.terminal-history-sync-btn{background:var(--blue-blue);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.terminal-history-sync-btn:hover:not(:disabled){background:var(--blue-dark, #0056b3);transform:scale(1.05)}.terminal-history-sync-btn:active:not(:disabled){transform:scale(.95)}.terminal-history-sync-btn:disabled{opacity:.6;cursor:not-allowed}.terminal-history-queued-notice{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--yellow-yellow, #ffc107);font-weight:500;padding:8px 12px;background:var(--background);border-radius:8px}.terminal-refund-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:terminal-refund-fade-in .2s ease}@keyframes terminal-refund-fade-in{0%{opacity:0}to{opacity:1}}.terminal-refund-modal{background:var(--background);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:terminal-refund-slide-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes terminal-refund-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.terminal-refund-modal-header{padding:20px 24px;border-bottom:1px solid var(--line-color);display:flex;justify-content:space-between;align-items:center}.terminal-refund-modal-header h2{margin:0;font-size:20px;color:var(--text);font-weight:600}.terminal-refund-modal-close{background:transparent;border:none;color:var(--text);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.terminal-refund-modal-close:hover{background:var(--gray2)}.terminal-refund-modal-content{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.terminal-refund-modal-payment-info{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;padding:16px;background:var(--gray1);border-radius:12px}.terminal-refund-modal-label{font-size:14px;color:var(--sub-text);font-weight:500;margin:0}.terminal-refund-modal-value{font-size:14px;color:var(--text);font-weight:600;margin:0}.terminal-refund-modal-type{text-transform:capitalize}.terminal-refund-modal-reasons{display:flex;flex-direction:column;gap:12px}.terminal-refund-modal-reason-btn{padding:14px 18px;background:var(--gray1);border:2px solid transparent;border-radius:10px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.terminal-refund-modal-reason-btn:hover{background:var(--gray2);border-color:var(--gray3)}.terminal-refund-modal-reason-selected{background:rgba(15,131,233,.1);border-color:var(--blue-blue);color:var(--blue-blue)}.terminal-refund-modal-custom{display:flex;flex-direction:column;gap:8px}.terminal-refund-modal-textarea{padding:12px 16px;background:var(--gray1);border:2px solid var(--line-color);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease;min-height:80px}.terminal-refund-modal-textarea:focus{outline:none;border-color:var(--blue-blue);background:var(--background)}.terminal-refund-modal-footer{padding:20px 24px;border-top:1px solid var(--line-color);display:flex;gap:12px;justify-content:flex-end}.terminal-refund-modal-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.terminal-refund-modal-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-refund-modal-btn-cancel{background:var(--gray2);color:var(--text)}.terminal-refund-modal-btn-cancel:hover:not(:disabled){background:var(--gray3)}.terminal-refund-modal-btn-confirm{background:var(--red-red);color:var(--primary-btn-text)}.terminal-refund-modal-btn-confirm:hover:not(:disabled){background:#c02929;transform:translateY(-1px)}.terminal-refund-modal-btn-confirm:active:not(:disabled){transform:translateY(0)}.terminal-settings-overlay{padding:5px}.terminal-settings-panel{height:calc(100% - 40px);background:var(--background);border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:20px;overflow:hidden;position:relative;box-shadow:0 30px 80px #00000038;animation:terminal-settings-in .22s cubic-bezier(.35,.8,.4,1)}@keyframes terminal-settings-in{0%{opacity:0;transform:translate(-24px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.terminal-settings-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.terminal-settings-header-copy h2{margin:0;font-size:26px}.terminal-settings-header-copy p{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.terminal-settings-eyebrow{display:inline-flex;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--sub-text);margin-bottom:2px}.terminal-settings-close{border-radius:50%;width:32px;height:32px;border:1px solid var(--gray2);background:var(--best-gray);font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.terminal-settings-scroll{flex:1;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:20px}.terminal-settings-card{background:var(--best-gray);border-radius:24px;border:1px solid var(--gray2);padding:15px;display:flex;flex-direction:column;gap:20px}.terminal-settings-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.terminal-receipt-flow{display:flex;flex-direction:column;flex:1;gap:20px}.terminal-receipt-layout{display:grid;grid-template-columns:1fr;gap:8px;height:100%}.terminal-receipt-layout:has(.terminal-receipt-visual:not([style*="display: none"])){grid-template-columns:1.1fr .9fr}.terminal-receipt-left{border-radius:20px;display:flex;gap:20px;overflow:visible;flex-direction:column}.terminal-receipt-visual{border-radius:10px;display:flex;gap:20px;overflow:hidden;flex-direction:column;touch-action:pan-y;overscroll-behavior:contain;flex:1;min-height:0}.terminal-receipt-visual[style*="display: none"]{display:none!important;margin:0!important}.terminal-receipt-header-text{text-align:center}.terminal-receipt-header-text h3{margin:0 0 8px;font-size:24px;color:var(--text)}.terminal-receipt-header-text p{margin:0;font-size:14px;color:var(--sub-text)}.terminal-receipt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;flex:1}.terminal-receipt-option{border-radius:20px;border:2px solid var(--gray2);background:var(--background);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 12px #0000000a}.terminal-receipt-option:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:var(--blue-blue)}.terminal-receipt-icon{width:80px;height:80px;border-radius:50%;background:var(--best-gray);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:24px}.terminal-receipt-label{font-size:30px;font-weight:600;color:var(--text)}.terminal-receipt-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px}.terminal-receipt-pane{display:flex;flex-direction:column;gap:0;height:100%;padding:0;background:var(--best-gray);border-radius:24px;border:1px solid var(--gray2)}.terminal-receipt-pane-title{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--text)}.terminal-receipt-form{display:flex;flex-direction:column;gap:3px}.terminal-receipt-form label{font-size:14px;font-weight:500;color:var(--text);margin-top:5px;display:block}.terminal-receipt-form input{border:1px solid var(--gray2);background:var(--background);color:var(--text);border-radius:16px;padding:16px 18px;font-size:16px;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease}.terminal-receipt-form input:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 3px #0f83e91a}.terminal-qr-box{width:160px;height:160px;aspect-ratio:1 / 1;background:var(--background);border:2px dashed var(--gray2);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:20px;margin:0 auto}.terminal-qr-inner{width:80%;height:80%;background:repeating-linear-gradient(45deg,var(--gray2),var(--gray2) 6px,transparent 6px,transparent 12px);border-radius:12px;color:var(--sub-text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.terminal-nfc-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;background:var(--background);border-radius:20px;border:1px solid var(--gray2)}.terminal-nfc-pulse{width:120px;height:120px;border-radius:50%;background:rgba(27,137,234,.15);position:relative;overflow:hidden;box-shadow:0 8px 24px #1b89ea26}.terminal-nfc-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--blue-blue);animation:terminal-nfc-pulse 1.6s ease infinite}@keyframes terminal-nfc-pulse{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.15);opacity:0}}.terminal-receipt-slot{width:100%;height:3px;border-radius:8px;background:var(--sub-text);box-shadow:inset 0 2px 4px #0000001a}.terminal-receipt-paper{width:100%!important;background:#fff;color:#111;border:1px solid var(--gray2);border-radius:12px;box-shadow:0 12px 32px #0000002e;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto!important;touch-action:pan-y;cursor:pointer}.terminal-receipt-paper.printing{animation:terminal-receipt-print 2s cubic-bezier(.2,.8,.2,1) forwards;width:100%}.terminal-receipt-paper.done{transform:translateY(0)}.terminal-receipt-paper--sliding-out{animation:terminal-receipt-slide-out 1.2s ease-in forwards!important}@keyframes terminal-receipt-slide-out{0%{transform:translateY(0)}to{transform:translateY(-120%)}}@keyframes terminal-receipt-print{0%{transform:translateY(-100%)}60%{transform:translateY(-20%)}to{transform:translateY(0)}}.terminal-receipt-paper-content{padding:20px 16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.terminal-receipt-header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.terminal-receipt-logo{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:2px solid #e9ecef}.terminal-receipt-logo-img{width:100%;height:100%;object-fit:contain}.terminal-receipt-company-name{font-size:16px;font-weight:700;color:#0000007f;text-align:center;letter-spacing:.5px}.terminal-receipt-line{font-size:14px;margin:8px 0;text-align:center}.terminal-receipt-line.title{font-weight:800;font-size:18px;margin-bottom:4px}.terminal-receipt-line.subtle{color:#666;font-size:13px}.terminal-receipt-items{display:flex;flex-direction:column;gap:6px;margin:8px 0 10px}.terminal-receipt-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;font-size:13px}.terminal-receipt-row.small{font-size:12px;color:var(--sub-text)}.terminal-receipt-row.total{font-weight:800;font-size:14px}.terminal-receipt-name{text-align:left}.terminal-receipt-qty,.terminal-receipt-price{text-align:right}.terminal-receipt-divider{height:1px;background:var(--gray2);opacity:.7;margin:8px 0}.terminal-receipt-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--sub-text);margin-top:8px}.terminal-receipt-instruction{font-size:11px;color:var(--sub-text);text-align:center;margin-top:8px;opacity:.8}.terminal-receipt-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center;gap:20px}.terminal-receipt-success-icon{color:#18a957}.terminal-receipt-complete h3{margin:0;font-size:26px;color:var(--text)}.terminal-receipt-complete p{margin:0;font-size:14px;color:var(--sub-text);max-width:280px}.terminal-receipt-complete .terminal-primary-button{min-width:180px;padding:12px 24px}.terminal-receipt-stack{margin-top:10px;position:relative;height:160px;border-radius:24px;border:2px solid var(--gray2);background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.terminal-receipt-stack--ready{background:transparent;color:#fff}.terminal-receipt-stack:not(.terminal-receipt-stack--ready) .terminal-receipt-back,.terminal-receipt-stack:not(.terminal-receipt-stack--ready) .terminal-receipt-send{display:none}.terminal-receipt-stack.terminal-receipt-stack--ready .terminal-receipt-close{display:none}.terminal-receipt-stack-label{position:absolute;top:14px;width:100%;text-align:center;opacity:.6;font-size:18px}.terminal-receipt-stack-center{display:flex;flex-direction:row;justify-content:space-around;align-content:center;flex-wrap:wrap;height:100%;width:100%;gap:20px}.terminal-receipt-close{width:100%;height:100%;border-radius:24px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:18px;cursor:pointer;background:var(--background);color:var(--text)}.terminal-receipt-big-actions{display:flex;gap:12px;margin-top:8px}.terminal-receipt-back,.terminal-receipt-send{flex:1;height:90%;margin:10px;border-radius:24px;border:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;cursor:pointer}.terminal-receipt-back{background:var(--main-background);color:var(--text)}.terminal-receipt-send{background:var(--blue-blue);color:#fff}.terminal-quick-select{position:fixed;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,80px);gap:8px;padding:10px;background:var(--background);border:1px solid var(--gray2);border-radius:14px;box-shadow:0 14px 38px #0000003d}.terminal-quick-select-btn{width:80px;height:80px;border-radius:12px;border:1px solid var(--gray2);background:var(--best-gray);font-weight:700;font-size:29px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.terminal-settings-card-header h3{margin:0;font-size:20px}.terminal-settings-card-header p{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.terminal-settings-kicker{display:inline-flex;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub-text);margin-bottom:6px}.terminal-settings-pill{justify-content:center;align-self:flex-start;border-radius:999px;padding:6px 14px;background:var(--background);border:1px solid var(--gray2);font-size:13px;color:var(--text)}.terminal-settings-slider{display:flex;flex-direction:column;gap:12px}.terminal-settings-slider-input{width:100%;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue-blue),var(--gray2));cursor:pointer}.terminal-settings-slider-input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue-blue);box-shadow:0 6px 16px #0f83e940}.terminal-settings-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--blue-blue);box-shadow:0 6px 16px #0f83e940}.terminal-settings-slider-ticks{display:flex;justify-content:center;gap:6px}.terminal-settings-slider-tick{justify-content:center;flex:1;min-width:0;border-radius:14px;border:1px solid var(--gray2);background:var(--background);color:var(--sub-text);padding:6px 0;font-size:13px;cursor:pointer;transition:all .15s ease}.terminal-settings-slider-tick.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);box-shadow:0 10px 22px #0f83e940}.terminal-settings-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.terminal-settings-switch{position:relative;width:46px;height:26px}.terminal-settings-switch input{opacity:0;width:0;height:0}.terminal-settings-switch-track{position:absolute;inset:0;background:var(--gray2);border-radius:999px;transition:background .18s ease}.terminal-settings-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s ease;box-shadow:0 4px 8px #00000029}.terminal-settings-switch input:checked+.terminal-settings-switch-track{background:var(--blue-blue)}.terminal-settings-switch input:checked+.terminal-settings-switch-track:after{transform:translate(20px)}.terminal-settings-icon-box{width:64px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:20px;box-shadow:0 2px 33px #0000000d,0 2px 5px #0000000d;color:var(--text);flex-shrink:0}.terminal-settings-toggle-group{display:flex;flex-direction:column;gap:12px}.terminal-settings-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.terminal-settings-chip{background:var(--background);border-radius:18px;border:1px solid var(--gray2);padding:14px;display:flex;flex-direction:column;gap:6px}.terminal-settings-chip.success{border-color:#0f83e959;box-shadow:0 12px 28px #0f83e926}.terminal-settings-chip-title{font-weight:600;font-size:14px}.terminal-settings-chip-meta{font-size:12px;color:var(--sub-text);word-break:break-all}.terminal-settings-chip-status{font-size:12px;font-weight:600;color:var(--sub-text)}.terminal-settings-chip-status.online,.terminal-settings-chip.success .terminal-settings-chip-status{color:#18a957}.terminal-settings-chips{display:flex;flex-wrap:wrap;gap:8px}.terminal-settings-chip-button{border-radius:18px;border:1px solid var(--gray2);background:var(--background);padding:6px 14px;font-size:13px;color:var(--sub-text);cursor:pointer}.terminal-settings-chip-button.active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.terminal-settings-meta{display:flex;flex-direction:column;gap:12px;font-size:14px}.terminal-settings-meta dl{margin:0;display:grid;grid-template-columns:110px 1fr;gap:6px}.terminal-settings-meta dt{color:var(--sub-text)}.terminal-settings-meta-copy{margin:0;color:var(--sub-text)}.terminal-settings-empty{border-radius:18px;border:1px dashed var(--gray2);background:var(--background);padding:20px;text-align:center;color:var(--sub-text);font-size:14px}.terminal-settings-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.terminal-settings-menu{border-radius:18px;border:1px solid var(--gray2);background:var(--background);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.terminal-settings-menu-copy{display:flex;flex-direction:column;gap:4px;text-align:left}.terminal-settings-menu strong{display:block;font-size:15px}.terminal-settings-menu span{font-size:12px;color:var(--sub-text)}.terminal-settings-menu-status{font-size:13px;color:var(--blue-blue);font-weight:600}.terminal-settings-menu.active{border-color:var(--blue-blue);box-shadow:0 16px 32px #0f83e933;cursor:default}.terminal-settings-menu.active .terminal-settings-menu-status{color:#18a957}.terminal-settings-menu:disabled{opacity:.6;cursor:not-allowed}.terminal-settings-menu:disabled .terminal-settings-menu-status{color:var(--sub-text)}@media (max-width: 1200px){.terminal-content{grid-template-columns:1fr;height:auto}.terminal-checkout{height:auto;max-height:80vh}}.terminal-dial-overlay{position:fixed;inset:0;pointer-events:auto;z-index:2000;touch-action:none}.terminal-dial-overlay,.terminal-dial-overlay *{-webkit-user-select:none;user-select:none}.terminal-drawer{width:min(420px,100%)!important;height:calc(100% - 45px)!important;background:var(--background)!important;border-radius:24px!important;padding:24px!important;padding-top:max(24px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;padding-left:max(24px,env(safe-area-inset-left))!important;padding-right:max(24px,env(safe-area-inset-right))!important;display:flex!important;flex-direction:column!important;gap:18px!important;overflow-y:auto!important;box-shadow:0 20px 60px #0003!important}.terminal-drawer-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.terminal-drawer-header h2{margin:0;font-size:24px}.terminal-drawer-header p{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.terminal-dial{position:absolute;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.08),rgba(0,0,0,.02));border:1px solid var(--gray2);box-shadow:0 10px 30px #0003,inset 0 0 0 10px #ffffff0f}.terminal-dial-tick{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gray3);transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000026}.terminal-dial-tick-active{width:12px;height:12px;background:var(--blue-blue);box-shadow:0 0 0 6px #0f83e92e,0 4px 10px #0000002e}.terminal-dial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:var(--background);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--gray2);box-shadow:0 8px 24px #00000040}.terminal-dial-value{font-size:28px;font-weight:800;line-height:1}.terminal-dial-hint{font-size:11px;color:var(--sub-text)}.terminal-dial-hint2{font-size:10px;color:var(--sub-text);opacity:.8}.terminal-settings-home-card-wrap{padding:0}.terminal-settings-home-card{display:block;width:96%;border:none;padding:0;text-align:left;cursor:pointer}.terminal-settings-home-material{width:100%;display:flex;align-items:center;gap:12px;background-color:var(--best-gray);border-radius:20px;padding:8px}.terminal-settings-home-icon-wrap{width:64px;height:69px;min-width:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background-color:var(--background, #ffffff);box-shadow:0 2px 33px #00000008}.terminal-settings-home-icon{color:var(--text-color, #111827);width:24px;height:24px}.terminal-settings-home-copy{display:flex;flex-direction:column;justify-content:center}.terminal-settings-home-title{font-size:20px;color:var(--text-color, #111827);font-weight:600}.terminal-settings-home-sub{font-size:12px;color:var(--sub-text, #6b7280)}.terminal-settings-home-card:focus{outline:3px solid rgba(27,137,234,.15);outline-offset:2px;border-radius:20px}@media (max-width: 768px){*{box-sizing:border-box}.terminal-drawer-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;margin:0!important;z-index:1000!important;width:100%!important;height:100%!important;border:none!important}.terminal-drawer-overlay.left{justify-content:flex-start!important}.terminal-drawer{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;background:var(--background)!important;border-radius:0!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;z-index:1000!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important}.terminal-drawer-header{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left))!important;flex-shrink:0}.terminal-settings-panel{position:fixed!important;inset:0!important;height:100%!important;width:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;border:none!important;padding:0!important;margin:0!important;animation:none!important;z-index:1001!important;overflow-y:auto!important;overflow-x:hidden!important}.terminal-settings-overlay{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;z-index:1001!important}.terminal-settings-header{flex-shrink:0;z-index:10;margin-bottom:0;background:var(--background);padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left))!important}.terminal-settings-close{flex-shrink:0}.terminal-history{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;background:var(--background)!important;border-radius:0!important;border:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important}.terminal-history-list{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important}.terminal-settings-scroll{padding:0 max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important;margin:0!important}.terminal-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0;border-bottom:1px solid var(--gray2);padding:16px 0}.terminal-drawer-header div{flex:1}.terminal-drawer-header h2{margin:0;font-size:20px}.terminal-drawer-header p{display:none}.terminal-icon-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--gray2);background:var(--best-gray);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.terminal-history-list{padding-bottom:24px}.terminal-settings-scroll{padding-right:0!important}}.terminal-receipt-paper--sliding-out{animation:slideUpAndFade 1.5s ease-out forwards}@keyframes slideUpAndFade{0%{transform:translateY(0);opacity:1}70%{opacity:1}to{transform:translateY(-100%);opacity:0}}.terminal-nfc-waiting{text-align:center;padding:32px 20px}.terminal-nfc-pulse-container{position:relative;width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.terminal-nfc-pulse-wave{position:absolute;width:100%;height:100%;border:3px solid var(--blue-blue);border-radius:50%;animation:nfc-pulse 2s ease-out infinite;opacity:0}@keyframes nfc-pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.terminal-nfc-icon{font-size:48px;z-index:1}.terminal-nfc-waiting h4{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.terminal-nfc-countdown{display:flex;justify-content:center;margin-top:20px}.terminal-nfc-countdown-ring{position:relative;width:100px;height:100px}.terminal-nfc-countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:var(--text-primary)}.terminal-nfc-success{text-align:center;padding:40px 20px}.terminal-nfc-success-icon{font-size:64px;margin-bottom:16px;animation:success-pop .5s ease-out}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.terminal-nfc-success h4{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--success-color)}.terminal-nfc-success p{font-size:16px;color:var(--sub-text);margin:0}.terminal-nfc-sending{text-align:center;padding:40px 20px}.terminal-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.terminal-modal-content{background:var(--main-background);border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0000004d}.terminal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.terminal-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.terminal-modal-close{background:none;border:none;font-size:28px;color:var(--sub-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.terminal-modal-close:hover{background:var(--hover-background);color:var(--text-primary)}.terminal-modal-body{padding:24px}.terminal-modal-body p{margin:0 0 16px;color:var(--sub-text);line-height:1.5}.terminal-nfc-write-button{background:var(--blue-blue);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.terminal-nfc-write-button:hover{opacity:.9;transform:translateY(-2px)}.terminal-nfc-write-button:active{transform:translateY(0)}.terminal-phone-keypad-btn{padding:20px!important;font-size:16px!important;font-weight:700!important;border-radius:12px!important;border:2px solid var(--border-color)!important;background:var(--background)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all .2s!important;display:flex!important;align-items:center!important;justify-content:center!important}.terminal-sellable-type-scroll{overflow-x:visible;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:10px}.terminal-sellable-type-scroll::-webkit-scrollbar{display:none}.terminal-sellable-type-pills{display:flex;gap:8px;padding:0 0 10px;min-width:min-content;overflow:visible!important}.terminal-sellable-type-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:100px;border:none;font-family:var(--font-arial-rounded-mt);font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease;background-color:var(--main-background)!important;box-shadow:0 4px 100px var(--shadow)!important;outline:2px solid var(--gray1)!important;color:var(--gray4, #9CA3AF)}.terminal-sellable-type-pill-icon{width:20px;height:20px;flex-shrink:0;opacity:.7;transition:opacity .2s ease;color:currentColor}.terminal-sellable-type-pill--active{background:var(--background, #ffffff);color:var(--text, #111827);box-shadow:0 2px 33px var(--shadow, rgba(0, 0, 0, .12)),0 2px 5px var(--shadow, rgba(0, 0, 0, .05))}.terminal-sellable-type-pill--active .terminal-sellable-type-pill-icon{opacity:1}.terminal-sellable-type-pill svg{flex-shrink:0}.terminal-grid-wrapper.terminal-event-layout-overlay{position:absolute;inset:0;background:var(--background, #f9fafb);z-index:100;display:flex;flex-direction:column;padding:20px;border:none;box-shadow:none}.terminal-event-layout-view{position:absolute;inset:0;display:flex;flex-direction:column}.terminal-event-layout-header{background:var(--main-background, #ffffff);box-shadow:0 4px 100px var(--shadow, rgba(15, 23, 42, .1));outline:2px solid var(--gray1, #f3f4f6);border-radius:15px;padding:8px;position:absolute;left:10px;right:10px;top:10px;z-index:2;max-width:640px;margin:0 auto;z-index:99}.terminal-event-layout-header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.terminal-event-layout-back{flex-shrink:0}.terminal-event-layout-header-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:right}.terminal-event-layout-header-details h3{margin:0;font-size:20px;color:var(--text, #111827)}.terminal-event-layout-header-details p{margin:0;font-size:14px;color:var(--sub-text, #6b7280)}.terminal-event-layout-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--sub-text, #6b7280)}.terminal-event-layout-image,.terminal-event-layout-image-placeholder{width:48px;height:64px;border-radius:12px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text, #111827);background:var(--gray1, #f3f4f6);flex-shrink:0}.terminal-event-layout-image-placeholder{text-transform:uppercase}.terminal-event-layout-canvas{position:absolute;height:100%;width:96%}.terminal-event-layout-canvas-inner{width:100%;height:100%;border-radius:24px;background:var(--best-gray, #f8fafc);border:1px solid var(--gray2, #e5e7eb);overflow:hidden}.terminal-event-layout-empty{flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--gray2, #e5e7eb);border-radius:24px;color:var(--sub-text, #6b7280);font-size:16px}.terminal-event-selection-bar{position:absolute;left:0;right:0;bottom:0;padding:0 16px calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.terminal-event-selection-shell{width:min(720px,100%);background:var(--background, #ffffff);border-radius:24px;padding:14px;box-shadow:0 25px 80px #0f172a24;border:1px solid var(--gray1, #f3f4f6);pointer-events:auto;max-height:min(80vh,900px);overflow-y:auto;z-index:99}.terminal-event-selection-handle{width:120px;height:5px;border-radius:999px;background:var(--gray1, #f3f4f6);margin:0 auto 14px}@media (max-width: 768px){.terminal-event-layout-header{left:5px;right:5px;top:5px}.terminal-event-selection-bar{padding-left:8px;padding-right:8px}.terminal-event-layout-canvas{inset:90px 8px 180px}}.terminal-event-selection-panel{margin-top:0;padding:0;border-radius:16px;background:transparent;display:flex;flex-direction:column;gap:12px}.terminal-event-selection-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.terminal-event-selection-count{font-weight:600;color:var(--text, #111827)}.terminal-event-selection-error{font-size:13px;color:var(--red-red, #f87171)}.terminal-event-selection-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}.terminal-event-selection-empty{font-size:14px;color:var(--sub-text, #6b7280)}.terminal-event-selection-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:none;background:var(--best-gray, #ffffff);color:var(--text, #111827);font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0f172a14}.terminal-event-selection-chip svg{font-size:12px}.terminal-event-selection-actions{display:flex;justify-content:flex-end;gap:10px}.terminal-event-selection-price{font-size:14px;font-weight:600;color:var(--sub-text, #6b7280);display:inline-flex;align-items:center}.terminal-event-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.terminal-event-step{border-radius:16px;border:1px solid var(--gray2, #e5e7eb);background:var(--background, #ffffff);color:var(--sub-text, #6b7280);display:flex;align-items:center;gap:10px;padding:5px;font-weight:600;justify-self:center}.terminal-event-step:disabled{opacity:.6}.terminal-event-step span{width:28px;height:28px;border-radius:10px;background:var(--gray1, #f3f4f6);display:inline-flex;align-items:center;justify-content:center;font-size:13px}.terminal-event-step-active{border-color:var(--blue-blue, #0F83E9);color:var(--blue-blue, #0F83E9)}.terminal-event-step-active span{background:rgba(15,131,233,.14);color:var(--blue-blue, #0F83E9)}.terminal-event-inline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.terminal-event-inline-form{border:1px solid var(--gray2, #e5e7eb);border-radius:20px;background:var(--background, #ffffff);padding:24px;display:flex;flex-direction:column;gap:20px}.terminal-event-inline-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.terminal-event-inline-header h4{margin:0;font-size:18px;color:var(--text, #111827)}.terminal-event-inline-header p{margin:4px 0 0;font-size:14px;color:var(--sub-text, #6b7280)}.terminal-event-inline-summary{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text, #111827)}.terminal-event-inline-grid{display:grid;gap:16px}.terminal-event-seat-card{border:1px solid var(--gray2, #e5e7eb);border-radius:18px;padding:16px;background:var(--gray1, #f9fafb);display:flex;flex-direction:column;gap:14px}.terminal-event-seat-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.terminal-event-seat-card-header p{margin:0;font-weight:600;color:var(--text, #111827)}.terminal-event-seat-card-header span{font-size:13px;color:var(--sub-text, #6b7280)}.terminal-icon-button{width:36px;height:36px;border-radius:12px;border:1px solid var(--gray2, #e5e7eb);background:var(--background, #ffffff);color:var(--sub-text, #6b7280);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.terminal-icon-button:hover{color:var(--red-red, #f87171);border-color:var(--red-red, #f87171)}.terminal-event-form-group{display:flex;flex-direction:column;gap:6px;flex:1}.terminal-event-form-group label{font-size:13px;font-weight:600;color:var(--sub-text, #6b7280)}.terminal-event-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--gray2, #e5e7eb);background:var(--background, #ffffff);color:var(--text, #111827)}.terminal-event-input input{border:none!important;background:transparent!important;color:inherit!important;flex:1;font-size:14px!important;outline:none!important}.terminal-event-form-row{display:flex;flex-wrap:wrap;gap:12px}.terminal-event-form-row .terminal-event-form-group{min-width:180px}.terminal-event-form-group-error .terminal-event-input,.terminal-event-input-invalid{border-color:var(--red-red, #f87171)}.terminal-event-input-error{font-size:12px;color:var(--red-red, #f87171)}.terminal-event-seat-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.terminal-inline-link{border:none;background:none;color:var(--blue-blue, #0F83E9);font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.terminal-event-inline-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}@media (max-width: 1024px){.terminal-event-inline-grid{grid-template-columns:1fr}}.terminal-event-reservations-panel{border:1px dashed var(--gray2, #e5e7eb);border-radius:16px;padding:12px 16px;background:rgba(15,131,233,.04);margin-bottom:12px}.terminal-event-reservations-header{font-size:13px;font-weight:600;color:var(--blue-blue, #0F83E9);margin-bottom:8px}.terminal-event-reservations-list{display:flex;flex-wrap:wrap;gap:8px}.terminal-event-reservation-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--background, #ffffff);border:1px solid rgba(15,131,233,.24);font-size:13px;color:var(--text, #111827)}.terminal-event-reservation-timer{font-weight:600;color:var(--blue-blue, #0F83E9)}.terminal-grid-item-variants{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.terminal-variant-pill{display:inline-block;padding:2px 8px;background:var(--best-gray);color:var(--text);border:1px solid var(--sub-text);border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.terminal-layout.terminal-demo-mode{box-shadow:inset 0 0 0 8px var(--orange, #F97316);border-radius:20px}.terminal-demo-pill{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;background:var(--orange, #F97316);color:#fff;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 4px 20px #f9731666;z-index:9999;animation:terminal-demo-pill-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes terminal-demo-pill-bounce{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.terminal-demo-pill-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;font-size:12px}.terminal-demo-pill-text{letter-spacing:.5px}.terminal-demo-pill-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;transition:background .15s ease;margin-left:4px}.terminal-demo-pill-close:hover{background:rgba(255,255,255,.35)}.terminal-demo-card-panel{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--background);border-radius:20px;border:2px dashed var(--orange, #F97316)}.terminal-demo-card-header{display:flex;align-items:center;gap:12px}.terminal-demo-card-icon{width:48px;height:48px;background:var(--orange, #F97316);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.terminal-demo-card-title{flex:1}.terminal-demo-card-title h4{margin:0;font-size:16px;color:var(--text)}.terminal-demo-card-title p{margin:4px 0 0;font-size:13px;color:var(--sub-text)}.terminal-demo-card-actions{display:flex;gap:12px}.terminal-demo-card-btn{flex:1;padding:14px 20px;border-radius:14px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.terminal-demo-card-btn:hover{transform:translateY(-2px)}.terminal-demo-card-btn.success{background:var(--green, #10B981);color:#fff}.terminal-demo-card-btn.success:hover{box-shadow:0 4px 16px #10b98166}.terminal-demo-card-btn.failure{background:var(--red-red, #EF4444);color:#fff}.terminal-demo-card-btn.failure:hover{box-shadow:0 4px 16px #ef444466}.terminal-settings-demo-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--orange, #F97316);color:#fff;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.terminal-checkout-demo-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(249,115,22,.15);color:var(--orange, #F97316);border-radius:8px;font-size:12px;font-weight:600}.terminal-error-modal{background:var(--background);border-radius:24px;padding:32px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;box-shadow:0 20px 60px #00000040;animation:terminal-error-modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes terminal-error-modal-pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.terminal-error-modal-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.15) 100%);display:flex;align-items:center;justify-content:center;color:var(--red-red, #EF4444);animation:terminal-error-icon-shake .5s ease-in-out .2s}@keyframes terminal-error-icon-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.terminal-error-modal-title{margin:0;font-size:22px;font-weight:700;color:var(--text)}.terminal-error-modal-message{margin:0;font-size:15px;color:var(--sub-text);line-height:1.5;max-width:320px}.terminal-error-modal-button{margin-top:8px;padding:14px 48px;border-radius:16px;border:none;background:var(--red-red, #EF4444);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.terminal-error-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.terminal-error-modal-button:active{transform:translateY(0)}.terminal-grid-fit-mode .terminal-grid-wrapper{overflow:hidden}.terminal-grid-wrapper-fit{display:flex;align-items:flex-start;justify-content:stretch;width:100%}.terminal-grid-fit{display:grid;gap:10px;height:auto;width:100%;align-content:start}.terminal-grid-item-fit{padding:4px;gap:2px;justify-content:flex-start;height:100%;width:100%}.terminal-grid-item-fit .terminal-grid-item-image{border-radius:12px;flex-shrink:0}.terminal-grid-item-fit .terminal-grid-item-name{font-size:clamp(10px,1.2vw,14px);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.terminal-grid-item-fit .terminal-grid-item-price{font-size:clamp(9px,1vw,13px)}.terminal-grid-item-fit .terminal-grid-item-placeholder{font-size:clamp(16px,2vw,28px)}.terminal-grid-item-fit .terminal-grid-item-variants{gap:2px}.terminal-grid-item-fit .terminal-variant-pill{font-size:9px;padding:2px 4px}.terminal-right-panel{position:absolute;right:0;top:0;bottom:0;width:30%;min-width:380px;background:var(--background);display:flex;flex-direction:row;gap:14px;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom));transition:width .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px var(--shadow);border-top-left-radius:24px;border-bottom-left-radius:24px;z-index:100}.terminal-layout.android .terminal-right-panel{transition:none}.terminal-right-panel.expanded{width:80%}.terminal-cart-column{width:400px;min-width:320px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;height:100%;min-height:0}.terminal-cart-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:var(--best-gray);border:1px solid var(--gray2)}.terminal-cart-title{font-weight:700;font-size:18px}.terminal-cart-actions{display:flex;gap:8px}.terminal-small-button{width:36px;height:36px;border-radius:12px;border:1px solid var(--gray2);background:var(--background);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.terminal-cart-list-wrapper{flex:1;position:relative;min-height:0;display:flex;flex-direction:column}.terminal-cart-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;min-height:0;-webkit-overflow-scrolling:touch}.terminal-cart-scroll-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--blue-blue);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;pointer-events:auto;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:10;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.terminal-cart-scroll-indicator:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0003}.terminal-cart-scroll-indicator:active{transform:translate(-50%) translateY(0)}.terminal-cart-empty{text-align:center;color:var(--sub-text);padding:40px 20px;border-radius:16px;border:2px dashed var(--gray2);background:var(--best-gray)}.terminal-cart-row{position:relative;border-radius:18px;border:1px solid var(--gray2);background:var(--background);overflow:hidden;flex-shrink:0}.terminal-cart-row-remove-bg{position:absolute;top:0;left:0;bottom:0;width:140px;background:var(--red-red);border-radius:20px 0 0 20px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;pointer-events:none;z-index:0}.terminal-cart-row-body{display:grid;grid-template-columns:56px 1fr auto 36px;gap:12px;align-items:center;padding:10px 12px;border-radius:18px;background:var(--background);touch-action:pan-y;will-change:transform;position:relative;z-index:1}.terminal-cart-image{width:56px;height:56px;border-radius:16px;background:var(--gray1);position:relative}.terminal-cart-variant-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:#1d1f25;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--background);z-index:2;box-shadow:0 2px 4px #0003}.terminal-cart-image img{width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-cart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--sub-text)}.terminal-cart-details{display:flex;flex-direction:column;gap:3px}.terminal-cart-name{font-weight:600}.terminal-cart-price{font-size:12px;color:var(--sub-text)}.terminal-cart-qty{display:flex;align-items:center;gap:10px}.terminal-qty-btn{width:32px;height:32px;border-radius:16px;background:var(--background);border:1px solid var(--gray2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.terminal-qty-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--gray3, #d1d5db);background:var(--gray1, #f3f4f6)}.terminal-cart-count{font-weight:700}.terminal-item-remove{width:32px;border-radius:16px;border:none;background:var(--gray2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:2px}.terminal-cart-footer{display:flex;flex-direction:column;gap:6px;border-radius:16px;border:1px solid var(--gray2);background:var(--best-gray);padding:12px;flex-shrink:0}.terminal-cart-summary{display:flex;justify-content:space-between;font-size:14px}.terminal-cart-summary.total{font-size:28px;font-weight:700}.terminal-right-panel.expanded .terminal-cart-summary.total{font-size:36px}.terminal-cart-buttons{display:flex;flex-direction:row;gap:10px;flex-shrink:0}.terminal-cart-buttons-single .terminal-ff-btn{flex:1;width:100%}.terminal-right-panel.expanded .terminal-cart-buttons{display:none}.terminal-checkout-column{flex:1;display:flex;flex-direction:column;gap:12px;border-radius:20px;border:1px solid var(--gray2);background:var(--best-gray);padding:16px}.terminal-checkout-top{display:flex;align-items:center;gap:8px}.terminal-view-toggle{width:44px;height:44px;border-radius:14px;border:1px solid var(--gray2);background:var(--background);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.terminal-view-toggle.active{border-color:var(--blue-blue);color:var(--blue-blue)}.terminal-collected{margin-left:auto;font-size:26px;font-weight:700;display:flex;align-items:center;gap:12px}.terminal-eject-button{background:var(--background);border:2px solid var(--gray2);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:18px}.terminal-eject-button:hover{background:var(--gray1);border-color:var(--blue-blue);color:var(--blue-blue);transform:scale(1.05)}.terminal-eject-button:active{transform:scale(.95)}.terminal-tender-body{flex:1 1 0;display:flex;flex-direction:column;min-height:0}.ff-quickcash{display:flex;flex-direction:column;gap:10px;flex:1 1 0;min-height:0}.ff-cash-row{display:flex;gap:10px;flex:1 1 0;min-height:0}.ff-cash-tile,.ff-cash-column{flex:1 1 0;display:flex;min-width:0;min-height:0}.ff-cash-column{flex-direction:column;gap:10px;min-height:0}.ff-cash-column .ff-cash-tile{flex:1 1 0}.ff-cash-tile button{width:100%;height:100%;border:none;background:transparent;padding:0;cursor:pointer}.ff-cash-tile-inner{position:relative;width:100%;height:100%;border-radius:20px;border:2px solid var(--gray2);background:var(--background);overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-cash-tile-inner img{width:90%;height:90%;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-cash-stack{position:absolute;inset:0;pointer-events:none}.terminal-cash-slot{position:absolute;top:50%;left:50%;width:86%;height:86%;display:flex;align-items:center;justify-content:center}.ff-cash-tile-inner .terminal-cash-slot img{width:100%;height:100%;object-fit:contain}.ff-cash-tile-inner.terminal-quickcash-empty{opacity:.55}.ff-cash-count{position:absolute;font-weight:700;font-size:18px}.ff-count-top{top:10px;left:10px}.ff-count-bottom{bottom:10px;left:10px}.ff-cash-column{flex-direction:column;gap:10px}.terminal-manual-panel{display:flex;flex-direction:column;gap:12px;flex:1}.terminal-manual-panel .terminal-keypad-display{padding:12px;border-radius:18px;border:1px solid var(--gray2);background:var(--background)}.terminal-manual-panel .terminal-keypad-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;height:100%}.terminal-manual-panel .terminal-keypad-grid button{padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;height:100%;border-radius:20px;border:2px solid var(--gray2);background:var(--best-gray)}.terminal-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.terminal-suggestion{height:56px;border-radius:18px;border:2px solid var(--gray2);background:var(--background);display:flex;align-items:center;justify-content:center;font-weight:700}.terminal-suggestion.active{border-color:var(--blue-blue)}.terminal-checkout-actions{display:none}.terminal-card-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.terminal-card-actions{display:flex;gap:10px}.terminal-payment-success{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(145deg,rgba(16,185,129,.08) 0%,rgba(5,150,105,.12) 100%);border-radius:24px;border:2px solid rgba(16,185,129,.2);animation:terminal-success-fade-in .4s ease-out}@keyframes terminal-success-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.terminal-payment-success-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;animation:terminal-success-content-fade .5s ease-out .1s both}@keyframes terminal-success-content-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminal-payment-success-checkmark{width:100px;height:100px;background:linear-gradient(145deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #10b9814d;animation:terminal-checkmark-pop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes terminal-checkmark-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.terminal-checkmark{width:56px;height:56px;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10}.terminal-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#ffffff4d;fill:none;animation:terminal-stroke .6s cubic-bezier(.65,0,.45,1) .4s forwards}.terminal-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke-width:4;stroke:#fff;animation:terminal-stroke .4s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes terminal-stroke{to{stroke-dashoffset:0}}.terminal-payment-success-icon{font-size:80px;font-weight:700;color:#fff;line-height:1}.terminal-payment-success-text{font-size:24px;font-weight:700;color:#059669;letter-spacing:-.3px;animation:terminal-text-slide-up .5s ease-out .5s both}.terminal-payment-success-amount{font-size:42px;font-weight:800;color:var(--text);letter-spacing:-.5px;animation:terminal-text-slide-up .5s ease-out .6s both}@keyframes terminal-text-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.terminal-checkout-actions button{height:64px;border-radius:22px;font-size:18px}.ff-giveback-stack{margin-top:10px;position:relative;height:180px;border-radius:28px;border:2px solid var(--gray2);background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.ff-giveback-value{font-size:80px;font-weight:800}.terminal-ff-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:80px;font-size:24px;border-radius:20px;color:#fff;border:3px solid var(--best-gray)!important;cursor:pointer}.terminal-ff-btn.cash,.terminal-ff-btn.card{background:var(--blue-blue)}.terminal-ff-btn:disabled{opacity:.5;cursor:not-allowed}.ff-giveback-stack{margin-top:4px;position:relative;height:180px;border-radius:28px;border:2px solid var(--gray2);background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.ff-giveback-stack.ready{background:var(--blue-blue);color:#fff}.ff-giveback-label{position:absolute;top:16px;width:100%;text-align:center;opacity:.5;font-size:22px}.ff-giveback-value{font-size:50px;margin-top:30px!important;font-weight:800}.ff-giveback-left,.ff-giveback-right{position:absolute;top:50%;transform:translateY(-50%)}.ff-giveback-left{left:20px}.ff-giveback-right{right:20px}.ff-giveback-cancel,.ff-giveback-complete{width:120px;height:120px;border-radius:24px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:18px;cursor:pointer}.ff-giveback-cancel{background:var(--best-gray);color:var(--sub-text)}.ff-giveback-complete{background:#ffffff;color:var(--blue-blue);border:3px solid #ffffff}.ff-giveback-complete:disabled{opacity:.4;cursor:not-allowed;color:var(--sub-text)}.custom-charge{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:16px;border-width:2px!important}.terminal-manual-panel .terminal-keypad-grid button{min-height:60px;border-radius:18px;border:1px solid var(--gray2);background:var(--background);font-size:20px}.terminal-keypad-clear{grid-column:span 2}.terminal-keypad-enter{background:var(--blue-blue)!important;color:#fff}.terminal-keypad-enter:disabled{opacity:.4;cursor:not-allowed}.dark .terminal-payment-success{background:linear-gradient(145deg,rgba(16,185,129,.12) 0%,rgba(5,150,105,.18) 100%);border-color:#10b98140}.dark .terminal-payment-success-text{color:#34d399}.terminal-mobile{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;color:var(--text);font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);display:flex;flex-direction:column;padding:0;margin:0;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.terminal-mobile-grid-area{flex:1;display:flex;flex-direction:column;padding:8px;gap:10px;overflow:hidden;transition:opacity .15s ease;min-height:0}.terminal-mobile-top-bar{display:flex;flex-direction:column;gap:8px}.terminal-mobile-actions{display:flex;gap:5px;align-items:center}.terminal-mobile-action-btn{border-radius:20px;background:var(--best-gray);border:none;padding:8px;width:36px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:20px;cursor:pointer;position:relative}.terminal-mobile-action-badge .terminal-mobile-badge{position:absolute;top:-4px;right:-4px;background:var(--blue-blue);color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:600}.terminal-mobile-categories{display:flex;gap:5px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.terminal-mobile-category-chip{border-radius:20px;padding:7px 14px;background:var(--best-gray);border:none;color:var(--sub-text);font-size:15px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.terminal-mobile-category-chip.active{background:var(--blue-blue);color:#fff}.terminal-mobile-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;align-content:start}.terminal-mobile-grid-item{background:var(--gray1)!important;border:2px solid var(--gray2);border-radius:25px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;aspect-ratio:1 / 1;width:100%;min-height:0;-webkit-tap-highlight-color:transparent;outline:none}.terminal-mobile-item-image{flex:1;width:100%;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background);transition:transform .15s ease}.terminal-mobile-grid-item.clicked .terminal-mobile-item-image{animation:terminal-mobile-image-shrink .3s ease}@keyframes terminal-mobile-image-shrink{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.terminal-mobile-item-image img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-mobile-item-placeholder{font-size:28px;color:var(--sub-text);font-weight:700}.terminal-mobile-item-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.terminal-mobile-item-price{font-size:10px;color:var(--sub-text)}.terminal-mobile-checkout{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #00000026;height:auto;min-height:100px;max-height:35vh;transition:max-height .3s cubic-bezier(.35,.8,.4,1),box-shadow .3s ease;z-index:100;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.terminal-mobile-checkout:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--gray3);border-radius:2px}.terminal-mobile-checkout.expanded{max-height:85vh;cursor:default;box-shadow:0 -10px 30px #00000040}.terminal-mobile-checkout-content{flex:1;display:flex;flex-direction:column;padding:5px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.terminal-mobile-checkout-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 5px;min-height:50px;border-bottom:1px solid var(--gray2);margin-bottom:5px;background:var(--background);position:sticky;top:0;z-index:10}.terminal-mobile-checkout-header h2{margin:0;font-size:20px;flex:1;text-align:center;cursor:pointer}.terminal-mobile-custom-charge-btn,.terminal-mobile-clear-btn{border-radius:16px;padding:10px 12px;background:var(--best-gray)!important;box-shadow:none;border:1px solid var(--gray2)!important;color:var(--sub-text);font-size:15px;cursor:pointer;flex-shrink:0;transition:all .2s ease}.terminal-mobile-custom-charge-btn:active,.terminal-mobile-clear-btn:active{transform:scale(.95)}.terminal-mobile-cart-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px}.terminal-mobile-cart-grid:empty{display:none}.terminal-mobile-total-display{background:var(--best-gray);border-radius:16px;padding:8px 12px;margin:5px;display:flex;flex-direction:column;gap:3px}.terminal-mobile-total-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text);line-height:1.2}.terminal-mobile-total-row span:first-child{color:var(--sub-text)}.terminal-mobile-total-main{font-size:14px;font-weight:700;padding-top:4px;border-top:1px solid var(--gray2);margin-top:2px}.terminal-mobile-payment-buttons{display:flex;gap:10px;padding:5px;margin-bottom:10px}.terminal-mobile-payment-btn{flex:1;height:56px;border-radius:20px;border:3px solid #ffffff;color:#fff;font-size:16px;font-weight:600;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.terminal-mobile-payment-buttons-single .terminal-mobile-payment-btn{flex:1;width:100%}.terminal-mobile-payment-btn:active{transform:scale(.95)}.terminal-mobile-payment-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-mobile-payment-cash,.terminal-mobile-payment-card{background:var(--blue-blue)}.terminal-mobile-cart-item{position:relative;background:var(--gray1);border:1px solid var(--gray2);border-radius:12px;padding:1px;display:flex;flex-direction:column;cursor:pointer;aspect-ratio:1 / 1;max-height:80px;max-width:80px;user-select:none;-webkit-user-select:none}.terminal-mobile-cart-item.flash{animation:terminal-mobile-cart-flash .6s ease}@keyframes terminal-mobile-cart-flash{0%,to{background:var(--gray1);border-color:var(--gray2)}50%{background:var(--blue-blue);border-color:var(--blue-blue)}}.terminal-mobile-cart-item:active{transform:scale(.95)}.terminal-mobile-cart-item-image{flex:1;position:relative;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--background);min-height:50px}.terminal-mobile-cart-item-image img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-mobile-cart-item-info{position:absolute;bottom:0;left:0;right:0;background:var(--gray1);border-radius:6px;padding:0 1px;text-align:center;line-height:1}.terminal-mobile-cart-item-name{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;margin:0;padding:0}.terminal-mobile-cart-item-price{font-size:9px;color:var(--sub-text);line-height:1;margin:0;padding:0}.terminal-mobile-cart-item-badge{position:absolute;top:4px;right:4px;background:var(--text);color:var(--background);border-radius:8px;padding:1px 4px;font-size:10px;font-weight:600;min-width:16px;text-align:center;line-height:1}.terminal-mobile-cash-denoms{display:flex;flex-direction:column;gap:10px;padding:0 5px 10px}.terminal-mobile-denoms-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:5px}.terminal-mobile-toggle-btn{border-radius:16px;padding:8px 12px;background:var(--best-gray);border:1px solid var(--gray2);display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.terminal-mobile-toggle-btn:hover{background:var(--gray2)}.terminal-mobile-total-info{font-size:12px;color:var(--sub-text);margin-left:auto}.terminal-mobile-total-info strong{font-size:20px;color:var(--text)}.terminal-mobile-denoms-row{display:flex!important;gap:8px!important}.terminal-mobile-denom-btn{flex:1!important;position:relative!important;aspect-ratio:1 / .85!important;height:auto!important;max-height:85px!important;border-radius:16px!important;background:var(--best-gray)!important;border:2px solid var(--gray2)!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;cursor:pointer!important}.terminal-mobile-denom-btn:active{transform:scale(.95)}.terminal-mobile-denom-btn img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.terminal-mobile-denom-count{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600}.terminal-mobile-cash-stack{position:absolute;inset:0;pointer-events:none}.terminal-mobile-cash-slot{position:absolute;top:50%;left:50%;width:80%;height:80%;display:flex;align-items:center;justify-content:center}.terminal-mobile-cash-slot img{width:100%;height:100%;object-fit:contain}.terminal-mobile-calculator{display:flex;flex-direction:column;gap:10px;padding:0 5px 10px}.terminal-mobile-calc-display{display:flex;align-items:center;gap:8px;border:2px solid var(--gray2);border-radius:16px;padding:10px 12px;font-size:18px;background:var(--best-gray)}.terminal-mobile-calc-display input{flex:1;border:none;background:transparent;color:inherit;font-size:18px;outline:none;text-align:right}.terminal-mobile-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.terminal-mobile-calc-grid button{height:70px;border-radius:100px;border:2px solid var(--gray2);background:var(--background);font-size:30px;font-weight:600;cursor:pointer}.terminal-mobile-calc-grid button:active{transform:scale(.95)}.terminal-mobile-calc-enter{grid-column:span 3;background:var(--blue-blue)!important;color:#fff!important}.terminal-mobile-calc-enter:disabled{opacity:.5;cursor:not-allowed}.terminal-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:200;display:flex;justify-content:flex-start;padding:10px}.terminal-mobile-drawer{width:min(420px,100%);background:var(--background);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #0000004d;animation:terminal-mobile-slide-in .22s cubic-bezier(.35,.8,.4,1)}@keyframes terminal-mobile-slide-in{0%{opacity:0;transform:translate(-24px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.terminal-mobile-drawer-header{display:flex;justify-content:space-between;align-items:center}.terminal-mobile-drawer-header h2{margin:0;font-size:24px}.terminal-mobile-drawer-header button{width:32px;height:32px;border-radius:50%;border:1px solid var(--gray2);background:var(--best-gray);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.terminal-mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.terminal-mobile-cash-actions{display:flex;align-items:stretch;justify-content:space-between;gap:10px;padding:10px;background:var(--background);border:2px solid var(--gray2);border-radius:20px;margin:5px;min-height:100px}.terminal-mobile-action-btn{flex:0 0 auto;width:44px;height:44px;padding:10px;border-radius:12px;border:none;background:var(--best-gray);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:all .2s ease}.terminal-mobile-action-btn:active{transform:scale(.95)}.terminal-mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-mobile-action-btn svg{font-size:18px}.terminal-mobile-cancel-btn{background:var(--best-gray);color:var(--sub-text);border:1px solid var(--gray2);width:auto;height:auto;min-width:80px;padding:12px 16px;flex-direction:column;gap:4px}.terminal-mobile-cancel-btn svg{font-size:20px}.terminal-mobile-cancel-btn span{font-size:12px;font-weight:600}.terminal-mobile-cancel-btn:hover:not(:disabled){background:var(--gray2)}.terminal-mobile-complete-btn{background:#ffffff;color:var(--blue-blue);border:3px solid #ffffff;width:auto;height:auto;min-width:80px;padding:12px 16px;flex-direction:column;gap:4px}.terminal-mobile-complete-btn svg{font-size:20px}.terminal-mobile-complete-btn span{font-size:12px;font-weight:600}.terminal-mobile-complete-btn:hover:not(:disabled){background:var(--blue-blue);color:#fff}.terminal-mobile-cash-actions.ready{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.terminal-mobile-cash-actions.ready .terminal-mobile-cancel-btn{background:transparent;color:#fff;border-color:#ffffff4d}.terminal-mobile-cash-actions.ready .terminal-mobile-cancel-btn:hover:not(:disabled){background:rgba(255,255,255,.1)}.terminal-mobile-cash-actions.ready .terminal-mobile-complete-btn{background:#ffffff;color:var(--blue-blue);border-color:#fff}.terminal-mobile-give-back-display{flex:1;text-align:center;padding:8px;border-radius:12px;background:var(--background);border:2px solid var(--gray2);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.terminal-mobile-cash-actions.ready .terminal-mobile-give-back-display{background:var(--blue-blue);border-color:var(--blue-blue);color:#fff}.terminal-mobile-give-back-label{font-size:10px;color:var(--sub-text);text-transform:uppercase;letter-spacing:.5px;opacity:.6}.terminal-mobile-cash-actions.ready .terminal-mobile-give-back-label{color:#fff;opacity:.8}.terminal-mobile-give-back-amount{font-size:28px;font-weight:800;color:var(--text);margin-top:2px;line-height:1}.terminal-mobile-cash-actions.ready .terminal-mobile-give-back-amount{color:#fff}.terminal-mobile-manual-panel{display:flex;flex-direction:column;gap:10px;flex:1;padding:10px}.terminal-mobile-manual-header{display:flex;justify-content:flex-start;gap:8px;padding-bottom:5px}.terminal-mobile-view-toggle{padding:8px 12px;border-radius:14px;border:1px solid var(--gray2);background:var(--best-gray);color:var(--sub-text);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10;pointer-events:auto;touch-action:manipulation}.terminal-mobile-view-toggle:hover{background:var(--gray2)}.terminal-mobile-view-toggle.terminal-mobile-view-toggle-active{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue)}.terminal-mobile-view-toggle.terminal-mobile-view-toggle-active:disabled{background:var(--blue-blue);color:#fff;border-color:var(--blue-blue);cursor:default;opacity:1}.terminal-mobile-view-toggle:active{transform:scale(.95)}.terminal-mobile-view-toggle:disabled:not(.terminal-mobile-view-toggle-active){cursor:default;opacity:.6}.terminal-mobile-calc-display{padding:12px;border-radius:16px;border:1px solid var(--gray2);background:var(--background);display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.terminal-mobile-calc-display input{flex:1!important;background:transparent!important;border:none!important;outline:none!important;font-size:18px!important;text-align:right!important;color:var(--text)!important}.terminal-mobile-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.terminal-mobile-calc-grid button{padding:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;height:60px;border-radius:14px;border:1px solid var(--gray2);background:var(--best-gray);color:var(--text);cursor:pointer;transition:all .2s ease}.terminal-mobile-calc-grid button:active{transform:scale(.95);background:var(--gray2)}.terminal-mobile-calc-grid button:disabled{opacity:.5;cursor:not-allowed}.terminal-mobile-calc-enter{background:var(--blue-blue)!important;color:#fff!important;font-weight:700}.terminal-mobile-calc-enter:active:not(:disabled){background:var(--blue-blue)!important}.terminal-mobile-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.terminal-mobile-suggestion{height:50px;border-radius:14px;border:1px solid var(--gray2)!important;background:var(--background);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:all .2s ease;color:var(--text)}.terminal-mobile-suggestion:active{transform:scale(.95);background:var(--gray2)}.terminal-mobile-suggestion.active{border-color:var(--blue-blue);background:var(--blue-light);color:var(--blue-blue)}@media (max-width: 480px){.terminal-mobile-grid,.terminal-mobile-cart-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.terminal-mobile-grid,.terminal-mobile-cart-grid{grid-template-columns:repeat(4,1fr)}}.terminal-mobile-receipt-flow{position:fixed;inset:0;background:var(--background);z-index:300;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.terminal-mobile-receipt-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray2)}.terminal-mobile-receipt-back{width:40px;height:40px;border-radius:50%;background:var(--best-gray);border:1px solid var(--gray2);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.terminal-mobile-receipt-back:active{transform:scale(.95);background:var(--gray2)}.terminal-mobile-receipt-header h2{margin:0;font-size:20px;flex:1;text-align:center}.terminal-mobile-receipt-content{flex:1;display:flex;flex-direction:column;padding:20px;gap:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.terminal-mobile-receipt-header-text{text-align:center;padding:20px 0}.terminal-mobile-receipt-header-text h3{margin:0 0 8px;font-size:24px;color:var(--text);font-weight:700}.terminal-mobile-receipt-header-text p{margin:0;font-size:16px;color:var(--sub-text)}.terminal-receipt-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0}.terminal-receipt-option{border-radius:24px;border:2px solid var(--gray2);background:var(--background);padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000000a;min-height:180px}.terminal-receipt-option:active{transform:scale(.95);border-color:var(--blue-blue);background:var(--best-gray)}.terminal-receipt-icon{width:80px;height:80px;border-radius:50%;background:var(--best-gray);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:36px}.terminal-receipt-label{font-size:18px;font-weight:600;color:var(--text);text-align:center}.terminal-mobile-receipt-pane{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--best-gray);border-radius:24px;border:1px solid var(--gray2)}.terminal-mobile-receipt-pane-title{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--text)}.terminal-receipt-form{display:flex;flex-direction:column;gap:16px}.terminal-receipt-form label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px;display:block}.terminal-receipt-form input{border:2px solid var(--gray2);background:var(--background);color:var(--text);border-radius:16px;padding:16px 18px;font-size:16px;line-height:1.5;transition:border-color .2s ease;width:100%}.terminal-receipt-form input:focus{outline:none;border-color:var(--blue-blue)}.terminal-qr-box{width:100%;max-width:280px;aspect-ratio:1 / 1;background:var(--background);border:2px dashed var(--gray2);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:20px;margin:20px auto}.terminal-qr-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.terminal-qr-inner canvas,.terminal-qr-inner img{width:100%!important;height:100%!important;object-fit:contain}.terminal-mobile-receipt-actions{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--background);border-top:1px solid var(--gray2);position:sticky;bottom:0}.terminal-mobile-receipt-btn{width:100%;height:56px;border-radius:20px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.terminal-mobile-receipt-btn:active{transform:scale(.98)}.terminal-mobile-receipt-btn-primary{background:var(--blue-blue);color:#fff}.terminal-mobile-receipt-btn-secondary{background:var(--best-gray);color:var(--text);border:2px solid var(--gray2)}.terminal-mobile-receipt-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-receipt-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center}.terminal-receipt-animation-icon{font-size:80px;margin-bottom:20px;animation:terminal-mobile-receipt-pulse 2s ease-in-out infinite}@keyframes terminal-mobile-receipt-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.terminal-receipt-animation h3{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--text)}.terminal-receipt-animation p{margin:0;font-size:16px;color:var(--sub-text)}.terminal-mobile-receipt-nfc{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.terminal-mobile-receipt-nfc-icon{font-size:120px;color:var(--blue-blue);margin-bottom:24px;animation:terminal-mobile-nfc-pulse 1.5s ease-in-out infinite}@keyframes terminal-mobile-nfc-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.terminal-mobile-receipt-nfc h3{margin:0 0 12px;font-size:26px;font-weight:700;color:var(--text)}.terminal-mobile-receipt-nfc p{margin:0;font-size:16px;color:var(--sub-text);line-height:1.5}.terminal-mobile-receipt-qr,.terminal-mobile-receipt-email,.terminal-mobile-receipt-phone{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;position:relative}.terminal-mobile-receipt-back{position:absolute;top:16px;left:16px}.terminal-mobile-receipt-qr h3,.terminal-mobile-receipt-email h3,.terminal-mobile-receipt-phone h3{margin:24px 0 0;font-size:18px;color:var(--text)}.terminal-mobile-qr-container{background:white;padding:16px;border-radius:16px}.terminal-mobile-qr-image{width:200px;height:200px;display:block}.terminal-mobile-receipt-input{width:100%;max-width:300px;padding:14px 16px;border-radius:12px;border:1px solid var(--gray2);background:var(--background);color:var(--text);font-size:16px;font-family:inherit}.terminal-mobile-receipt-input:focus{outline:none;border-color:var(--blue-blue)}.terminal-mobile-receipt-done-btn{padding:14px 32px;border-radius:12px;border:none;background:var(--blue-blue);color:#fff;font-size:16px;font-weight:600;cursor:pointer;min-width:200px}.terminal-mobile-receipt-done-btn:active{transform:scale(.98)}.terminal-mobile.terminal-demo-mode{box-shadow:inset 0 0 0 8px var(--orange, #F97316);border-radius:20px}.terminal-settings-menu-list{display:flex;flex-direction:column;gap:12px}.terminal-settings-menu{display:flex;align-items:center;justify-content:center;width:100%;background:var(--gray1, #141414);border:none;border-radius:18px;padding:14px;cursor:pointer}.terminal-settings-menu.active{opacity:.7;cursor:default}.terminal-settings-menu-left{flex-direction:column;align-items:center!important;justify-content:center!important;gap:12px}.terminal-settings-menu-preview-grid{display:grid;grid-template-columns:repeat(4,32px);gap:10px}.terminal-settings-menu-preview-cell{background:var(--best-gray, #2a2a2a);border-radius:6px;overflow:hidden;height:40px;width:40px}.terminal-settings-menu-preview-cell img{width:100%;height:100%;object-fit:cover;display:block}.terminal-settings-menu-preview-cell.placeholder{opacity:.35}.terminal-settings-menu-copy{display:flex;flex-direction:column}.terminal-settings-menu-title{font-weight:700;font-size:18px;text-align:center;margin-top:5px}.terminal-settings-menu-id{font-size:12px;color:var(--sub-text, #6b7280)}.terminal-settings-menu-status{color:var(--blue-blue, #1B89EA);font-weight:600}.terminal-settings-location-section{display:flex;flex-direction:column;gap:12px;margin-top:16px}.terminal-settings-section-label{display:flex;flex-direction:column;gap:4px}.terminal-settings-location-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--gray1, #141414);border:2px solid transparent;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease}.terminal-settings-location-item:hover{background:var(--best-gray, #2a2a2a)}.terminal-settings-location-item.selected{border-color:var(--blue-blue, #1B89EA);background:var(--gray1, #141414)}.terminal-settings-location-content{display:flex;flex-direction:column;gap:4px;flex:1}.terminal-settings-location-name{font-weight:600;font-size:15px;color:var(--text, #ffffff)}.terminal-settings-location-address{font-size:13px;color:var(--sub-text, #6b7280)}.terminal-settings-nfc-setup{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--best-gray, #2a2a2a);border-radius:12px;gap:16px}.terminal-settings-nfc-info{flex:1}.terminal-settings-nfc-button{padding:8px 16px;background:var(--blue-blue, #1B89EA);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.terminal-settings-nfc-button:hover{opacity:.9}.terminal-settings-nfc-button:active{transform:scale(.98)}.terminal-settings-card-header[style*="cursor: pointer"]:hover{background:var(--best-gray, #2a2a2a);border-radius:12px;transition:background .2s ease}.terminal-settings-card-header[style*="cursor: pointer"]{padding:4px 8px;margin:-4px -8px;border-radius:12px;transition:background .2s ease}.terminal-settings-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.terminal-settings-logo-copy{flex:1;min-width:220px}.terminal-settings-logo-title{font-weight:600;font-size:15px;color:var(--text, #ffffff)}.terminal-settings-logo-sub{font-size:12px;color:var(--sub-text, #6b7280);margin-top:4px}.terminal-settings-logo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.terminal-settings-logo-preview{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.terminal-settings-logo-placeholder{width:64px;height:64px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--sub-text, #6b7280)}.terminal-settings-logo-button{padding:10px 16px;border-radius:10px;border:none;background:var(--blue-blue, #1B89EA);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s ease}.terminal-settings-logo-button:disabled{opacity:.5;cursor:not-allowed}.terminal-settings-logo-button:not(:disabled):hover{opacity:.85}.terminal-settings-logo-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text, #ffffff)}.agents-page-card-static{cursor:default}.agents-page-card-static:hover{transform:none}.agents-page-card-icon{width:18px;height:18px}.agents-page-card-preview{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;border-radius:12px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--canvas-color) 28%,transparent) 0%,transparent 48%),linear-gradient(180deg,var(--background) 0%,color-mix(in srgb,var(--canvas-color) 10%,var(--background)) 100%)}.agents-page-card-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.agents-page-card-preview-badge,.agents-page-card-preview-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.02em}.agents-page-card-preview-badge{background:color-mix(in srgb,var(--canvas-color) 14%,var(--background));color:var(--canvas-color)}.agents-page-card-preview-status{background:var(--gray1);color:var(--sub-text)}.agents-page-card-preview-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agents-page-card-preview-node{min-width:72px;padding:10px 12px;border-radius:14px;background:var(--background);border:1px solid color-mix(in srgb,var(--canvas-color) 20%,var(--best-gray));color:var(--text);font-size:12px;font-weight:600;text-align:center;box-shadow:0 8px 20px #0000000d}.agents-page-card-preview-arrow{color:var(--sub-text);font-size:12px;letter-spacing:-.04em}.agents-page-card-preview-copy{margin:0;color:var(--sub-text);font-size:12px;line-height:1.5}.agents-page-empty-state{grid-column:1 / -1;min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;border-radius:24px;border:2px dashed var(--best-gray);background:var(--gray1);color:var(--sub-text)}.canvases-page-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--main-background);gap:16px;flex-wrap:wrap}.canvases-page-top-bar-actions{display:flex;align-items:center;gap:12px}.canvases-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.canvases-page-create-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.canvases-page-create-btn:active{transform:translateY(0)}.canvases-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:24px}.canvases-page-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;background:var(--gray1);border:2px dashed var(--gray3);border-radius:16px;cursor:pointer;transition:all .2s;color:var(--gray4);font-size:14px;font-weight:500}.canvases-page-create-card:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:var(--main-background)}.canvases-page-create-card svg{font-size:32px}.canvases-page-card{display:flex;flex-direction:column;background:var(--main-background);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--line-color);position:relative}.canvases-page-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow)}.canvases-page-delete-btn{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--main-background);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;opacity:0;transition:all .2s;z-index:10;box-shadow:0 2px 6px var(--shadow)}.canvases-page-card:hover .canvases-page-delete-btn{opacity:1}.canvases-page-delete-btn:hover{color:var(--red-red);background:var(--gray1)}.canvases-page-play-btn{position:absolute;bottom:12px;right:52px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--main-background);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;opacity:0;transition:all .2s;z-index:10;box-shadow:0 2px 6px var(--shadow)}.canvases-page-card:hover .canvases-page-play-btn{opacity:1}.canvases-page-play-btn:hover{color:var(--blue-blue);background:var(--gray1)}.canvases-page-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:12px}.canvases-page-card-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.canvases-page-card-emoji-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.canvases-page-card-title{margin:0;font-size:18px;font-weight:600;color:var(--canvas-color, var(--contrast1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvases-page-card-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.canvases-page-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.canvases-page-card-stat-value{font-size:13px;font-weight:600;color:var(--canvas-color, var(--gray4))}.canvases-page-card-stat-label{font-size:11px;color:var(--gray4)}.canvases-page-card-canvas-preview{display:flex;align-items:center;justify-content:center;height:180px;margin:0 8px 8px;background:var(--gray1);border-radius:16px;border:2px dashed var(--gray2);overflow:hidden;position:relative}.canvases-page-card-canvas-empty{color:var(--gray3);font-size:14px;font-weight:500}.canvases-page-card-canvas-inner{overflow:visible}.canvases-page-archived-section{padding:0 24px 24px}.canvases-page-archived-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--gray1);border:1px solid var(--line-color);border-radius:12px;color:var(--gray4);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:16px}.canvases-page-archived-toggle:hover{background:var(--gray2);color:var(--contrast1)}.canvases-page-archived-grid{opacity:.7}.canvases-page-card-archived{border-style:dashed}.canvases-page-restore-btn{right:48px}.canvases-page-permanent-delete-btn{right:12px}.canvases-page-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.canvases-page-modal{background:var(--main-background);border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px var(--shadow)}.canvases-page-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.canvases-page-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--contrast1)}.canvases-page-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.canvases-page-modal-close:hover{background:var(--gray2);color:var(--contrast1)}.canvases-page-modal-form{display:flex;flex-direction:column;gap:20px}.canvases-page-form-group{display:flex;flex-direction:column;gap:8px}.canvases-page-form-group label{font-size:14px;font-weight:500;color:var(--text)}.canvases-page-form-group input{padding:12px 16px;background:var(--gray1);border:1px solid var(--line-color);border-radius:8px;font-size:14px;color:var(--text)!important;outline:none;transition:border-color .2s;width:95%}.canvases-page-form-group input:focus{border-color:var(--blue-blue)}.canvases-page-emoji-trigger{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--gray1);border:1px solid var(--line-color);border-radius:10px;cursor:pointer;transition:all .2s;width:100%}.canvases-page-emoji-trigger:hover{background:var(--gray2);border-color:var(--blue-blue)}.canvases-page-emoji-trigger-icon{font-size:28px;line-height:1}.canvases-page-emoji-trigger-text{font-size:14px;color:var(--gray4)}.canvases-page-color-row{display:flex;align-items:center;gap:12px}.canvases-page-color-preview{width:32px;height:32px;border-radius:8px;border:2px solid var(--line-color);flex-shrink:0}.canvases-page-color-picker{display:flex;flex-wrap:wrap;gap:8px}.canvases-page-color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s}.canvases-page-color-btn:hover{transform:scale(1.1)}.canvases-page-color-btn.selected{border-color:var(--contrast1);box-shadow:0 0 0 2px var(--main-background)}.canvases-page-color-custom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:2px solid var(--line-color);border-radius:50%;color:var(--gray4);cursor:pointer;transition:all .2s}.canvases-page-color-custom-btn:hover{background:var(--gray2);color:var(--contrast1)}.canvases-page-color-custom-btn.active{border-color:var(--blue-blue);color:var(--blue-blue)}.canvases-page-custom-color-picker{margin-top:12px;padding:12px;background:var(--gray1);border-radius:12px}.canvases-page-custom-color-picker .react-colorful{width:100%!important;height:150px!important}.canvases-page-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.canvases-page-modal-cancel{padding:10px 20px;background:var(--gray1);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--contrast1);cursor:pointer;transition:background .2s}.canvases-page-modal-cancel:hover{background:var(--gray2)}.canvases-page-modal-submit{padding:10px 20px;background:var(--blue-blue);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--primary-btn-text);cursor:pointer;transition:opacity .2s}.canvases-page-modal-submit:hover{opacity:.9}.canvases-page-modal-submit:disabled{opacity:.5;cursor:not-allowed}.canvases-page-emoji-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center}.canvases-page-emoji-modal{background:var(--main-background);border-radius:20px;padding:16px;border:2px solid var(--gray2);box-shadow:0 8px 32px #0000003d;max-width:90vw;width:350px}.canvases-page-emoji-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.canvases-page-emoji-modal-header h4{margin:0;color:var(--text);font-size:16px}.canvases-page-emoji-modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--gray4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.canvases-page-emoji-modal-close:hover{background:var(--gray1);color:var(--contrast1)}@media (max-width: 900px){.canvases-page-top-bar{padding:12px 16px}.canvases-page-grid{padding:16px;gap:16px}.canvases-page-create-btn span{display:none}}.canvases-page-frame-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.canvases-page-frame-option{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:12px 8px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px;cursor:pointer;transition:all .2s;min-height:90px}.canvases-page-frame-option:hover{background:var(--gray2);border-color:var(--blue-blue)}.canvases-page-frame-option.canvases-page-frame-selected{background:var(--gray2);border-color:var(--blue-blue);box-shadow:0 0 0 2px var(--blue-blue)}.canvases-page-frame-selector-compact{display:flex;flex-wrap:wrap;gap:8px}.canvases-page-frame-option-compact{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;background:var(--gray1);border:2px solid var(--gray2);border-radius:10px;cursor:pointer;transition:all .2s;font-size:12px}.canvases-page-frame-option-compact:hover{background:var(--gray2);border-color:var(--blue-blue)}.canvases-page-frame-option-compact.canvases-page-frame-selected{background:var(--gray2);border-color:var(--blue-blue);box-shadow:0 0 0 2px var(--blue-blue)}.canvases-page-frame-option-label{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.canvases-page-frame-option-preview{background:var(--gray2);border:1px solid var(--gray3);border-radius:6px;flex-shrink:0;box-shadow:inset 0 1px 2px #0000001a}.canvases-page-frame-option-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center;color:var(--text)}.canvases-page-frame-option-info svg{font-size:14px;color:var(--blue-blue)}.canvases-page-frame-option-text{font-size:11px;font-weight:600;color:var(--gray4);word-break:break-word;line-height:1.2}.canvases-page-frame-option-size{font-size:9px;font-weight:500;color:var(--gray4);opacity:.7;line-height:1}.canvases-page-frame-selected .canvases-page-frame-option-text,.canvases-page-frame-selected .canvases-page-frame-option-size{color:var(--blue-blue)}.canvases-page-custom-size-inputs{display:flex;gap:12px;margin-top:12px;padding:12px;background:var(--gray1);border-radius:12px;border:1px solid var(--line-color)}.canvases-page-custom-size-field{display:flex;flex-direction:column;gap:6px}.canvases-page-custom-size-field label{font-size:12px;font-weight:500;color:var(--gray4);text-transform:none;letter-spacing:normal}.canvases-page-custom-size-field input{padding:8px 12px;background:var(--main-background);border:1px solid var(--line-color);border-radius:8px;font-size:13px;color:var(--contrast1);outline:none;transition:border-color .2s;width:70%}.canvases-page-custom-size-field input:focus{border-color:var(--blue-blue)}.canvases-page-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--gray4);font-size:14px}.projects-page-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--main-background);gap:16px;flex-wrap:wrap}.projects-page-top-bar-actions{display:flex;align-items:center;gap:12px}.projects-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:24px}.projects-page-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;background:var(--gray1);border:2px dashed var(--gray3);border-radius:16px;cursor:pointer;transition:all .2s;color:var(--gray4);font-size:14px;font-weight:500}.projects-page-create-card:hover{border-color:var(--blue-blue);color:var(--blue-blue);background:var(--main-background)}.projects-page-create-card svg{font-size:32px}.projects-page-card{display:flex;flex-direction:column;background:var(--main-background);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--line-color);position:relative}.projects-page-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow)}.projects-page-delete-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--main-background);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;opacity:0;transition:all .2s;z-index:10;box-shadow:0 2px 6px var(--shadow)}.projects-page-delete-btn:hover{color:var(--red-red);background:var(--gray1)}.projects-page-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:12px}.projects-page-card-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.projects-page-card-emoji-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.projects-page-card-title{margin:0;font-size:18px;font-weight:600;color:var(--project-color, var(--contrast1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-page-card-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.projects-page-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.projects-page-card-stat-value{font-size:13px;font-weight:600;color:var(--project-color, var(--gray4))}.projects-page-card-stat-label{font-size:11px;color:var(--gray4)}.projects-page-delete-btn{display:absolute;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1)!important;border:none;border-radius:8px;color:var(--gray4)!important;cursor:pointer;opacity:0;transition:all .2s}.projects-page-card:hover .projects-page-delete-btn{opacity:1}.projects-page-delete-btn:hover{color:var(--red-red);background:var(--gray2)}.projects-page-card-canvas-preview{display:flex;align-items:center;justify-content:center;height:180px;margin:0 8px 8px;background:var(--gray1);border-radius:16px;border:2px dashed var(--gray2);overflow:hidden;position:relative}.projects-page-card-canvas-empty{color:var(--gray3);font-size:14px;font-weight:500}.projects-page-card-canvas-inner{overflow:visible}.projects-page-preview-card{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:var(--main-background)}.projects-page-preview-card *{pointer-events:none!important;user-select:none!important}.projects-page-preview-note-inner{border-radius:8px;padding:12px;box-shadow:0 2px 6px #00000014;font-size:12px;color:#000;overflow:hidden}.projects-page-preview-menu-inner{width:200px;height:200px;background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;overflow:hidden;position:relative;padding:8px;box-sizing:border-box}.projects-page-preview-menu-head{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.projects-page-preview-menu-head h4{margin:0;font-size:14px;font-weight:600}.projects-page-preview-menu-head p{margin:0;font-size:10px;color:var(--gray4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page-preview-menu-grid{display:grid;grid-template-columns:repeat(3,32px);grid-auto-rows:32px;gap:4px}.projects-page-preview-menu-grid-item{width:32px;height:32px;background:var(--gray1);border:1px solid var(--gray2);border-radius:6px;overflow:hidden}.projects-page-preview-menu-grid-item img{width:100%;height:100%;object-fit:cover}.projects-page-preview-menu-grid-empty{grid-column:1 / -1;font-size:10px;color:var(--gray4);text-align:center;padding:8px}.projects-page-preview-menu-manage{position:absolute;right:8px;bottom:8px;font-size:11px;font-family:ARLRDBD,sans-serif}.projects-page-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.projects-page-modal{background:var(--main-background);border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px var(--shadow)}.projects-page-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.projects-page-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--contrast1)}.projects-page-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.projects-page-modal-close:hover{background:var(--gray2);color:var(--contrast1)}.projects-page-modal-form{display:flex;flex-direction:column;gap:20px}.projects-page-form-group{display:flex;flex-direction:column;gap:8px}.projects-page-form-group label{font-size:14px;font-weight:500;color:var(--contrast1)}.projects-page-form-group input{padding:12px 16px;background:var(--gray1);border:1px solid var(--line-color);border-radius:8px;font-size:14px;color:var(--contrast1);outline:none;transition:border-color .2s;width:95%}.projects-page-form-group input:focus{border-color:var(--blue-blue)}.projects-page-emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.projects-page-emoji-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gray1);border:2px solid transparent;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s}.projects-page-emoji-btn:hover{background:var(--gray2)}.projects-page-emoji-btn.selected{border-color:var(--blue-blue);background:var(--main-background)}.projects-page-color-picker{display:flex;flex-wrap:wrap;gap:8px}.projects-page-color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s}.projects-page-color-btn:hover{transform:scale(1.1)}.projects-page-color-btn.selected{border-color:var(--contrast1);box-shadow:0 0 0 2px var(--main-background)}.projects-page-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.projects-page-modal-cancel{padding:10px 20px;background:var(--gray1);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--contrast1);cursor:pointer;transition:background .2s}.projects-page-modal-cancel:hover{background:var(--gray2)}.projects-page-modal-submit{padding:10px 20px;background:var(--blue-blue);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--primary-btn-text);cursor:pointer;transition:opacity .2s}.projects-page-modal-submit:hover{opacity:.9}.projects-page-modal-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.projects-page-top-bar{padding:12px 16px}.projects-page-grid{padding:16px;gap:16px}.projects-page-create-btn span{display:none}}.projects-page-emoji-trigger{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--gray1);border:1px solid var(--line-color);border-radius:10px;cursor:pointer;transition:all .2s;width:100%}.projects-page-emoji-trigger:hover{background:var(--gray2);border-color:var(--blue-blue)}.projects-page-emoji-trigger-icon{font-size:28px;line-height:1}.projects-page-emoji-trigger-text{font-size:14px;color:var(--gray4)}.projects-page-color-row{display:flex;align-items:center;gap:12px}.projects-page-color-preview{width:32px;height:32px;border-radius:8px;border:2px solid var(--line-color);flex-shrink:0}.projects-page-color-custom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:2px solid var(--line-color);border-radius:50%;color:var(--gray4);cursor:pointer;transition:all .2s}.projects-page-color-custom-btn:hover{background:var(--gray2);color:var(--contrast1)}.projects-page-color-custom-btn.active{border-color:var(--blue-blue);color:var(--blue-blue)}.projects-page-custom-color-picker{margin-top:12px;padding:12px;background:var(--gray1);border-radius:12px}.projects-page-custom-color-picker .react-colorful{width:100%!important;height:150px!important}.projects-page-emoji-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center}.projects-page-emoji-modal{background:var(--main-background);border-radius:20px;padding:16px;border:2px solid var(--gray2);box-shadow:0 8px 32px #0000003d;max-width:90vw;width:350px}.projects-page-emoji-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.projects-page-emoji-modal-header h4{margin:0;color:var(--text);font-size:16px}.projects-page-emoji-modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--gray4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.projects-page-emoji-modal-close:hover{background:var(--gray1);color:var(--contrast1)}.projects-page-preview-analytics-placeholder{width:300px;height:200px;background:var(--gray2);border-radius:12px;border:1px solid var(--gray3)}.project-board{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--background);overflow:hidden;position:relative}.project-board-loading,.project-board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--contrast1)}.project-board-spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:project-board-spin .8s linear infinite}@keyframes project-board-spin{to{transform:rotate(360deg)}}.project-board-error button{padding:10px 20px;background:var(--blue-blue);color:var(--primary-btn-text);border:none;border-radius:8px;cursor:pointer}.project-board-topbar{position:fixed;top:calc(20px + var(--safe-area-top, 0px));left:calc(50px + var(--safe-area-left, 0px));right:calc(50px + var(--safe-area-right, 0px));height:54px;z-index:1000;padding:0 20px;background-color:var(--main-background);display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}@media (max-width: 768px){.project-board-topbar{top:calc(8px + var(--safe-area-top, 0px));left:calc(8px + var(--safe-area-left, 0px));right:calc(8px + var(--safe-area-right, 0px));padding:0 12px;border-radius:16px}}.project-board-topbar-back{display:flex;align-items:center;justify-content:center;background-color:var(--gray1);border:none;border-radius:16px;padding:8px;width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .2s}.project-board-topbar-back:hover{background-color:var(--gray2)}.project-board-topbar-back .material-icons{font-size:22px}.project-board-topbar-title{display:flex;align-items:center;gap:10px;flex:1;color:var(--text);font-family:ARLRDBD,sans-serif;padding:6px 10px;border-radius:12px;transition:background .2s}.project-board-topbar-title:hover{background:var(--gray1)}.project-board-topbar-expand-icon{font-size:20px;color:var(--gray4);margin-left:auto}.project-board-topbar-emoji{font-size:24px}.project-board-topbar-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-board-topbar-save-btn{display:flex;align-items:center;justify-content:center;background-color:var(--blue-blue);border:none;border-radius:12px;padding:8px 12px;color:var(--primary-btn-text);cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif}.project-board-topbar-save-btn:hover{opacity:.9}.project-board-topbar-save-btn .material-icons{font-size:20px}.project-board-edit-panel{position:fixed;top:calc(84px + var(--safe-area-top, 0px));left:calc(50px + var(--safe-area-left, 0px));right:calc(50px + var(--safe-area-right, 0px));z-index:999;padding:16px 20px;background-color:var(--main-background);border-radius:16px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);display:flex;flex-direction:column;gap:16px;animation:project-board-slide-down .2s ease}@keyframes project-board-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.project-board-edit-panel{top:calc(68px + var(--safe-area-top, 0px));left:calc(8px + var(--safe-area-left, 0px));right:calc(8px + var(--safe-area-right, 0px));padding:12px 16px;gap:12px}}.project-board-edit-row{display:flex;flex-direction:column;gap:8px}.project-board-edit-label{font-size:12px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px}.project-board-edit-input{padding:10px 14px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px!important;width:95%!important;font-size:14px;font-family:ARLRDBD,sans-serif;color:var(--text);outline:none;transition:border-color .2s}.project-board-edit-input:focus{border-color:var(--blue-blue)}.project-board-edit-emojis{display:flex;flex-wrap:wrap;gap:6px}.project-board-edit-emoji-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--gray1);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s}.project-board-edit-emoji-btn:hover{background:var(--gray2);transform:scale(1.1)}.project-board-edit-emoji-btn.active{border-color:var(--blue-blue);background:var(--gray2)}.project-board-edit-colors{display:flex;flex-wrap:wrap;gap:8px}.project-board-edit-color-btn{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;box-shadow:inset 0 0 0 1px #0000001a}.project-board-edit-color-btn:hover{transform:scale(1.15)}.project-board-edit-color-btn.active{border-color:var(--text);transform:scale(1.1)}@media (max-width: 768px){.project-board-topbar-emoji{font-size:20px}.project-board-topbar-name{font-size:14px}}.project-board-topbar-actions{display:flex;align-items:center;gap:8px}.project-board-topbar-save-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:500;color:var(--gray4);background:var(--gray1);transition:all .3s ease}.project-board-topbar-save-status.saving{color:var(--blue-blue)}.project-board-topbar-save-status.saved{color:var(--green-green, #22C55E)}.project-board-topbar-save-spinner{width:14px;height:14px;border:2px solid var(--gray2);border-top-color:var(--blue-blue);border-radius:50%;animation:project-board-spin .8s linear infinite}.project-board-topbar-save-check{font-size:10px;margin-left:-8px;margin-bottom:-6px}.project-board-canvas-container{flex:1;overflow:hidden;position:relative;min-height:0;width:100%;margin-top:calc(var(--safe-area-top, 0px));margin-bottom:calc(var(--safe-area-bottom, 0px));background-color:var(--background);display:flex}@media (max-width: 768px){.project-board-canvas-container{margin-top:calc(62px + var(--safe-area-top, 0px));margin-bottom:calc(60px + var(--safe-area-bottom, 0px))}}.project-board-canvas-container .konvajs-content{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.project-board-canvas-container canvas{display:block}.project-board.tool-select .project-board-canvas-container canvas{cursor:default}.project-board.tool-grab .project-board-canvas-container canvas{cursor:grab}.project-board.tool-grab .project-board-canvas-container canvas:active{cursor:grabbing}.project-board.tool-draw .project-board-canvas-container canvas{cursor:crosshair}.project-board-zoom-controls{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:calc(16px + var(--safe-area-left, 0px));z-index:1000;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background-color:var(--main-background);border-radius:12px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2)}@media (max-width: 768px){.project-board-zoom-controls{bottom:calc(8px + var(--safe-area-bottom, 0px));left:calc(8px + var(--safe-area-left, 0px));padding:6px}}.project-board-zoom-controls .project-board-zoom-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-zoom-controls .project-board-zoom-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-zoom-controls .project-board-zoom-level{font-size:11px;font-weight:600;color:var(--gray4);padding:4px 0}.project-board-bottom-bar{position:fixed;bottom:calc(16px + var(--safe-area-bottom, 0px));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;background-color:var(--main-background);border-radius:20px;box-shadow:0 3px 33px var(--shadow);border:2px solid var(--gray2);font-family:ARLRDBD,sans-serif}.project-board-bottom-bar-expanded{padding-top:12px}.project-board-add-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line-color);margin-bottom:4px}.project-board-add-menu-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:var(--gray1);border:none;border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif;font-size:11px;min-width:70px}.project-board-add-menu-item:hover{background:var(--blue-blue);color:var(--primary-btn-text)}.project-board-add-menu-item:hover svg{fill:var(--primary-btn-text)}.project-board-add-menu-item svg{width:20px;height:20px;fill:currentColor}@media (max-width: 768px){.project-board-add-menu-item{padding:8px 10px;min-width:60px;font-size:10px}.project-board-add-menu-item svg{font-size:16px}}.project-board-bottom-bar>.project-board-bottom-bar-tools{display:flex;align-items:center}@media (max-width: 768px){.project-board-bottom-bar{bottom:calc(8px + var(--safe-area-bottom, 0px));left:8px;right:8px;transform:none;padding:6px 12px;border-radius:16px;justify-content:space-between}}.project-board-bottom-bar-tools{display:flex;align-items:center;gap:4px}.project-board-bottom-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--gray1);border:none;border-radius:12px;color:var(--gray4);cursor:pointer;transition:all .2s;font-family:ARLRDBD,sans-serif;font-size:13px}.project-board-bottom-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-bottom-btn.active,.project-board-bottom-btn-primary{background:var(--blue-blue);color:var(--primary-btn-text)}.project-board-bottom-btn-primary:hover{background:var(--blue-blue);opacity:.9}.project-board-bottom-btn-danger:hover{background:var(--red-red);color:#fff}@media (max-width: 768px){.project-board-bottom-btn{padding:10px 12px}.project-board-bottom-btn span{display:none}}.project-board-bottom-bar-divider{width:1px;height:28px;background:var(--line-color);margin:0 4px}.project-board-draw-toolbar{position:fixed;bottom:calc(80px + var(--safe-area-bottom, 0px));left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:8px 14px;background-color:var(--main-background);border-radius:16px;box-shadow:0 3px 20px var(--shadow);border:2px solid var(--gray2)}@media (max-width: 768px){.project-board-draw-toolbar{bottom:calc(72px + var(--safe-area-bottom, 0px));left:8px;right:8px;transform:none;padding:6px 10px;gap:8px;flex-wrap:wrap;justify-content:center}}.project-board-draw-toolbar-section{display:flex;align-items:center;gap:6px}.project-board-draw-mode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-draw-mode-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-draw-mode-btn.active{background:var(--blue-blue);color:var(--primary-btn-text)}.project-board-draw-colors{display:flex;align-items:center;gap:4px}.project-board-draw-color{width:24px!important;height:24px;border-radius:100px;border:2px solid transparent!important;cursor:pointer;transition:all .15s;box-shadow:inset 0 0 0 1px #0000001a!important}.project-board-draw-color:hover{transform:scale(1.15)}.project-board-draw-color.active{border-color:var(--blue-blue)!important;transform:scale(1.1)!important;box-shadow:0 0 0 2px var(--main-background),0 0 0 4px var(--blue-blue)!important}.project-board-draw-thickness-icon{color:var(--gray4);font-size:12px}.project-board-draw-thickness-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--gray2);border-radius:2px;outline:none;cursor:pointer}.project-board-draw-thickness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--blue-blue);border-radius:50%;cursor:pointer;transition:transform .15s}.project-board-draw-thickness-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.project-board-draw-thickness-slider::-moz-range-thumb{width:14px;height:14px;background:var(--blue-blue);border-radius:50%;border:none;cursor:pointer}.project-board-draw-thickness-value{font-size:11px;font-weight:600;color:var(--gray4);min-width:32px}.project-board-draw-dash-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.project-board-draw-dash-btn:hover{background:var(--gray2)}.project-board-draw-dash-btn.active{background:var(--blue-blue)}.project-board-draw-dash-btn.active .project-board-draw-dash-preview{background:repeating-linear-gradient(90deg,var(--primary-btn-text) 0px,var(--primary-btn-text) 4px,transparent 4px,transparent 8px)}.project-board-draw-dash-preview{width:20px;height:3px;background:repeating-linear-gradient(90deg,var(--gray4) 0px,var(--gray4) 4px,transparent 4px,transparent 8px);border-radius:1px}.project-board-draw-toolbar-hint{font-size:12px;color:var(--gray4);padding:0 8px}@media (max-width: 768px){.project-board-draw-colors{gap:3px}.project-board-draw-color{width:20px;height:20px}.project-board-draw-thickness-slider{width:60px}.project-board-draw-toolbar-hint{font-size:11px;text-align:center;width:100%}}.project-board-zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-zoom-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-zoom-level{text-align:center;font-size:12px;font-weight:600;color:var(--gray4)}@media (max-width: 768px){.project-board-zoom-level{min-width:40px;font-size:11px}}.project-board-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.project-board-picker{background:var(--main-background);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.project-board-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-color)}.project-board-picker-header h3{margin:0;font-size:18px;font-weight:600;color:var(--contrast1)}.project-board-picker-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer}.project-board-picker-close:hover{background:var(--gray2);color:var(--contrast1)}.project-board-picker-tabs{display:flex;padding:12px 20px;gap:8px;border-bottom:1px solid var(--line-color);overflow-x:auto}.project-board-picker-tab{padding:8px 16px;background:var(--gray1);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--gray4);cursor:pointer;white-space:nowrap;transition:all .2s}.project-board-picker-tab:hover{background:var(--gray2);color:var(--contrast1)}.project-board-picker-tab.active{background:var(--blue-blue);color:var(--primary-btn-text)}.project-board-picker-content{flex:1;overflow-y:auto;padding:16px 20px}.project-board-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project-board-picker-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--gray1);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.project-board-picker-item:hover{background:var(--gray2);border-color:var(--blue-blue)}.project-board-picker-item-icon{font-size:32px}.project-board-picker-item-label{font-size:14px;font-weight:500;color:var(--contrast1)}.project-board-picker-empty{text-align:center;padding:40px 20px;color:var(--gray4)}.project-board-picker-empty-sub{font-size:12px;margin-top:8px;color:var(--gray3)}.project-board-picker-back{padding:8px 16px;background:var(--gray1);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--contrast1);cursor:pointer;transition:all .2s}.project-board-picker-back:hover{background:var(--gray2)}.project-board-picker-list{display:flex;flex-direction:column;gap:8px}.project-board-picker-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray1);border:1px solid var(--line-color);border-radius:12px;cursor:pointer;transition:all .2s}.project-board-picker-list-item:hover{background:var(--gray2);border-color:var(--blue-blue)}.project-board-picker-list-item-image{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:20px}.project-board-picker-list-item-image img{width:100%;height:100%;object-fit:cover}.project-board-picker-list-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.project-board-picker-list-item-name{font-size:14px;font-weight:600;color:var(--contrast1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-board-picker-list-item-sub{font-size:12px;color:var(--gray4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.project-board-header{padding:10px 16px;flex-wrap:wrap;gap:12px}.project-board-title{font-size:16px}.project-board-toolbar{order:3;width:100%;justify-content:center}.project-board-picker{max-width:100%;margin:16px;max-height:calc(100vh - 32px)}.project-board-picker-grid{grid-template-columns:1fr}}.project-board-card-wrapper{border-radius:12px;overflow:visible;box-shadow:0 4px 12px #00000026;transition:box-shadow .2s,transform .2s;pointer-events:none;user-select:none}.project-board-card-wrapper *{pointer-events:none!important;user-select:none!important}.project-board-card-wrapper.project-board-card-selected{box-shadow:0 0 0 3px var(--blue-blue),0 4px 12px #0003}.project-board-card-wrapper .work-order-preview,.project-board-card-wrapper .work-order-unified-preview{overflow:visible!important}.project-board-card-wrapper .work-order-header,.project-board-card-wrapper .work-order-preview-header{display:flex!important;visibility:visible!important;opacity:1!important}.project-board-card-wrapper .work-order-header img,.project-board-card-wrapper .work-order-preview-header img,.project-board-card-wrapper .work-order-header-icon,.project-board-card-wrapper .work-order-preview-icon{display:block!important;visibility:visible!important;opacity:1!important}.project-board-menu-card{width:300px;height:300px;background:var(--main-background);border:2px solid var(--gray2);border-radius:25px;box-shadow:0 2px 4px #00000024,0 6px 14px #0000001a}.project-board-menu-card-inner{position:relative;width:100%;height:100%;padding:10px;box-sizing:border-box}.project-board-menu-head{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.project-board-menu-title{font-size:22px;font-weight:400;margin:0;font-family:ARLRDBD,sans-serif}.project-board-menu-sub{font-size:14px;color:var(--gray4);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-board-menu-grid-wrapper{width:100%;height:200px;position:relative;overflow-y:auto}.project-board-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,50px);grid-auto-rows:50px;gap:6px;width:100%;height:100%;align-content:start;justify-content:start}.project-board-menu-grid-item{width:50px;height:50px;background:var(--gray1);border:2px solid var(--gray2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-board-menu-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.project-board-menu-grid-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray4);opacity:.6;border:2px dashed var(--gray2);border-radius:10px;height:100px}.project-board-menu-manage-row{position:absolute;right:10px;bottom:10px;font-size:16px;display:inline-flex;align-items:center;gap:4px;font-family:ARLRDBD,system-ui,sans-serif}.project-board-menu-arrow{transition:transform .2s}.project-board-card-wrapper .work-order-preview{max-width:400px;max-height:none;position:static;overflow:visible}.project-board-picker-wo-list{display:flex;flex-direction:column;gap:12px}.project-board-picker-wo-item{cursor:pointer;border-radius:25px;transition:transform .2s,box-shadow .2s}.project-board-picker-wo-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow)}.project-board-picker-wo-item .work-order-preview--small{pointer-events:none}.project-board-edit-emoji-trigger{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--gray1);border:2px solid var(--gray2);border-radius:12px;cursor:pointer;transition:all .2s;width:fit-content}.project-board-edit-emoji-trigger:hover{background:var(--gray2);border-color:var(--blue-blue)}.project-board-edit-emoji-trigger-icon{font-size:28px;line-height:1}.project-board-edit-emoji-trigger-text{font-size:14px;color:var(--gray4)}.project-board-edit-color-row{display:flex;align-items:center;gap:12px}.project-board-edit-color-preview{width:32px;height:32px;border-radius:8px;border:2px solid var(--line-color);flex-shrink:0}.project-board-edit-color-custom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray1);border:2px solid var(--gray2);border-radius:50%;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-edit-color-custom-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-edit-color-custom-btn.active{border-color:var(--blue-blue);color:var(--blue-blue)}.project-board-edit-custom-color-picker{margin-top:12px;padding:12px;background:var(--gray1);border-radius:12px}.project-board-edit-custom-color-picker .react-colorful{width:100%!important;height:150px!important}.project-board-emoji-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center}.project-board-emoji-modal{background:var(--main-background);border-radius:20px;padding:16px;border:2px solid var(--gray2);box-shadow:0 8px 32px #0000003d;max-width:90vw;width:350px}.project-board-emoji-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-board-emoji-modal-header h4{margin:0;color:var(--text);font-size:16px}.project-board-emoji-modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--gray4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.project-board-emoji-modal-close:hover{background:var(--gray1);color:var(--contrast1)}.project-board-floating-menu{position:fixed;z-index:1001;display:flex;align-items:center;gap:6px;padding:6px;background-color:var(--main-background);border-radius:12px;box-shadow:0 4px 20px var(--shadow);border:2px solid var(--gray2);transform:translate(-50%,-100%);animation:project-board-float-in .15s ease-out}@keyframes project-board-float-in{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.project-board-floating-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-floating-menu-btn:hover{background:var(--gray2);color:var(--contrast1)}.project-board-floating-menu-btn.active{background:var(--blue-blue);color:var(--primary-btn-text)}.project-board-floating-menu-btn-danger:hover{background:var(--red-red);color:#fff}.project-board-context-menu{position:fixed;z-index:1100;min-width:160px;padding:6px;background-color:var(--main-background);border-radius:12px;box-shadow:0 4px 24px var(--shadow);border:2px solid var(--gray2);animation:project-board-context-menu-in .15s ease-out}@keyframes project-board-context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-board-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:14px;font-family:ARLRDBD,sans-serif;cursor:pointer;transition:all .15s;text-align:left}.project-board-context-menu-item:hover{background:var(--gray1)}.project-board-context-menu-item svg{width:16px;color:var(--gray4)}.project-board-context-menu-item:hover svg{color:var(--text)}.project-board-context-menu-item-danger:hover{background:var(--red-red);color:#fff}.project-board-context-menu-item-danger:hover svg{color:#fff}.project-board-context-menu-divider{height:1px;background:var(--line-color);margin:4px 8px}.project-board-analytics-panel{position:fixed;top:0;right:0;bottom:0;width:60%;max-width:800px;min-width:400px;background:var(--main-background);border-left:2px solid var(--gray2);box-shadow:-4px 0 24px var(--shadow);z-index:1200;display:flex;flex-direction:column;animation:project-board-panel-slide-in .25s ease-out}@keyframes project-board-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.project-board-analytics-panel{width:100%;max-width:none;min-width:0}}.project-board-analytics-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-color);background:var(--main-background);flex-shrink:0}.project-board-analytics-panel-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:var(--text);font-family:ARLRDBD,sans-serif}.project-board-analytics-panel-title svg{color:var(--blue-blue)}.project-board-analytics-panel-name{font-weight:400;color:var(--gray4);font-size:14px;margin-left:4px}.project-board-analytics-panel-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray1);border:none;border-radius:10px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-analytics-panel-close:hover{background:var(--gray2);color:var(--text)}.project-board-analytics-panel-content{flex:1;overflow-y:auto;padding:20px}.project-board-analytics-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--gray4);font-size:14px}.project-board-note-textarea{background:transparent;border:none;outline:none;resize:none;font-size:14px;font-family:inherit;color:#000;padding:0}.project-board-note-textarea:focus{outline:none}.project-board-note-edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,0,0,.1);border:none;border-radius:6px;color:#00000080;cursor:pointer;transition:all .2s;font-size:12px}.project-board-note-edit-btn:hover{background:rgba(0,0,0,.2);color:#000c}.project-board-analytics-card{background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 4px 20px var(--shadow);display:flex;flex-direction:column;overflow:hidden}.project-board-analytics-card.project-board-card-selected{border-color:var(--blue-blue);box-shadow:0 0 0 3px var(--blue-blue),0 4px 20px var(--shadow)}.project-board-analytics-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--gray1);border-bottom:1px solid var(--line-color);font-family:ARLRDBD,sans-serif;font-size:14px;color:var(--text);cursor:move}.project-board-analytics-card-header svg:first-child{color:var(--blue-blue)}.project-board-analytics-card-name{color:var(--gray4);font-weight:400;margin-left:auto;margin-right:8px}.project-board-analytics-card-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray2);border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-analytics-card-close:hover{background:var(--red-red);color:#fff}.project-board-analytics-card-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;pointer-events:auto}.project-board-analytics-card-content>*{pointer-events:auto!important}.project-board-comment-wrapper{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:4px;cursor:grab;user-select:none;-webkit-user-select:none}.project-board-comment-wrapper:active{cursor:grabbing}.project-board-comment-wrapper.selected .project-board-comment-marker,.project-board-comment-wrapper.active .project-board-comment-marker{box-shadow:0 0 0 3px var(--blue-blue),0 2px 12px #0000004d}.project-board-comment-wrapper.resolved .project-board-comment-marker{background:var(--green-green, #22C55E);opacity:.7}.project-board-comment-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50% 50% 50% 20%;background:var(--blue-blue);box-shadow:0 2px 8px #0003;transition:all .2s;transform:rotate(-45deg)}.project-board-comment-wrapper:hover .project-board-comment-marker{transform:rotate(-45deg) scale(1.1)}.project-board-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;transform:rotate(45deg);border:2px solid white}.project-board-comment-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:white;color:var(--blue-blue);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transform:rotate(45deg)}.project-board-comment-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;background:var(--main-background);border:1px solid var(--gray2);border-radius:16px;box-shadow:0 2px 8px #0000001a;max-width:200px;margin-left:8px;margin-bottom:4px}.project-board-comment-pill-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--blue-blue);color:#fff;border-radius:10px;font-size:11px;font-weight:700}.project-board-comment-pill-text{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-board-comment-wrapper.resolved .project-board-comment-pill-count{background:var(--green-green, #22C55E)}.project-board-comment-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:var(--red-red, #EF4444);color:#fff;border-radius:9px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.project-board-comment-panel{position:fixed;left:20px;top:100px;width:320px;max-height:calc(100vh - 200px);background:var(--main-background);border:2px solid var(--gray2);border-radius:16px;box-shadow:0 4px 24px var(--shadow);display:flex;flex-direction:column;z-index:1100;overflow:hidden}.project-board-comment-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-color);background:var(--gray1)}.project-board-comment-panel-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.project-board-comment-panel-actions{display:flex;align-items:center;gap:8px}.project-board-comment-resolve-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gray2);border:none;border-radius:8px;color:var(--text);font-size:12px;cursor:pointer;transition:all .2s}.project-board-comment-resolve-btn:hover{background:var(--green-green, #22C55E);color:#fff}.project-board-comment-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:var(--gray4);cursor:pointer;transition:all .2s}.project-board-comment-panel-close:hover{background:var(--gray2);color:var(--text)}.project-board-comment-panel-thread{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.project-board-comment-item{display:flex;gap:10px}.project-board-comment-item-author{padding-bottom:12px;border-bottom:1px solid var(--line-color);margin-bottom:4px}.project-board-comment-item-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.project-board-comment-item-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--blue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.project-board-comment-item-content{flex:1;min-width:0}.project-board-comment-item-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.project-board-comment-item-text{font-size:13px;color:var(--text);line-height:1.4;word-wrap:break-word}.project-board-comment-item-time{font-size:11px;color:var(--gray4);margin-top:4px}.project-board-comment-panel-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line-color);background:var(--gray1);color:var(--text)}.project-board-comment-panel-input textarea{flex:1;min-height:36px;max-height:100px;padding:8px 12px;background:var(--main-background);border:1px solid var(--gray2);border-radius:8px;color:var(--text)!important;font-size:13px;font-family:inherit;resize:none}.project-board-comment-panel-input textarea:focus{outline:none;border-color:var(--blue-blue)}.project-board-comment-send-btn{padding:8px 16px;background:var(--blue-blue);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.project-board-comment-send-btn:hover:not(:disabled){opacity:.9}.project-board-comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.variable{display:inline-flex;align-items:center;padding:0 6px;margin:-2px 2px 0;border-radius:4px;font-size:14px;font-family:ARLRDBD;cursor:default;white-space:nowrap;vertical-align:middle;height:24px;gap:4px;transition:all .15s ease-in-out;transform:translateY(1px);user-select:none}.variable i{font-size:15px!important;opacity:.7;margin-right:-1px;transform:translateY(-.5px);transition:opacity .15s ease-in-out}.variable .type{font-size:12px;opacity:.6;padding:0 4px;border-radius:3px;line-height:18px;transition:opacity .15s ease-in-out}.variable.information{background-color:rgba(var(--blue-blue-rgb),.1);border:1px solid rgba(var(--blue-blue-rgb),.1)}.variable.double{background-color:#90caf91a;border:1px solid rgba(144,202,249,.1)}.variable.boolean{background-color:#81c7841a;border:1px solid rgba(129,199,132,.1)}.variable.object{background-color:#ce93d81a;border:1px solid rgba(206,147,216,.1)}.variable:hover{filter:brightness(1.1);border-color:rgba(var(--blue-blue-rgb),.2)}.variable:hover i{opacity:.9}.variable:hover .type{opacity:.8}[data-slate-editor]{line-height:1.6;letter-spacing:.01em}[data-slate-editor] p{margin:.5em 0}:root{--dark-text: var(--text);--dark-background: var(--main-background);--dark-secondary-background: var(--gray1);--dark-tertiary-background: var(--gray2);--dark-border: var(--line-color);--dark-accent: var(--blue-blue);--dark-hover: var(--gray3);--dark-input-bg: var(--gray2);--dark-button-bg: var(--gray2);--dark-shadow: var(--shadow);--dark-ground: #111111;--light-text: var(--text);--light-background: var(--main-background);--light-secondary-background: var(--gray1);--light-tertiary-background: var(--background);--light-border: var(--line-color);--light-accent: var(--blue-blue);--light-hover: var(--gray2);--light-input-bg: var(--background);--light-button-bg: var(--gray2);--light-shadow: var(--shadow);--light-ground: var(--gray1)}.servo-editor,.servo-editor.dark-theme{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--dark-background);color:var(--dark-text);font-family:var(--font-arial-rounded-mt);overflow:hidden}.servo-editor{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--background);color:var(--text);font-family:var(--font-arial-rounded-mt)}.servo-editor.light-theme{background-color:var(--light-background);color:var(--light-text)}.toolbar{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:auto;min-height:60px;z-index:10;border-bottom:1px solid;box-shadow:0 2px 5px var(--shadow)}.dark-theme .toolbar{background-color:var(--dark-secondary-background);border-color:var(--dark-border);box-shadow:0 2px 5px var(--dark-shadow)}.light-theme .toolbar{background-color:var(--light-secondary-background);border-color:var(--light-border);box-shadow:0 2px 5px var(--light-shadow)}.toolbar-section{display:flex;gap:12px;align-items:center;margin:4px 0}button,.import-button{padding:8px 14px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease;border:none;font-family:var(--font-arial-rounded-mt)}button i.material-icons{font-size:18px}.toolbar button{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.toolbar button.active,.toolbar button.primary{background-color:var(--blue-blue);color:var(--primary-btn-text)}.toolbar button.primary:hover{background-color:var(--blue-hover)}.dark-theme button,.dark-theme .import-button{background-color:var(--dark-button-bg);color:var(--dark-text)}.dark-theme button:hover,.dark-theme .import-button:hover{background-color:var(--dark-hover)}.dark-theme .toolbar button{background-color:var(--dark-button-bg);color:var(--dark-text)}.dark-theme .toolbar button:hover{background-color:var(--dark-hover)}.dark-theme .toolbar button.active,.dark-theme .toolbar button.primary{background-color:var(--dark-accent);color:var(--primary-btn-text)}.dark-theme .toolbar button.primary:hover{filter:brightness(1.2)}.light-theme button,.light-theme .import-button{background-color:var(--light-button-bg);color:var(--light-text)}.light-theme button:hover,.light-theme .import-button:hover{background-color:var(--light-hover)}.light-theme .toolbar button{background-color:var(--light-button-bg);color:var(--light-text)}.light-theme .toolbar button:hover{background-color:var(--light-hover)}.light-theme .toolbar button.active,.light-theme .toolbar button.primary{background-color:var(--light-accent);color:var(--primary-btn-text)}.light-theme .toolbar button.primary:hover{filter:brightness(.9)}.editor-container{display:flex;flex:1;overflow:hidden;position:relative}.editor-main-container{display:flex;height:100%;width:100%;overflow:hidden}.properties-panel{width:320px;overflow-y:auto;padding:0;border-left:1px solid;box-shadow:-2px 0 5px var(--shadow)}.dark-theme .properties-panel{background-color:var(--dark-secondary-background);border-color:var(--dark-border);box-shadow:-2px 0 5px var(--dark-shadow)}.light-theme .properties-panel{background-color:var(--light-secondary-background);border-color:var(--light-border);box-shadow:-2px 0 5px var(--light-shadow)}.property-group{margin:12px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.dark-theme .property-group{background-color:var(--dark-tertiary-background);border:1px solid var(--dark-border);box-shadow:0 2px 8px var(--dark-shadow)}.dark-theme .property-group h3{background-color:var(--dark-secondary-background);color:var(--dark-text);border-bottom:1px solid var(--dark-border);margin:0;padding:12px 16px;font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.light-theme .property-group{background-color:var(--light-tertiary-background);border:1px solid var(--light-border);box-shadow:0 2px 8px var(--light-shadow)}.light-theme .property-group h3{background-color:var(--light-secondary-background);color:var(--light-text);border-bottom:1px solid var(--light-border);margin:0;padding:12px 16px;font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.property-group h3{margin:0;font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px}.collapsible-icon{transition:transform .2s ease-in-out}.property-row{padding:12px 16px;border-bottom:1px solid}.dark-theme .property-row{border-color:var(--dark-border)}.light-theme .property-row{border-color:var(--light-border)}.property-row:last-child{border-bottom:none}.property-row label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.dark-theme .property-row label{color:var(--dark-text)}.light-theme .property-row label{color:var(--light-text)}.property-inputs{display:flex;gap:8px}.property-input{display:flex;align-items:center;flex:1}.property-input.wide{width:100%;flex-direction:column;gap:4px}.property-input span{width:16px;font-weight:700;text-align:center;margin-right:6px}.dark-theme input[type=number],.dark-theme input[type=text]{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:var(--dark-text)}.dark-theme input[type=number]:focus,.dark-theme input[type=text]:focus{outline:none;border-color:var(--dark-accent);box-shadow:0 0 0 2px var(--dark-accent-shadow, rgba(0, 120, 215, .2))}.light-theme input[type=number],.light-theme input[type=text]{background-color:var(--light-input-bg);border-color:var(--light-border);color:var(--light-text)}.light-theme input[type=number]:focus,.light-theme input[type=text]:focus{outline:none;border-color:var(--light-accent);box-shadow:0 0 0 2px var(--light-accent-shadow, rgba(0, 120, 215, .2))}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:2px;outline:none;margin:10px 0;background:var(--gray3)}.dark-theme input[type=range]{background:var(--dark-hover)}.light-theme input[type=range]{background:var(--light-hover)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;cursor:pointer;background:var(--blue-blue);border:2px solid var(--main-background);box-shadow:0 0 2px #0000004d}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;cursor:pointer;background:var(--blue-blue);border:2px solid var(--main-background);box-shadow:0 0 2px #0000004d}.dark-theme input[type=range]::-webkit-slider-thumb{background:var(--dark-accent);border-color:var(--dark-background)}.dark-theme input[type=range]::-moz-range-thumb{background:var(--dark-accent);border-color:var(--dark-background)}.light-theme input[type=range]::-webkit-slider-thumb{background:var(--light-accent);border-color:var(--light-background)}.light-theme input[type=range]::-moz-range-thumb{background:var(--light-accent);border-color:var(--light-background)}.property-actions{padding:12px 16px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid}.dark-theme .property-actions{border-color:var(--dark-border)}.light-theme .property-actions{border-color:var(--light-border)}.property-actions button{flex:1;justify-content:center}.viewport-container{flex:1;position:relative;overflow:hidden}.viewport{width:100%;height:100%}.dark-theme .viewport{background-color:var(--dark-ground)}.light-theme .viewport{background-color:var(--light-ground)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:400px;max-width:90%;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.modal-content h3{margin:0;padding:16px 20px;font-size:16px;font-weight:500;border-bottom:1px solid}.modal-body{padding:20px}.modal-body input[type=text]{width:100%;padding:10px 12px;border-radius:4px;font-size:14px;margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;padding:12px 20px;gap:12px;border-top:1px solid}.modal-actions button{padding:8px 16px;font-size:14px}.modal-actions button.primary{background-color:var(--blue-blue);color:var(--primary-btn-text)}.modal-actions button.primary:hover{filter:brightness(1.1)}.dark-theme .modal-content{background-color:var(--dark-tertiary-background);box-shadow:0 4px 20px var(--dark-shadow)}.dark-theme .modal-content h3{background-color:var(--dark-secondary-background);color:var(--dark-text);border-bottom-color:var(--dark-border)}.dark-theme .modal-actions{border-top-color:var(--dark-border)}.dark-theme .modal-actions button{background-color:var(--dark-button-bg);color:var(--dark-text)}.dark-theme .modal-actions button:hover{background-color:var(--dark-hover)}.dark-theme .modal-actions button.primary{background-color:var(--dark-accent);color:var(--primary-btn-text)}.dark-theme .modal-actions button.primary:hover{filter:brightness(1.2)}.light-theme .modal-content{background-color:var(--light-tertiary-background);box-shadow:0 4px 20px var(--light-shadow)}.light-theme .modal-content h3{background-color:var(--light-secondary-background);color:var(--light-text);border-bottom-color:var(--light-border)}.light-theme .modal-actions{border-top-color:var(--light-border)}.light-theme .modal-actions button{background-color:var(--light-button-bg);color:var(--light-text)}.light-theme .modal-actions button:hover{background-color:var(--light-hover)}.light-theme .modal-actions button.primary{background-color:var(--light-accent);color:var(--primary-btn-text)}.light-theme .modal-actions button.primary:hover{filter:brightness(.9)}.configs-list{max-height:300px;overflow-y:auto}.config-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;border-radius:6px;margin-bottom:4px}.dark-theme .config-item:hover{background-color:var(--dark-hover)}.light-theme .config-item:hover{background-color:var(--light-hover)}.config-actions{display:flex;gap:6px}.config-actions button{padding:4px;line-height:1}.config-actions button.danger{color:var(--red-red)}.config-actions button.danger:hover{background-color:var(--red-red);color:var(--primary-btn-text)}.property-info{padding:10px 16px;font-size:12px;display:flex;align-items:center;gap:8px;border-radius:4px;margin:12px 0 0}.dark-theme .property-info{background-color:var(--dark-secondary-background);color:var(--sub-text);border:1px solid var(--dark-border)}.light-theme .property-info{background-color:var(--light-secondary-background);color:var(--sub-text);border:1px solid var(--light-border)}.property-info i.material-icons{font-size:16px}input[type=color]{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:none;padding:0;border-radius:4px;cursor:pointer;background-color:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:4px}input[type=color]::-webkit-color-swatch{border:1px solid var(--gray3);border-radius:4px}input[type=color]::-moz-color-swatch{border:1px solid var(--gray3);border-radius:4px}select{width:100%;padding:8px 10px;border-radius:4px;font-size:13px;border:1px solid;background-color:var(--input-bg);color:var(--text);font-family:var(--font-arial-rounded-mt);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23${(isDarkMode) => isDarkMode ? 'FFFFFF' : '000000'}' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.dark-theme select{border-color:var(--dark-border);background-color:var(--dark-input-bg);color:var(--dark-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.light-theme select{border-color:var(--light-border);background-color:var(--light-input-bg);color:var(--light-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}select:focus{outline:none;border-color:var(--blue-blue);box-shadow:0 0 0 2px var(--blue-blue-shadow, rgba(15, 131, 233, .2))}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--gray3);border-radius:3px;cursor:pointer;position:relative;margin-right:5px;transition:background-color .2s,border-color .2s}.dark-theme .checkbox-label input[type=checkbox]{border-color:var(--dark-border)}.light-theme .checkbox-label input[type=checkbox]{border-color:var(--light-border)}.checkbox-label input[type=checkbox]:checked{background-color:var(--blue-blue);border-color:var(--blue-blue)}.checkbox-label input[type=checkbox]:checked:before{content:"✓";font-size:12px;color:var(--primary-btn-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.metallic-preview,.matte-preview{width:100%;height:30px;border-radius:4px;margin-top:8px;border:1px solid var(--gray2)}.dark-theme .metallic-preview,.dark-theme .matte-preview{border-color:var(--dark-border)}.light-theme .metallic-preview,.light-theme .matte-preview{border-color:var(--light-border)}.metallic-preview{background:linear-gradient(45deg,#c0c0c0,#808080,#c0c0c0)}.matte-preview{background-color:#555}button.danger{background-color:var(--red-red);color:var(--primary-btn-text)}.dark-theme button.danger:hover{background-color:var(--red-red);filter:brightness(1.2)}.light-theme button.danger:hover{background-color:var(--red-red);filter:brightness(.9)}.property-actions button i.material-icons{font-size:18px}.transform-controls,.transform-space,.view-controls,.save-controls{display:flex;gap:6px;align-items:center}.shortcuts-list{list-style:none;padding:0;margin:0}.shortcuts-list li{padding:6px 0;font-size:13px;display:flex;justify-content:space-between}.shortcuts-list .key{padding:3px 6px;border-radius:3px;font-weight:700;min-width:20px;text-align:center}.dark-theme .shortcuts-list .key{background-color:var(--dark-button-bg);border:1px solid var(--dark-border);color:var(--dark-text)}.light-theme .shortcuts-list .key{background-color:var(--light-button-bg);border:1px solid var(--light-border);color:var(--light-text)}.import-button{position:relative}.file-explorer{display:flex;flex-direction:column;height:100%;overflow:hidden}.file-explorer-header{padding:12px 16px;border-bottom:1px solid var(--line-color);display:flex;align-items:center;gap:8px;font-weight:500}.dark-theme .file-explorer-header{border-bottom-color:var(--dark-border)}.light-theme .file-explorer-header{border-bottom-color:var(--light-border)}.file-explorer-content{flex:1;overflow-y:auto;padding:8px}.strengths-page-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--main-background);gap:16px;flex-wrap:wrap}.strengths-page-top-bar-actions{display:flex;align-items:center;gap:12px}.strengths-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.strengths-page-create-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.strengths-page-create-btn:active{transform:translateY(0)}.strengths-page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--gray4);padding:60px 20px;background:var(--gray1);border:2px dashed var(--gray3);border-radius:16px;margin:24px}.strengths-page-placeholder-icon{font-size:48px;color:var(--gray3);margin-bottom:12px}.strengths-page-placeholder h2{font-size:20px;font-weight:600;margin:0;color:var(--contrast1)}.strengths-page-placeholder p{font-size:14px;margin:0;color:var(--gray4)}.strengths-page-get-started-btn{margin-top:16px;height:40px;display:flex;align-items:center;gap:10px;padding:0 20px;background-color:var(--blue-blue);border-radius:12px;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap}.strengths-page-get-started-btn:hover{background-color:var(--blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.strengths-page-top-bar{padding:12px 16px}}.sui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.sui-card{background:var(--best-gray);border:2px solid var(--gray2);border-radius:16px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sui-card:hover{transform:translateY(-2px);box-shadow:0 8px 38px var(--shadow);border-color:#0000001a}.sui-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid var(--gray2)}.sui-card-title{display:flex;align-items:center;gap:10px;font-family:ARLRDBD;font-size:16px}.sui-card-body{padding:14px 16px 16px}.sui-repo-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--gray1);border:1px solid var(--gray2);color:var(--text);border-radius:12px;font-size:12px}.sui-actions{display:flex;align-items:center;gap:8px}.sui-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:2px solid var(--gray2);background:var(--gray1);color:var(--text);cursor:pointer}.sui-btn.primary{background:var(--blue-blue);color:#fff;border-color:transparent}.sui-btn:disabled{opacity:.6;cursor:not-allowed}.sui-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:2px solid var(--gray2);background:var(--gray1);color:var(--text)}.sui-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:40px;border:2px dashed var(--gray2);border-radius:16px;color:var(--text)}.sui-empty-title{font-family:ARLRDBD;font-size:18px}.sui-empty-subtitle{opacity:.8}.sui-image-picker{width:200px;height:90px;border-radius:16px;border:2px solid var(--gray2);background:var(--background);overflow:hidden;position:relative;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sui-image-picker:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.sui-image-picker img{width:100%;height:100%;object-fit:cover;display:block}.sui-image-picker .sui-image-picker-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.25));display:flex;align-items:flex-end;justify-content:center;color:#fff;font-size:12px;padding:6px}.sui-image-picker-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sub-text);background:var(--gray1)}.stint-manager-sui-image-picker-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sub-text);background:var(--gray1);font-size:14px;font-weight:500}a.mapboxgl-ctrl-logo{height:0px!important}.niceContainer{background-color:var(--main-background);box-shadow:0 4px 100px var(--shadow);outline:2px solid var(--gray1)}.page-top-bar,.flows-page-top-bar,.policies-page-top-bar,.forms-page-top-bar,.stints-page-top-bar,.services-page-top-bar,.servos-page-top-bar,.events-page-top-bar,.rentals-page-top-bar,.displays-page-top-bar,.integrations-page-top-bar,.snippets-page-top-bar,.notebooks-page-top-bar,.menus-page-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:nowrap!important}.page-top-bar-actions,.flows-page-top-bar-actions,.policies-page-top-bar-actions,.forms-page-top-bar-actions,.stints-page-top-bar-actions,.services-page-top-bar-actions,.servos-page-top-bar-actions,.events-page-top-bar-actions,.rentals-page-top-bar-actions,.displays-page-top-bar-actions,.integrations-page-top-bar-actions,.snippets-page-top-bar-actions,.notebooks-page-top-bar-actions,.menus-page-top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.page-create-btn,.flows-page-create-btn,.policies-page-create-btn,.forms-page-create-btn,.stints-page-create-btn,.projects-page-create-btn,.services-page-create-btn,.servos-page-create-btn,.events-page-create-btn,.events-page-filter-btn,.rentals-page-create-btn,.displays-page-create-btn,.integrations-page-create-btn,.snippets-page-create-btn,.notebooks-page-create-btn,.inventory-page-create-btn,.menus-page-create-btn{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}.page-create-btn:hover,.flows-page-create-btn:hover,.policies-page-create-btn:hover,.forms-page-create-btn:hover,.stints-page-create-btn:hover,.projects-page-create-btn:hover,.services-page-create-btn:hover,.servos-page-create-btn:hover,.events-page-create-btn:hover,.events-page-filter-btn:hover,.rentals-page-create-btn:hover,.displays-page-create-btn:hover,.integrations-page-create-btn:hover,.snippets-page-create-btn:hover,.notebooks-page-create-btn:hover,.inventory-page-create-btn:hover,.menus-page-create-btn:hover{background-color:var(--best-gray);transform:translateY(-2px)}.page-create-btn:active,.flows-page-create-btn:active,.policies-page-create-btn:active,.forms-page-create-btn:active,.stints-page-create-btn:active,.projects-page-create-btn:active,.services-page-create-btn:active,.servos-page-create-btn:active,.events-page-create-btn:active,.events-page-filter-btn:active,.rentals-page-create-btn:active,.displays-page-create-btn:active,.integrations-page-create-btn:active,.snippets-page-create-btn:active,.notebooks-page-create-btn:active,.inventory-page-create-btn:active,.menus-page-create-btn:active{transform:translateY(0)}.page-clear-btn,.flows-page-clear-btn,.forms-page-clear-btn{position:relative;height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;background:rgba(239,68,68,.1);color:#ef4444;border:2px solid rgba(239,68,68,.2)!important;border-radius:15px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;font-family:var(--font-arial-rounded-mt);white-space:nowrap;flex-shrink:0}.page-clear-btn:hover,.flows-page-clear-btn:hover,.forms-page-clear-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444!important;transform:translateY(-2px)}.page-loading-indicator,.loading-indicator{font-size:12px;color:var(--sub-text);font-style:italic;font-family:var(--font-arial-rounded-mt);white-space:nowrap}@media (max-width: 900px){.page-top-bar,.flows-page-top-bar,.policies-page-top-bar,.forms-page-top-bar,.stints-page-top-bar,.services-page-top-bar,.servos-page-top-bar,.events-page-top-bar,.rentals-page-top-bar,.displays-page-top-bar,.integrations-page-top-bar,.snippets-page-top-bar,.notebooks-page-top-bar,.menus-page-top-bar{flex-direction:row!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important}.page-top-bar>div:nth-child(2),.flows-page-top-bar>div:nth-child(2),.policies-page-top-bar>div:nth-child(2),.forms-page-top-bar>div:nth-child(2),.stints-page-top-bar>div:nth-child(2),.services-page-top-bar>div:nth-child(2),.servos-page-top-bar>div:nth-child(2),.events-page-top-bar>div:nth-child(2),.rentals-page-top-bar>div:nth-child(2),.displays-page-top-bar>div:nth-child(2),.integrations-page-top-bar>div:nth-child(2),.snippets-page-top-bar>div:nth-child(2),.notebooks-page-top-bar>div:nth-child(2),.menus-page-top-bar>div:nth-child(2){display:none!important}.page-top-bar-actions,.flows-page-top-bar-actions,.policies-page-top-bar-actions,.forms-page-top-bar-actions,.stints-page-top-bar-actions,.services-page-top-bar-actions,.servos-page-top-bar-actions,.events-page-top-bar-actions,.rentals-page-top-bar-actions,.displays-page-top-bar-actions,.integrations-page-top-bar-actions,.snippets-page-top-bar-actions,.notebooks-page-top-bar-actions,.menus-page-top-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.page-create-btn,.flows-page-create-btn,.policies-page-create-btn,.forms-page-create-btn,.stints-page-create-btn,.projects-page-create-btn,.servos-page-create-btn,.events-page-create-btn,.rentals-page-create-btn,.displays-page-create-btn,.integrations-page-create-btn,.snippets-page-create-btn,.notebooks-page-create-btn,.menus-page-create-btn{height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;background-color:var(--best-gray);border-radius:15px;border:2px solid var(--gray2)!important;color:var(--sub-text);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-arial-rounded-mt);font-weight:600;white-space:nowrap;flex-shrink:0}}.tv-detection-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);padding:24px}.tv-detection-modal-content{background:var(--background, #121212);border:1px solid var(--gray2, rgba(255, 255, 255, .12));border-radius:28px;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px -8px #00000073;overflow:hidden;transform:scale(.85)}.tv-detection-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--gray2, rgba(255, 255, 255, .1))}.tv-detection-modal-icon-wrapper{width:60px;height:60px;margin:0 auto 12px;background:var(--blue-blue, rgba(0, 140, 255, .1));border-radius:16px;display:flex;align-items:center;justify-content:center}.tv-detection-modal-icon{font-size:32px;color:#fff}.tv-detection-modal-icon svg{width:32px;height:32px;color:#fff}.tv-detection-modal-header h2{font-size:22px;font-weight:600;color:var(--text, #fff);margin:0 0 8px;font-family:ARLRDBD,Arial,sans-serif}.tv-detection-modal-header p{font-size:14px;color:var(--sub-text, rgba(255, 255, 255, .7));margin:0}.tv-detection-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.tv-detection-loading{text-align:center;padding:40px}.tv-detection-loading p{margin-top:16px;color:var(--sub-text, rgba(255, 255, 255, .7))}.tv-detection-empty{text-align:center;padding:40px}.tv-detection-empty-icon{font-size:64px;color:var(--sub-text, rgba(255, 255, 255, .3));margin-bottom:16px}.tv-detection-empty-icon svg{width:64px;height:64px;color:var(--sub-text, rgba(255, 255, 255, .3))}.tv-detection-empty p{color:var(--text, #fff);font-size:18px;margin:0 0 8px}.tv-detection-empty-sub{font-size:14px;color:var(--sub-text, rgba(255, 255, 255, .6));margin:0 0 20px}.tv-detection-display-list{display:flex;flex-direction:column;gap:12px}.tv-detection-display-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gray1, rgba(255, 255, 255, .05));border:2px solid var(--gray2, rgba(255, 255, 255, .1));border-radius:12px;cursor:pointer;transition:all .2s ease;outline:none}.tv-detection-display-card:hover{background:var(--gray2, rgba(255, 255, 255, .1));border-color:var(--blue-blue, rgba(0, 140, 255, .3));transform:translate(4px)}.tv-detection-display-card-focused{background:var(--blue-blue, rgba(0, 140, 255, .15))!important;border-color:var(--blue-blue, #008cff)!important;border-width:3px!important;transform:translate(8px) scale(1.02);box-shadow:0 4px 20px #008cff4d}.tv-detection-display-card-focused .tv-detection-display-icon{background:var(--blue-blue, rgba(0, 140, 255, .2))}.tv-detection-display-card-focused .tv-detection-display-arrow{color:var(--blue-blue, #008cff)!important;transform:translate(8px)}.tv-detection-display-icon{font-size:20px;color:var(--blue-blue, #008cff);flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--blue-blue, rgba(0, 140, 255, .1));border-radius:10px}.tv-detection-display-icon svg{width:20px;height:20px;color:#fff}.tv-detection-display-info{flex:1}.tv-detection-display-info h3{font-size:16px;font-weight:600;color:var(--text, #fff);margin:0 0 4px}.tv-detection-display-info p{font-size:13px;color:var(--sub-text, rgba(255, 255, 255, .6));margin:0}.tv-detection-display-arrow{font-size:18px;color:var(--sub-text, rgba(255, 255, 255, .4));transition:all .2s ease;flex-shrink:0}.tv-detection-display-arrow svg{width:18px;height:18px;color:inherit}.tv-detection-display-card:hover .tv-detection-display-arrow{color:var(--blue-blue, #008cff);transform:translate(4px)}.tv-detection-modal-footer{padding:16px 24px;border-top:1px solid var(--gray2, rgba(255, 255, 255, .1));display:flex;flex-direction:column;align-items:center;gap:12px}.tv-detection-footer-note{font-size:12px;color:var(--sub-text, rgba(255, 255, 255, .5));margin:0}.tv-detection-footer-buttons{display:flex;gap:12px;justify-content:center}.tv-detection-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:6px;font-family:ARLRDBD,Arial,sans-serif}.tv-detection-btn svg{width:14px;height:14px}.tv-detection-btn-skip{background:var(--gray1, rgba(255, 255, 255, .1));color:var(--text, rgba(255, 255, 255, .8))}.tv-detection-btn-skip:hover{background:var(--gray2, rgba(255, 255, 255, .15));color:var(--text, #fff)}.tv-detection-btn-retry{background:var(--blue-blue, rgba(0, 140, 255, .2));color:var(--blue-blue, #008cff);border:1px solid var(--blue-blue, rgba(0, 140, 255, .3))}.tv-detection-btn-retry:hover{background:var(--blue-blue, rgba(0, 140, 255, .3));border-color:var(--blue-blue, rgba(0, 140, 255, .5))}.tv-detection-btn-debug{background:var(--gray1, rgba(255, 255, 255, .1));color:var(--text, rgba(255, 255, 255, .8));border:1px solid var(--gray2, rgba(255, 255, 255, .2))}.tv-detection-btn-debug:hover{background:var(--gray2, rgba(255, 255, 255, .15));border-color:var(--blue-blue, rgba(0, 140, 255, .3));color:var(--blue-blue, #008cff)}.react-flow{--xy-theme-selected: #1B89EA;--xy-theme-hover: #1b89ea76;--xy-theme-edge-hover: #1B89EA;--xy-theme-color-focus: var(--background);--xy-theme-edge-stroke: #1B89EA;--xy-theme-edge-stroke-width: 3;--xy-theme-edge-stroke-linecap: round;--xy-theme-edge-stroke-dasharray: 10;--xy-node-background-color-default: transparent;--xy-node-border-default: none;--xy-node-boxshadow-default: none;--xy-node-border-radius-default: 8px;--xy-handle-background-color-default: var(--background)}.react-flow.dark{--xy-node-boxshadow-default: 0px 3.54px 4.55px 0px rgba(225, 54, 54, .05), 0px 3.54px 4.55px 0px rgba(255, 255, 255, .13), 0px .51px 1.01px 0px rgba(255, 255, 255, .2);--xy-theme-color-focus: #535353}:root[data-theme=dark]{--background: #121212;--text-color: #ffffff;--xy-node-background-color-default: transparent;--xy-node-color-default: #ffffff;--xy-theme-hover: #333333;--xy-theme-selected: #1B89EA;--xy-theme-edge-hover: #1B89EA;--xy-theme-color-focus: #535353;--xy-theme-edge-stroke: #1B89EA;--xy-theme-edge-stroke-width: 3;--xy-theme-edge-stroke-linecap: round;--xy-theme-edge-stroke-dasharray: 10;--xy-handle-background-color-default: #1e1e1e;--xy-handle-border-color-default: #AAAAAA;--xy-edge-label-color-default: #AAAAAA}.react-flow__node{box-shadow:var(--xy-node-boxshadow-default);border-radius:var(--xy-node-border-radius-default);background-color:var(--xy-node-background-color-default);border:var(--xy-node-border-default);color:var(--xy-node-color, var(--xy-node-color-default))}.react-flow__node.transparent{background-color:transparent}.react-flow__node.selectable:focus{box-shadow:0 0 0 4px var(--xy-theme-color-focus);border-color:var(--background)}.react-flow__node.selectable:focus:active{box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node.selectable:hover,.react-flow__node.draggable:hover{border-color:var(--xy-theme-hover)}.react-flow__node.selectable.selected{border-color:var(--xy-theme-selected);box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node-group{background-color:#cfb6ff66;border-color:#9e86ed}.react-flow__edge.selectable:hover .react-flow__edge-path,.react-flow__edge.selectable.selected .react-flow__edge-path{stroke:var(--xy-theme-edge-hover)}.react-flow__handle{background-color:var(--xy-handle-background-color-default);transition:transform .15s ease,box-shadow .15s ease;transform-origin:center center}.react-flow__handle:hover,.react-flow__handle:focus-visible{transform:scale(1.35);box-shadow:0 0 0 8px #1b89ea33}.react-flow__handle-bottom:hover,.react-flow__handle-bottom:focus-visible,.react-flow__handle-top:hover,.react-flow__handle-top:focus-visible{transform:translate(-50%) scale(1.35)}.react-flow__handle-left:hover,.react-flow__handle-left:focus-visible,.react-flow__handle-right:hover,.react-flow__handle-right:focus-visible{transform:translateY(-50%) scale(1.35)}.react-flow__handle.connectionindicator:hover{pointer-events:all;border-color:var(--xy-theme-edge-hover);background-color:var(--background)}.react-flow__handle.connectionindicator:focus,.react-flow__handle.connectingfrom,.react-flow__handle.connectingto{border-color:var(--xy-theme-edge-hover)}.react-flow__node-resizer{border-radius:0;border:none}.react-flow__resize-control.handle{background-color:var(--background);border-color:#9e86ed;border-radius:0;width:5px;height:5px}.react-flow__edge-path{stroke:var(--xy-theme-edge-stroke);stroke-width:var(--xy-theme-edge-stroke-width);stroke-linecap:var(--xy-theme-edge-stroke-linecap);stroke-dasharray:var(--xy-theme-edge-stroke-dasharray)}.react-flow-custom .react-flow__edges{z-index:2}.react-flow-custom .react-flow__nodes{z-index:1}[data-oid="81f5fy_"],[data-oid=ikvxq_h],[data-oid="kbr9j:2"],[data-oid=xfp3t14]{background-color:transparent!important;box-shadow:none!important;border:none!important}@font-face{font-family:Rounded;src:url(/fonts/ARLRDBD.ttf) format("truetype");font-weight:400;font-style:normal}:root{--main-background: #ffffff;--gray1: #F7F7F7;--gray2: #EBEBEB;--gray3: #C5C5C5;--gray4: #A7A7A7;--contrast1: #242323;--blue-blue: #0F83E9;--primary-btn-text: #FFFFFF;--line-color: #E0E3E7;--background: #FFFFFF;--text: #000000;--sub-text: rgba(0, 0, 0, .8);--shadow: rgba(0, 0, 0, .08);--gradient2: rgba(0, 255, 255, 0);--contrast-f7: #F7F7F7;--red-red: #D93535;--green-green: #34A853;--best-gray: #F7F7F7;--handle-shadow: inset 3px 3px 4px rgba(0, 0, 0, .31);--font-arial-rounded-mt: "Airbnb Cereal App", "ARBNB", "Arial Rounded Bold", "ARLRDBD", "Rounded", "Arial Rounded MT Bold", Arial, sans-serif;--forOverlay: rgba(255, 255, 255, .5);--elements-picker-bg: var(--main-background);--blue-light: color-mix(in srgb, var(--blue-blue) 10%, #000 0%) !important}[data-theme=dark]{--main-background: #000000;--gray1: #222222;--gray2: #222222;--gray3: #7E7E7E;--gray4: #7E7E7E;--contrast1: #FFFFFF;--blue-blue: #0F83E9;--primary-btn-text: #FFFFFF;--line-color: #22282F;--background: #000000;--text: #FFFFFF;--sub-text: #828282;--shadow: rgba(134, 150, 150, .15);--gradient2: rgba(0, 0, 0, 0);--contrast-f7: #161818;--red-red: #D93535;--best-gray: #222222;--green-green: #34A853;--handle-shadow: inset 0px 0px 2.5px rgba(255, 255, 255, .105);--forOverlay: rgba(211, 211, 211, .5);--elements-picker-bg: var(--best-gray);--blue-light: color-mix(in srgb, var(--blue-blue) 10%, #000 0%) !important}body.ai-chat-open .app-main-shell,body.ai-chat-open .dashboard-layout,body.ai-chat-open .main-content,body.ai-chat-open .desktop-shell,body.ai-chat-open .docs-page{margin-right:400px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .app-main-shell,body:not(.ai-chat-open) .dashboard-layout,body:not(.ai-chat-open) .main-content,body:not(.ai-chat-open) .desktop-shell,body:not(.ai-chat-open) .docs-page{margin-right:0;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){body.ai-chat-open .desktop-shell,body.ai-chat-open .docs-page{width:calc(100% - 400px);transition:width .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .desktop-shell{width:100%;transition:width .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1)}body:not(.ai-chat-open) .docs-page{width:100%;transition:width .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1)}}.simulation-window-highest-z{z-index:2147483647!important}@media (max-width: 768px){.simulation-window-highest-z{z-index:1002!important}}.simulation-window-resize-handle{z-index:2147483647!important}@font-face{font-family:ARLRDBD;src:url(/fonts/ARLRDBD.ttf) format("truetype")}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--font-arial-rounded-mt: "ARLRDBD", sans-serif}*{-webkit-tap-highlight-color:transparent!important}*:focus,*:active,*:hover{-webkit-tap-highlight-color:transparent!important}a,button,input,select,textarea,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;touch-action:manipulation}@media (hover: none) and (pointer: coarse){button:hover,a:hover,[role=button]:hover,[tabindex]:hover{opacity:1!important;filter:none!important;transform:none!important;box-shadow:none!important}}html,body{margin:0;padding:0;font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif);box-sizing:border-box;width:100%;overflow:hidden;background-color:var(--main-background, #ffffff);color:var(--text-color);-webkit-text-size-adjust:100%}.app-custom-font-enabled body,.app-custom-font-enabled body *:not(code):not(pre):not(kbd):not(samp):not(.material-icons):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp){font-family:var(--font-arial-rounded-mt, "ARLRDBD", sans-serif)!important}#root{width:100%;height:100%}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}}input::placeholder,textarea::placeholder{color:var(--sub-text, #888);opacity:1}#app{width:100vw;height:100vh;overflow:hidden}.app-safe-area-layout{min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);width:100%;box-sizing:border-box}.app-main-shell{width:100%;min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));box-sizing:border-box}button:not(.support-widget-trigger){box-shadow:none!important;transition:none!important;transform:none!important}button:not(.support-widget-trigger):hover{box-shadow:none!important}.button-edge__label{position:absolute;pointer-events:all;transform-origin:center;z-index:100000}.button-edge__button{width:20px;height:20px;border:5px solid;display:flex;align-items:center;justify-content:center;color:var(--xy-edge-node-color-default);border:2px solid var(--main-background)!important;background-color:var(--best-gray);cursor:pointer;border-radius:50%;font-size:12px;padding:0;z-index:100000}.button-edge__button:hover{background-color:var(--red-red);color:#fff}.react-flow__edge-textbg{fill:#000}.react-flow__handle.custom-handle{background-color:var(--xy-handle-border-color-default);border-radius:1px;width:20px;height:4px;border:none;min-width:2px;min-height:2px}.react-flow__handle.custom-handle:hover,.react-flow__handle.custom-handle.connectionindicator:focus,.react-flow__handle.custom-handle.connectingfrom,.react-flow__handle.custom-handle.connectingto{background-color:var(--xy-theme-edge-hover)}.react-flow__handle-bottom.custom-handle{bottom:-5px;transform:none}.react-flow__handle-top.custom-handle{top:-5px;transform:none}.react-flow__handle-left.custom-handle{height:8px;width:4px;left:-3px}@media (max-width: 768px){.react-flow__handle{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border-width:3px!important}.react-flow__handle-bottom{bottom:-10px!important}.react-flow__handle-top{top:-10px!important}.react-flow__handle-left{left:-10px!important}.react-flow__handle-right{right:-10px!important}}.variable-handle{opacity:.8;transition:all .2s ease}.variable-handle:hover{opacity:1;transform:scale(1.2)}.variable-handle.connecting{animation:pulse 1.5s infinite}.variable-handle.userFlow{background-color:var(--background);border:2px solid #1B89EA}.variable-handle.workOrder{background-color:var(--background);border:2px solid #9747FF}.variable-handle.information{background-color:var(--background);border:2px solid #2DA7A3}.variable-handle.payment,.variable-handle.double{background-color:var(--background);border:2px solid #FF9101}.variable-handle.preset{background-color:var(--background);border:2px solid #666666}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--handle-color-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--handle-color-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--handle-color-rgb),0)}}.variable-handle.userFlow{--handle-color-rgb: 27, 137, 234}.variable-handle.workOrder{--handle-color-rgb: 151, 71, 255}.variable-handle.information{--handle-color-rgb: 45, 167, 163}.variable-handle.payment,.variable-handle.double{--handle-color-rgb: 255, 145, 1}.variable-handle.preset{--handle-color-rgb: 102, 102, 102}.variable-handle.connecting{transform:scale(1.2);opacity:1}.react-flow__minimap .group{fill-opacity:.4}.react-flow__minimap .resizer,.react-flow__minimap .tools,.react-flow__minimap .circle,.react-flow__minimap .textinput{fill:#6868687d}.react-flow__minimap .circle{rx:100%;ry:100%}.react-flow__minimap .annotation{display:none}.react-flow__node-selected{border-color:#1b89ea;box-shadow:0 0 10px #1b89ea}.react-flow__node-dragging{border-color:#1b89ea}.react-flow__edge-selected{border-color:#1b89ea;box-shadow:0 0 10px #1b89ea}.react-flow__edge-dragging{stroke:#1b89ea;stroke-width:3;stroke-linecap:round;stroke-dasharray:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background);color:var(--text-color);gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray2);border-top:3px solid var(--blue-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-container div:not(.loading-spinner){font-size:16px;color:var(--sub-text);font-family:ARLRDBD,sans-serif}.auth-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background);display:flex;align-items:center;justify-content:center;z-index:9999}.auth-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-loading-spinner{width:24px;height:24px;border:2px solid var(--text-color-secondary, #e0e0e0);border-top:2px solid var(--primary-color, #007bff);border-radius:50%;animation:auth-loading-spin 1s linear infinite}.auth-loading-text{font-size:14px;color:var(--text-color-secondary, #666);font-weight:400}@keyframes auth-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .auth-loading-spinner{border-color:#333;border-top-color:#007bff}[data-theme=dark] .auth-loading-text{color:#999}.react-flow__node{pointer-events:auto}.react-flow__node .nodrag{pointer-events:auto!important}.react-flow__node button,.react-flow__node [role=button],.react-flow__node input,.react-flow__node textarea,.react-flow__node select{pointer-events:auto!important;cursor:pointer}@keyframes support-panel-expand{0%{opacity:0;transform:translateY(24px) scale(.95);clip-path:inset(4% 0 0 0 round 20px)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0% 0 0 0 round 20px)}}@keyframes support-panel-collapse{0%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0% 0 0 0 round 20px)}to{opacity:0;transform:translateY(16px) scale(.96);clip-path:inset(4% 0 0 0 round 20px)}}.support-widget-panel{transform-origin:bottom right!important;transform:translateY(24px) scale(.95)!important;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s!important}.support-widget-panel--open{transform:translateY(0) scale(1)!important;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s!important;animation:support-panel-expand .38s cubic-bezier(.22,1,.36,1) forwards!important}.support-widget-trigger{transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .22s ease,box-shadow .22s ease!important;box-shadow:0 4px 20px #0f83e959!important}.support-widget-trigger:hover{transform:scale(1.08)!important;box-shadow:0 6px 28px #0f83e973!important}.support-widget-trigger--hidden{transform:scale(.7) translateY(8px)!important;transition:transform .22s cubic-bezier(.4,0,1,1),opacity .18s ease,visibility 0s linear .22s!important}
