@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-cyrillic-wght-normal-5WvUvBgz.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-vietnamese-wght-normal-Cabi7G8-.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-latin-ext-wght-normal-CT1r92Rl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-latin-wght-normal-BOwq7MWX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2) format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-cyrillic-ext-wght-normal-Dnh7MieK.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-cyrillic-wght-normal-guFUvCmj.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-greek-ext-wght-normal-nQ-lF1_g.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-greek-wght-normal-CqGbWCh6.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-hebrew-wght-normal-CnzTv9-_.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-vietnamese-wght-normal-DEh0sKW-.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-latin-ext-wght-normal-ByRJPgQH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Arimo Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/arimo-latin-wght-normal-B-VRLyOh.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-cyrillic-ext-400-normal-J_B9mE78.woff2) format("woff2"),url(/assets/tinos-cyrillic-ext-400-normal-Dcpi0tkB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-cyrillic-400-normal-AIttHg34.woff2) format("woff2"),url(/assets/tinos-cyrillic-400-normal-DilkrXYO.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-greek-ext-400-normal-Bt7l2lG5.woff2) format("woff2"),url(/assets/tinos-greek-ext-400-normal-IIrd4H3Z.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-greek-400-normal-CTYNdfiq.woff2) format("woff2"),url(/assets/tinos-greek-400-normal-D32uA87q.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-hebrew-400-normal-D3aHXGci.woff2) format("woff2"),url(/assets/tinos-hebrew-400-normal-oACQbQXy.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-vietnamese-400-normal-DIaTa6Ga.woff2) format("woff2"),url(/assets/tinos-vietnamese-400-normal-YOoRwJn_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-ext-400-normal-CL49go0b.woff2) format("woff2"),url(/assets/tinos-latin-ext-400-normal-CcZ6sw0k.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-normal-CNS76o9R.woff2) format("woff2"),url(/assets/tinos-latin-400-normal-IVTQQdcE.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #e07356;--color-primary-hover: #c45a3c;--color-primary-light: rgba(224, 115, 86, .1);--color-primary-text: #ffffff;--color-bg: #f7f6f3;--color-bg-cream: #fdf8f3;--color-surface-hover: rgba(0, 0, 0, .05);--color-surface-solid: #ffffff;--color-surface: var(--color-surface-solid);--color-text: #1a1a2e;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .2);--color-border-light: rgba(0, 0, 0, .07);--color-success: #16a34a;--color-success-light: rgba(22, 163, 74, .1);--color-warning: #ea580c;--color-warning-light: rgba(234, 88, 12, .1);--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: rgba(220, 38, 38, .1);--color-info: #2563eb;--color-info-light: rgba(37, 99, 235, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-bg-subtle: rgba(255, 255, 255, .15);--glass-border: rgba(0, 0, 0, .1);--glass-blur: 12px;--glass-shadow: 0 1px 4px rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .3);--overlay-bg-dark: rgba(0, 0, 0, .85);--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--control-sm: 1.25rem;--control-md: 1.75rem;--control-lg: 2.5rem;--input-height: 2rem;--input-height-sm: 1.75rem;--font-family: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-root: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--radius-sm: .1875rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 6px 12px rgba(0, 0, 0, .05);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--sidebar-mobile-width: 300px;--content-max-width: 1600px;--designer-panel-left: 220px;--designer-panel-left-collapsed: 48px;--designer-panel-right: 280px;--designer-toolbar-height: 52px;--designer-canvas-padding: 40px;--designer-panel-transition: width .25s ease;--designer-scrollbar-size: 6px;--designer-scrollbar-thumb: rgba(0, 0, 0, .12);--designer-scrollbar-thumb-hover: rgba(0, 0, 0, .25);--designer-grid-size: 20px;--designer-border: rgba(0, 0, 0, .06);--designer-border-subtle: rgba(0, 0, 0, .04);--designer-hover-bg: rgba(0, 0, 0, .02);--designer-surface: rgba(255, 255, 255, .7);--designer-surface-strong: rgba(255, 255, 255, .92);--designer-dot-grid: rgba(0, 0, 0, .18);--designer-shadow-strong: rgba(0, 0, 0, .12);--designer-font-tiny: 10px;--designer-font-micro: 9px;--designer-toolbar-name-max: 180px;--designer-input-height: 36px;--designer-input-padding-top: 18px;--designer-input-padding-bottom: 6px;--designer-layers-btn-size: 22px;--designer-layers-caret-size: 14px;--designer-layers-tree-indent: 12px;--designer-layers-branch-width: 10px;--login-card-width: 440px;--settings-max-width: 700px;--settings-max-width-wide: 1100px;--aside-width: 300px;--profile-card-width: 600px;--modal-max-width: 500px;--modal-lg-max-width: 660px;--modal-xl-max-width: 800px;--table-min-width: 600px;--public-link-max-width: 300px;--grid-min-content: 200px;--grid-min-card: 280px;--icon-btn-size: 36px;--icon-btn-size-sm: 28px;--icon-btn-size-lg: 44px;--color-swatch-size: 32px;--property-input-sm: 60px;--property-input-md: 80px;--property-input-lg: 100px;--empty-state-icon-size: 48px;--empty-state-max-width: 320px;--toolbar-divider-height: 24px;--sidebar-icon-size: 20px;--sidebar-toggle-size: 32px;--mobile-btn-size: 40px;--status-dot-size: 8px;--action-btn-size: 32px;--media-thumb-sm-size: 44px;--avatar-upload-size: 80px;--input-code-width: 160px;--message-card-width: 480px;--center-card-width: 400px;--display-number-size: 8rem;--code-block-max-height: 120px;--popover-arrow-size: 12px;--page-preview-height: 200px;--page-num-size: 18px;--error-icon-size: 64px;--textarea-min-height: 100px;--scrollbar-size: 6px;--page-header-mobile-indent: 48px;--blur-modal-backdrop: 8px;--blur-modal: 16px;--blur-login: 16px;--z-sidebar: 100;--z-dropdown: 200;--z-modal-backdrop: 300;--z-modal: 310;--z-popover: 400;--z-coachmark: 1000;--z-max: 9999;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-countdown: 1s linear}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-root);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}textarea{resize:vertical}.divider{border-bottom:1px solid var(--color-border-light);margin:var(--space-lg) 0}.divider-top{padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.divider-bottom{padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.divider-list>*{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0}.divider-list>*+*{border-top:1px solid var(--color-border-light)}.divider-list-labeled>*{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center}::selection{background-color:var(--color-primary);color:var(--color-primary-text)}img,video{display:block;max-width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}.page{padding:var(--space-md) 0}.page-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-3xl) 0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.page-subtitle{margin-top:var(--space-2xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-header-actions{display:flex;gap:var(--space-sm)}@media(max-width:768px){.page-header{padding-left:var(--space-sm);padding-right:var(--space-sm);gap:var(--space-lg)}}@media(max-width:350px){.page-header{flex-direction:column;align-items:center;gap:var(--space-md)}.page-header h1{font-size:var(--font-size-xl)}.page-header .btn{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-normal{font-weight:var(--font-weight-regular)}.nowrap{white-space:nowrap}.text-muted{color:var(--color-text-muted)}.text-secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.text-center{text-align:center}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.italic{font-style:italic}.spinning{animation:spin 1s linear infinite;display:inline-block}.font-mono{font-family:var(--font-family-mono)}.tabular{font-variant-numeric:tabular-nums}.code-chip{font-family:var(--font-family-mono);font-size:var(--font-size-md);background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all}.code-chip-wrap{word-break:break-all}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.caption{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2xs)}.meta-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.glass-surface{background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.flex-1{flex:1}.flex-row{display:flex;align-items:center;gap:var(--space-sm)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column;gap:var(--space-sm)}.flex-col-md{display:flex;flex-direction:column;gap:var(--space-md)}.flex-col-lg{display:flex;flex-direction:column;gap:var(--space-lg)}.flex-row-lg{display:flex;align-items:center;gap:var(--space-lg)}.flex-wrap{flex-wrap:wrap}.input-row{display:flex;align-items:stretch;gap:var(--space-sm)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2xs)}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.self-start{align-self:flex-start}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.is-dragging{visibility:hidden}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-gutter-wide{column-gap:var(--space-3xl)}.grid-aside{display:grid;grid-template-columns:minmax(0,1fr) var(--aside-width);gap:var(--space-lg);align-items:start}.grid-aside-col{position:sticky;top:var(--space-lg)}.grid-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-lg);align-items:start}.max-w-narrow{max-width:var(--settings-max-width)}.max-w-wide{max-width:var(--settings-max-width-wide)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.pull-end-sm{margin-right:calc(-1 * var(--space-sm))}.clickable{cursor:pointer}@media(max-width:1024px){.grid-2{grid-template-columns:1fr}}@media(max-width:900px){.grid-aside{grid-template-columns:1fr}.grid-aside-col{position:static}.grid-split{grid-template-columns:1fr}}[data-solid-toast]{font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:var(--input-height);padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-block{display:flex;width:100%}.corner-link{position:absolute;top:var(--space-lg);right:var(--space-lg);display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.corner-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-text)}.btn-secondary{background-color:var(--glass-bg);color:var(--color-text);border-color:var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:var(--color-primary-text);border-color:var(--color-danger)}.btn-danger:hover{opacity:.9}.btn-sm{height:auto;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-lg{height:auto;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md)}.btn-icon-slot{display:inline-flex;align-items:center;flex-shrink:0}.btn-icon{padding:var(--space-sm);width:var(--icon-btn-size);height:var(--icon-btn-size)}.btn-icon.btn-sm{padding:var(--space-xs);width:var(--icon-btn-size-sm);height:var(--icon-btn-size-sm)}.btn-icon.btn-lg{padding:var(--space-md);width:var(--icon-btn-size-lg);height:var(--icon-btn-size-lg)}.btn-quiet{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer}.btn-quiet-square{justify-content:center;flex-shrink:0;width:var(--input-height);height:var(--input-height);padding:0;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-quiet-square:hover{background-color:var(--color-bg);color:var(--color-text)}.btn-quiet-square.is-active{color:var(--color-primary)}.btn-quiet-square:focus-visible{outline:none;background-color:var(--color-bg);color:var(--color-text);box-shadow:0 0 0 3px var(--color-primary-light)}.btn-quiet-dim{display:flex;padding:var(--space-2xs);border-radius:var(--radius-sm);color:var(--color-primary);transition:color var(--transition-fast)}.btn-quiet-dim:hover{color:var(--color-primary-hover)}.link-quiet{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:none;border:none;font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast)}.link-quiet:hover{color:var(--color-primary)}.link-accent{padding:0 var(--space-xs);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.link-accent:hover{text-decoration:underline}.btn-float{width:var(--action-btn-size);height:var(--action-btn-size);padding:0;background:var(--color-surface-solid);color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.btn-float:hover{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-lg)}.btn-float-danger:hover{background:var(--color-danger);color:var(--color-surface-solid);box-shadow:var(--shadow-lg)}.outline-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.outline-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.outline-icon-btn-active,.outline-icon-btn-active:hover{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-light)}.btn-loading{display:inline-flex;align-items:center;letter-spacing:2px;animation:btn-pulse 1s ease-in-out infinite}@keyframes btn-pulse{0%,to{opacity:.4}50%{opacity:1}}.btn-danger-text:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.btn-ghost.is-active{background-color:var(--color-primary-light);color:var(--color-primary)}.toggle-pill{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.toggle-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.toggle-pill-active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.toggle-pill-active:hover{background:var(--color-primary-hover);color:var(--color-primary-text);border-color:var(--color-primary-hover)}.status-toggle{border:none;border-radius:var(--radius-full);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.status-toggle-draft{background-color:var(--color-warning-light);color:var(--color-warning)}.status-toggle-draft:hover,.status-toggle-published{background-color:var(--color-success-light);color:var(--color-success)}.status-toggle-published:hover{background-color:var(--color-warning-light);color:var(--color-warning)}.card{display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);overflow:hidden}.card-interactive{cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-interactive:hover,.card-interactive:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-padded{padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.card-solid{background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.card-header-flush{padding:var(--space-sm) 0;margin:0 var(--space-md);border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.card-body{padding:var(--space-md) var(--space-lg);flex:1}.card-body-tight{padding:var(--space-md)}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light)}.card-footer-split{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.card-footer-action{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border-light);border-radius:0;display:flex;align-items:center;gap:var(--space-xs)}.glass-card{background-color:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-lg)}.glass-card-narrow{width:100%;max-width:var(--login-card-width);margin:0 auto;padding:var(--space-2xl);backdrop-filter:blur(var(--blur-login));-webkit-backdrop-filter:blur(var(--blur-login));position:relative;z-index:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-card),1fr));gap:var(--space-md)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-content),1fr));gap:var(--space-lg)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-sm);max-height:320px;overflow-y:auto;padding:var(--space-2xs)}.card-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.card-stat-link{text-decoration:none;color:inherit;transition:border-color var(--transition-fast)}.card-stat-link:hover,.card-stat-link:focus-visible{border-color:var(--color-primary-light)}.stat-info{display:flex;flex-direction:column}.stat-icon{color:var(--color-primary);opacity:.5;display:flex}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:var(--line-height-tight)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.inline-stats{display:flex;gap:var(--space-lg);padding-bottom:var(--space-md);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.inline-stat{display:flex;align-items:center;gap:var(--space-xs)}.inline-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}.option-list{display:flex;flex-direction:column;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.option-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-solid);transition:background-color var(--transition-fast)}.option-row+.option-row{border-top:1px solid var(--color-border-light)}.option-row:hover{background-color:var(--color-primary-light)}.picker-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast)}.picker-item:hover{background:var(--color-primary-light)}.inset-panel{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--space-lg)}.picker-item-active,.picker-item-active:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.card-actions{display:flex;gap:var(--space-xs)}.hover-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.card-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-section-header{margin-bottom:var(--space-lg)}.icon-heading{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text)}.icon-heading h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.icon-heading svg{color:var(--color-text-muted)}.section-fill{display:flex;flex-direction:column;gap:var(--space-md);flex:1;justify-content:space-between}.section-fill .btn{align-self:flex-start}.media-frame{display:flex;justify-content:center;width:fit-content;padding:var(--space-md);background:var(--color-surface-solid);border-radius:var(--radius-md)}.inset-panel{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.media-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:var(--color-surface-hover);border-radius:var(--media-box-radius, 0);padding:var(--media-box-padding, 0);aspect-ratio:var(--media-box-aspect, 16 / 10)}.media-box img,.media-box video{width:100%;height:100%;object-fit:cover}.media-box-thumb{--media-box-aspect: 4 / 3;--media-box-radius: var(--radius-lg)}.media-box-thumb img,.media-box-thumb video{transition:transform var(--transition-fast)}.media-box-thumb:hover img,.media-box-thumb:hover video{transform:scale(1.03)}.media-box-preview{--media-box-padding: var(--space-md)}.media-box-strip{aspect-ratio:auto;height:80px}.media-thumb-sm{width:var(--media-thumb-sm-size);height:var(--media-thumb-sm-size);flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface-hover)}.media-thumb-sm img,.media-thumb-sm video{width:100%;height:100%;object-fit:cover}.media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface-hover);color:var(--color-text-muted)}.row-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-solid);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.row-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.row-card-aside{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.card-tile{background:linear-gradient(180deg,var(--color-surface-solid) 0%,var(--color-bg) 180%);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.card-tile-header{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.card-tile-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.card-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.preview-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.tile-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--color-border-light);overflow:hidden;background:var(--glass-bg)}.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.checkered-fill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--color-text-muted);background:repeating-conic-gradient(var(--color-surface-hover) 0% 25%,var(--glass-bg) 0% 50%) 50% / 16px 16px;border-bottom:1px solid var(--color-border-light)}.card-corner-handle{position:absolute;top:var(--space-xs);left:var(--space-xs);z-index:2;justify-content:center;padding:var(--space-2xs);border-radius:var(--radius-sm)}.card-corner-handle:hover{background:var(--color-surface-hover);color:var(--color-text)}.tile-footer{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);border-top:1px solid var(--color-border-light)}.tile-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.choice-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xs);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--glass-bg)}.choice-card-icon{display:flex;margin-bottom:var(--space-2xs);color:var(--color-text-muted)}.choice-card.is-selected .choice-card-icon{color:var(--color-primary)}.field-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-card:hover{border-color:var(--color-primary)}.field-card.is-dragging{opacity:.4}.card-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);padding:0;margin:0}.card-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);padding-left:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);border-left:2px solid var(--color-border)}.card-footer-stack{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.hover-reveal .card-actions,.hover-reveal .hover-reveal-item{opacity:0;transition:opacity var(--transition-fast)}.hover-reveal:hover .hover-actions,.hover-reveal:focus-within .hover-actions,.hover-reveal:hover .card-actions,.hover-reveal:focus-within .card-actions,.hover-reveal:hover .hover-reveal-item,.hover-reveal:focus-within .hover-reveal-item{opacity:1}.center-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:var(--center-card-width);margin:auto;padding:var(--space-2xl) var(--space-xl);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.center-card hr{width:100%;border:none;border-top:1px solid var(--color-border-light);margin:0}.center-card-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.center-card-group h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.center-card-group p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.center-card-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hover-reveal .hover-actions,.hover-reveal .card-actions,.hover-reveal .hover-reveal-item{opacity:1}}@media(max-width:640px){.card-grid-mobile-1col{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(max-width:350px){.media-grid,.stats-grid{grid-template-columns:1fr}}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-height:0;overflow-y:auto;padding:var(--space-md)}.chat-bubble{max-width:92%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);background:var(--color-surface-solid);font-size:var(--font-size-sm);white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble-user{align-self:flex-end;border-color:transparent;background:var(--color-primary-light)}.chat-bubble-error{border-color:var(--color-danger);background:var(--color-danger-light)}.chat-note{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-steps{display:flex;flex-direction:column;gap:var(--space-2xs);margin:var(--space-xs) 0 0;padding:0;list-style:none}.chat-step{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-step-error{color:var(--color-danger)}.chat-composer{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border-light)}.chat-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.cp-wrap{position:relative;display:flex;align-items:center;gap:6px}.cp-label{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:60px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.cp-inline{display:flex;align-items:center;flex:1;height:24px;gap:4px;min-width:0;overflow:hidden}.cp-swatch{width:16px;height:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;position:relative;overflow:hidden}.cp-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cp-color, transparent);border-radius:inherit}.cp-swatch:hover{border-color:var(--color-text-muted)}.cp-hex{flex:1;height:22px;border:none;border-radius:var(--radius-sm);background:none;padding:0 4px;font-size:11px;font-family:var(--font-family-mono);color:var(--color-text);outline:none;min-width:40px;letter-spacing:.03em}.cp-hex:hover{background:var(--color-bg);border-radius:var(--radius-sm)}.cp-hex:focus{background:var(--color-bg)}.cp-opacity-wrap{display:flex;align-items:center;gap:1px;flex-shrink:0;border-radius:var(--radius-sm);padding:0 2px;transition:background var(--transition-fast)}.cp-opacity-wrap:hover{background:var(--color-bg)}.cp-opacity-wrap:focus-within{background:var(--color-bg)}.cp-opacity{width:26px;height:22px;padding:0;font-size:10px;font-family:inherit;color:var(--color-text-muted);text-align:right;border:none;background:none;outline:none;-moz-appearance:textfield}.cp-opacity::-webkit-inner-spin-button,.cp-opacity::-webkit-outer-spin-button{-webkit-appearance:none}.cp-opacity:focus{color:var(--color-text)}.cp-opacity-unit{font-size:10px;color:var(--color-text-muted);pointer-events:none}.cp-icon-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast)}.cp-icon-btn:hover{opacity:1;color:var(--color-text)}.cp-popover-fixed{position:fixed;z-index:var(--z-modal);padding:10px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;width:240px;user-select:none;-webkit-user-select:none}.cp-eyedropper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.cp-eyedropper:hover{color:var(--color-text);background:var(--color-border-light)}.cp-quick{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.cp-quick-swatch{width:100%;aspect-ratio:1 / 1;padding:0;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.cp-quick-swatch:hover{border-color:var(--color-text-muted);transform:scale(1.08)}.cp-sat{position:relative;width:100%;height:140px;border-radius:var(--radius-lg);overflow:hidden;cursor:crosshair;touch-action:none}.cp-sat-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.cp-sat-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#000)}.cp-sat-pointer{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.cp-hue{position:relative;width:100%;height:8px;border-radius:99px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.cp-hue-pointer{position:absolute;top:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none;background:currentColor}.cp-popover-input{display:flex;align-items:center;gap:6px}.cp-popover-hex{flex:1;height:24px;padding:0 6px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);font-size:11px;font-family:var(--font-family-mono);outline:none}.cp-popover-hex:focus{border-color:var(--color-primary)}.cp-popover-preview{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--color-border-light);flex-shrink:0}.cp-tabs{display:flex;gap:2px;background:var(--color-bg);border-radius:var(--radius-md);padding:2px}.cp-tab{flex:1;padding:4px 8px;border:none;background:none;font-size:10px;font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer}.cp-tab:hover{color:var(--color-text)}.cp-tab-active{background:var(--color-surface-solid);color:var(--color-text);box-shadow:var(--shadow-sm)}.cp-grad-bar{position:relative;height:18px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);cursor:pointer;touch-action:none}.cp-grad-handle{position:absolute;top:50%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000026,0 1px 2px #0003;transform:translate(-50%,-50%);pointer-events:none}.cp-grad-handle-active{box-shadow:0 0 0 2px var(--color-primary),0 1px 2px #0003}.cp-stops-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0 0}.cp-stops-title{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.cp-stops-angle{display:flex;align-items:center;gap:1px;padding:2px 4px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.cp-stops-angle:hover{background:var(--color-bg)}.cp-stops-angle-unit{font-size:10px;color:var(--color-text-muted);pointer-events:none}.cp-popover-angle{width:24px;height:18px;padding:0;background:none;border:none;color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-medium);font-family:inherit;outline:none;text-align:right;-moz-appearance:textfield}.cp-popover-angle::-webkit-inner-spin-button,.cp-popover-angle::-webkit-outer-spin-button{-webkit-appearance:none}.cp-popover-angle:focus{color:var(--color-text)}.cp-stops-list{display:flex;flex-direction:column;gap:2px}.cp-stop-row{display:flex;align-items:center;gap:6px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast)}.cp-stop-row:hover{border-color:var(--color-border)}.cp-stop-row-active{border-color:var(--color-primary);background:var(--color-primary-bg, var(--color-bg))}.cp-stop-pos{font-size:10px;color:var(--color-text-muted);width:28px;flex-shrink:0;text-align:right}.cp-stop-swatch{width:14px;height:14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.cp-stop-hex{flex:1;height:20px;border:none;background:none;padding:0;font-size:11px;font-family:var(--font-family-mono);color:var(--color-text);outline:none;min-width:0}.cp-stop-hex:focus{color:var(--color-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:var(--empty-state-icon-size);height:var(--empty-state-icon-size);margin-bottom:var(--space-md);color:var(--color-text-muted)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-xs)}.empty-state-message{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:var(--empty-state-max-width);line-height:var(--line-height-normal);margin:0}.empty-state-action{margin-top:var(--space-lg)}.empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg)}.empty-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.message-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg);padding:var(--space-xl)}.message-screen-inline{min-height:60vh;background-color:transparent}.message-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;color:var(--color-text-muted)}.message-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.message-content p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.message-card{width:100%;max-width:var(--message-card-width);border-top:3px solid var(--color-primary)}.display-number{font-size:var(--display-number-size);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;opacity:.15}.player-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--color-text)}.player-message{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--space-sm);color:var(--color-surface-solid);font-size:var(--font-size-lg);text-align:center}.player-message-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.player-offline-badge{position:fixed;top:var(--space-sm);left:var(--space-sm);z-index:var(--z-max);padding:var(--space-xs) var(--space-sm);background:var(--color-warning);color:var(--color-surface-solid);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.wallpaper-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-cream);background-image:url(/assets/bg-Bsytrh4J.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--space-md);position:relative;overflow:hidden}.wallpaper-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bg-Bsytrh4J.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(-1);clip-path:inset(0 0 0 50%);pointer-events:none;z-index:0}.callout{padding:var(--space-md);background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.callout p{margin:0 0 var(--space-sm)}.callout p:last-child{margin-bottom:0}.callout-warning{--callout-bg: var(--color-warning-light);--callout-border: var(--color-warning)}.callout-primary{--callout-bg: var(--color-primary-light);--callout-border: var(--color-primary)}.callout-danger{--callout-bg: var(--color-danger-light);--callout-border: var(--color-danger)}.tip-panel{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-primary-light);border-radius:var(--radius-md)}.code-display{font-family:var(--font-family-mono);font-size:var(--code-display-size, var(--font-size-4xl));font-weight:var(--font-weight-bold);letter-spacing:.18em;color:var(--color-primary);line-height:1}.code-display-xl{--code-display-size: var(--font-size-5xl)}.code-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.code-card-row{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.code-card-row .outline-icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.code-block{padding:var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-danger);white-space:pre-wrap;word-break:break-word;max-height:var(--code-block-max-height);overflow:auto}.summary-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-xs) 0}.summary-toggle:hover{color:var(--color-text-secondary)}.progress-bar{width:100%;height:var(--progress-height, var(--space-sm));background:var(--progress-track, var(--color-border));border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--progress-speed, var(--transition-normal))}.progress-bar-countdown{--progress-height: var(--space-xs);--progress-track: var(--color-border-light);--progress-speed: var(--transition-countdown)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--banner-bg, transparent);border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:var(--font-size-sm);flex-shrink:0}.banner-primary{--banner-bg: var(--color-primary-light)}.icon-tooltip{color:var(--color-warning);cursor:help;display:inline-flex;align-items:center;position:relative;flex-shrink:0}.icon-tooltip svg{display:block}.icon-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-xs));left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-surface-solid);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;z-index:100;pointer-events:none;box-shadow:var(--shadow-lg)}.icon-tooltip-info{color:var(--color-text-muted)}.icon-tooltip-wide:hover:after{right:0;left:auto;width:18rem;transform:none;white-space:normal;text-align:left}.step-list{display:flex;flex-direction:column;gap:var(--space-sm)}.step-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.step-item code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-bg);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:var(--space-lg);height:var(--space-lg);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.floating-pill{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);background:var(--color-surface-solid);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);white-space:nowrap}@media(max-width:640px){.banner{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filter-bar .search-input{flex:1 1 240px;min-width:0;max-width:none;margin-bottom:0}.filter-bar .select-trigger{min-width:11rem}.filter-bar-sort{display:inline-flex;align-items:center;gap:var(--space-2xs);flex-shrink:0}.view-toggle{display:inline-flex;align-items:center;flex-shrink:0;height:var(--input-height);gap:var(--space-2xs)}@media(max-width:800px){.filter-bar .view-toggle{margin-left:auto}}@media(max-width:540px){.filter-bar .search-input{flex-basis:100%}.filter-bar-sort,.filter-bar>.select{flex:1 1 0;min-width:0}.filter-bar-sort .select,.filter-bar>.select,.filter-bar .select-trigger{width:100%;min-width:0}}.floating-window{position:fixed;z-index:calc(var(--z-modal-backdrop) - 1);display:flex;flex-direction:column;min-width:18rem;min-height:20rem;max-width:100vw;max-height:100vh;overflow:hidden;resize:both;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-solid);box-shadow:var(--shadow-xl)}.floating-window-static{resize:none;min-width:0;min-height:0}.floating-window-body{display:flex;flex:1;flex-direction:column;gap:var(--space-md);min-height:0;padding:var(--space-md);overflow-y:auto}.floating-window-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.floating-window-header-static{cursor:default}.floating-window-dragging{cursor:grabbing}.floating-window-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.floating-button{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:calc(var(--z-modal-backdrop) - 1);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-xl);cursor:pointer}.floating-button:hover{background:var(--color-primary-hover)}.floating-button-dot{position:absolute;top:var(--space-xs);right:var(--space-xs);width:.75rem;height:.75rem;border:2px solid var(--color-surface-solid);border-radius:var(--radius-full);background:var(--color-success)}.form-field{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}.form-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-2xs));margin-bottom:var(--space-xs);line-height:var(--line-height-normal)}.form-input{width:100%;height:var(--input-height);padding:0 var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.input-code{width:var(--input-code-width);letter-spacing:.15em;text-align:center}.input-code-lg{text-align:center;letter-spacing:.5em;font-size:var(--font-size-xl)}.input-color{width:var(--input-height);height:var(--input-height);padding:0;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;overflow:hidden;cursor:pointer;flex-shrink:0}.input-color::-webkit-color-swatch-wrapper{padding:0}.input-color::-webkit-color-swatch{border:none}.input-color::-moz-color-swatch{border:none}.input-color:disabled{cursor:not-allowed;opacity:.7}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.input-addon{display:flex;align-items:center;padding:0 var(--space-md);background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.form-textarea{width:100%;padding:var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--textarea-min-height);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-row{display:flex;gap:var(--space-md)}.form-row>*{flex:1;min-width:0}.form-lg{display:flex;flex-direction:column;gap:var(--space-md)}.form-lg .form-input{height:auto;padding:var(--space-md);font-size:var(--font-size-md)}.form-lg .btn-primary{width:100%;padding:var(--space-md);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.form-footer{margin-top:var(--space-lg);text-align:center;font-size:var(--font-size-sm)}.form-footer a{color:var(--color-text-muted);transition:color var(--transition-fast)}.form-footer a:hover{color:var(--color-primary);text-decoration:none}.form-fields-grid{display:flex;flex-wrap:wrap;gap:var(--space-md)}.form-fields-grid>*{flex-grow:1;flex-basis:100%;min-width:0}.form-field-w-1-2{flex-basis:calc(50% - var(--space-md))}.form-field-w-1-3{flex-basis:calc(33.333% - var(--space-md))}.form-section{margin-top:var(--space-lg)}.form-section-heading{margin-top:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.form-section-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.checkbox-option{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);cursor:pointer}.checkbox-row{display:flex;align-items:center;margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md)}.checkbox-inline{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer}.checkbox-inline input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;position:relative;flex-shrink:0}.checkbox-inline input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-inline input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--color-primary-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.editable-list{display:flex;flex-direction:column;gap:var(--space-xs)}.editable-list-item{display:flex;align-items:center;gap:var(--space-xs)}.editable-list-item .form-input{flex:1}.editable-list-add{align-self:flex-start;color:var(--color-text-secondary);gap:var(--space-xs);font-size:var(--font-size-sm);padding-left:var(--space-xs)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.missing-links-list{margin:var(--space-xs) 0;padding-left:var(--space-lg)}.missing-links-list li{margin-bottom:var(--space-2xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.field-preview{pointer-events:none}.field-preview .form-input,.field-preview .form-textarea{background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer}.field-preview-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap .form-input{padding-right:var(--space-2xl);width:100%}.password-input-toggle{position:absolute;right:var(--space-sm);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);display:flex;align-items:center}.password-input-toggle:hover{color:var(--color-text)}.password-requirements{list-style:none;padding:0;margin:var(--space-xs) 0 0;display:flex;flex-direction:column;gap:2px}.password-req{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.password-req-pass{color:var(--color-success)}.password-req-fail{color:var(--color-danger)}.input-row .password-input-wrap{flex:1;min-width:0}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);background-color:var(--color-surface-solid);border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-upload-zone:hover{border-color:var(--color-primary)}.file-upload-active{background-color:var(--color-primary-light);border-color:var(--color-primary)}.file-upload-uploading{pointer-events:none;opacity:.7;border-style:solid;border-color:var(--color-primary)}.file-upload-progress{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary)}.file-upload-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.multi-select-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);padding:var(--space-sm) 0}.multi-select-option{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer}.multi-select-option input{flex-shrink:0}.toggle-field{margin-bottom:var(--space-md)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:32px;height:18px;background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition-fast);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:var(--color-surface-solid);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.toggle-input:checked+.toggle-switch{background-color:var(--color-primary)}.toggle-input:checked+.toggle-switch:after{transform:translate(14px)}.toggle-input:focus-visible+.toggle-switch{box-shadow:0 0 0 2px var(--color-primary-light)}.toggle-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.search-input{display:flex;align-items:center;gap:var(--space-sm);height:var(--input-height);padding:0 var(--space-sm);margin-bottom:var(--space-md);max-width:320px;width:100%;border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:border-color var(--transition-fast)}.search-input:focus-within{border-color:var(--color-primary)}.search-input-icon{flex-shrink:0;color:var(--color-text-muted)}.search-input-field{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.search-input-field::placeholder{color:var(--color-text-muted)}.search-input-clear{display:flex;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast)}.search-input-clear:hover{color:var(--color-text)}.select{position:relative;display:inline-flex;flex-shrink:0}.select-block{display:flex;width:100%}.input-row .select{flex:1;min-width:0}.select-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);width:100%;min-width:9rem;height:var(--input-height);padding:0 var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.select-trigger:hover{border-color:var(--color-primary)}.select-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-open .select-trigger{border-color:var(--color-primary)}.select-trigger-placeholder{color:var(--color-text-muted)}.select-trigger-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.select-trigger-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.select-open .select-trigger-chevron{transform:rotate(180deg);color:var(--color-primary)}.select-disabled .select-trigger{cursor:not-allowed;opacity:.6}.select-menu{position:fixed;z-index:var(--z-popover);margin-top:var(--space-2xs);max-height:280px;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-2xs);background-color:var(--color-surface-solid);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.select-menu:focus{outline:none}.select-menu-top{margin-top:0;margin-bottom:var(--space-2xs)}.select-menu-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);font-family:inherit;font-size:var(--font-size-sm);text-align:left;color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.select-menu-item:hover,.select-menu-item.is-highlighted{background-color:var(--color-bg)}.select-menu-item.is-active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.select-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--color-primary)}.select-menu-option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.select-menu-item.is-active .select-menu-option-icon{color:var(--color-primary)}.select-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-menu-sublabel{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.select-menu-item.is-active .select-menu-sublabel{color:var(--color-text-muted)}@media(max-width:768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(max-width:720px){.form-field-w-1-2,.form-field-w-1-3{flex-basis:100%}}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) calc(var(--space-sm) + var(--space-2xs));font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);border-radius:var(--radius-md);white-space:nowrap}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-neutral{background-color:var(--color-bg);color:var(--color-text-secondary)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-muted{background-color:var(--color-surface-hover);color:var(--color-text-muted)}.badge-circle{padding:var(--space-xs);aspect-ratio:1;justify-content:center;border-radius:var(--radius-full)}.badge-sm{padding:var(--space-2xs) var(--space-xs);font-size:.75em;border-radius:var(--radius-sm)}.badge-pill{border-radius:var(--radius-full)}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-full);flex-shrink:0}.status-dot-online{background-color:var(--color-success)}.status-dot-offline{background-color:var(--color-text-muted)}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initial{line-height:1}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-circle-size, var(--action-btn-size));height:var(--icon-circle-size, var(--action-btn-size));border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);flex-shrink:0}.avatar-upload{position:relative;cursor:pointer;flex-shrink:0;width:fit-content}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background-color:var(--overlay-bg-dark);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);color:var(--color-primary-text)}.avatar-upload:hover .avatar-upload-overlay{opacity:1}.avatar-upload-placeholder{width:var(--avatar-upload-size);height:var(--avatar-upload-size);border-radius:var(--radius-full);background-color:var(--color-surface-hover);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.avatar-upload:hover .avatar-upload-placeholder{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.avatar-upload-input{display:none}.avatar-stack{display:flex;align-items:center;padding:0 var(--space-xs)}.avatar-stack-item{margin-left:-8px;border:2px solid var(--color-surface-solid);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.avatar-stack-item:first-child{margin-left:0}.avatar-stack-item:hover{transform:translateY(-1px);z-index:1}.avatar-stack-item-self{border-color:var(--color-primary)}.avatar-stack-overflow{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);backdrop-filter:blur(var(--blur-modal-backdrop));-webkit-backdrop-filter:blur(var(--blur-modal-backdrop));z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center}.modal{position:relative;z-index:var(--z-modal);background-color:var(--glass-bg-strong);backdrop-filter:blur(var(--blur-modal));-webkit-backdrop-filter:blur(var(--blur-modal));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);width:100%;max-width:var(--modal-max-width);max-height:90vh;overflow-y:auto;margin:var(--space-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{display:flex;align-items:center;justify-content:center;width:var(--icon-btn-size);height:var(--icon-btn-size);border:none;background:none;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--space-lg)}.modal-body+.modal-footer{padding-top:var(--space-sm)}.modal-body .form-field:last-child{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg)}.modal-actions{display:flex;align-items:center;gap:var(--space-md)}.modal-lg{max-width:var(--modal-lg-max-width)}.modal-xl{max-width:var(--modal-xl-max-width)}.modal-actions{display:flex;justify-content:flex-end;width:100%;gap:var(--space-sm)}.modal-actions-left{margin-right:auto}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-coachmark);background:var(--overlay-bg);cursor:pointer}.popover{position:fixed;z-index:calc(var(--z-coachmark) + 2);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface-solid);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-xl);pointer-events:auto;animation:popover-fade-in var(--transition-normal) ease}@keyframes popover-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.popover:before{content:"";position:absolute;top:var(--popover-arrow-top, var(--space-lg));width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--color-surface-solid);transform:rotate(45deg)}.popover-arrow-left:before{left:calc(-1 * var(--popover-arrow-size) / 2)}.popover-arrow-right:before{right:calc(-1 * var(--popover-arrow-size) / 2)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:var(--overlay-bg-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.lightbox-close{position:absolute;top:calc(-1 * var(--space-xl));right:0;background:none;border:none;color:var(--color-surface-solid);cursor:pointer;padding:var(--space-xs);opacity:.7;transition:opacity var(--transition-fast)}.lightbox-close:hover{opacity:1}.lightbox-media{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg)}.lightbox-pdf{width:90vw;height:80vh;background:var(--color-surface);border:0}.lightbox-info{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);color:var(--color-surface-solid)}.lightbox-meta{font-size:var(--font-size-xs);opacity:.7}@media(max-width:640px){.modal{max-width:calc(100% - var(--space-lg));margin:var(--space-md)}}@media(max-width:350px){.modal{max-width:100%;max-height:100vh;height:100vh;margin:0;border-radius:0}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.app-shell{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg)}.app-layout{display:flex;flex:1;min-height:0;background-color:var(--color-bg)}.app-content{flex:1;padding:var(--space-lg) var(--space-xl);max-width:var(--content-max-width);width:100%;margin:0 auto;min-width:0;overflow-y:auto}.sidebar{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background-color:var(--color-surface-solid);box-shadow:var(--shadow-sm);z-index:var(--z-sidebar);transition:width var(--transition-normal);overflow:hidden;flex-shrink:0}.sidebar-collapsed{width:var(--sidebar-width-collapsed);overflow:visible}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border-light)}.sidebar-logo{display:flex;align-items:center;gap:2px;overflow:hidden;min-width:0}.sidebar-logo-icon{width:30px;height:30px;flex-shrink:0;display:block;border-radius:var(--radius-sm)}.sidebar-logo-text{height:24px;width:auto;flex-shrink:0;display:block;margin-top:4px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:var(--sidebar-toggle-size);height:var(--sidebar-toggle-size);border:none;background:none;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;margin-left:auto;transition:color var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-text)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:var(--space-md) var(--space-xs)}.sidebar-logo-btn{border:none;background:none;padding:0;cursor:pointer}.sidebar-collapsed .sidebar-logo{justify-content:center}.sidebar-collapsed .sidebar-logo-icon{width:32px;height:32px}.sidebar-collapsed .sidebar-nav,.sidebar-collapsed .sidebar-footer{padding:var(--space-sm);overflow:visible}.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--space-sm);width:40px;height:40px;margin:0 auto;position:relative;overflow:visible}.sidebar-tooltip{display:none}.sidebar-collapsed .sidebar-tooltip{display:block;position:absolute;left:calc(100% + var(--space-md));top:50%;background:linear-gradient(135deg,var(--color-surface-solid) 0%,var(--glass-bg-strong) 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border);opacity:0;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);transform:translateY(-50%) scale(.9);transform-origin:left center;z-index:var(--z-modal)}.sidebar-collapsed .sidebar-item:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.sidebar-nav{flex:1;padding:var(--space-sm) var(--space-md);overflow-y:auto}.sidebar-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2xs)}.sidebar-footer-admin{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs);margin-top:var(--space-2xs);border-top:1px solid var(--color-border-light)}.sidebar-footer-admin .sidebar-item{padding:var(--space-2xs) var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-footer-admin .sidebar-item:hover,.sidebar-footer-admin .sidebar-item-active{color:var(--color-primary)}.sidebar-footer .sidebar-logout{margin-top:var(--space-2xs);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.sidebar-footer-profile .sidebar-item-label{font-weight:var(--font-weight-medium);color:var(--color-text)}.sidebar-collapsed .sidebar-footer{gap:0;align-items:center}.sidebar-collapsed .sidebar-footer-admin,.sidebar-collapsed .sidebar-footer .sidebar-logout{border-top:none;margin-top:0;padding-top:0}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:hidden;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{color:var(--color-primary)}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sidebar-icon-size);height:var(--sidebar-icon-size)}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{color:var(--color-danger)}.sidebar-logout:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.mobile-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-solid);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:var(--mobile-btn-size);height:var(--mobile-btn-size);border:none;background:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--color-surface-hover)}.mobile-header-logo{display:flex;align-items:center;gap:var(--space-xs)}.mobile-header-logo .sidebar-logo-icon{width:30px;height:30px}.mobile-header-logo .sidebar-logo-text{height:20px;width:auto}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);z-index:calc(var(--z-sidebar) - 1)}.sidebar-mobile{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-mobile-width);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:none;z-index:var(--z-sidebar)}.sidebar-mobile-open{transform:translate(0);box-shadow:var(--shadow-xl)}.tabs{display:flex;border-bottom:1px solid var(--color-border-light)}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-medium)}.tab-content{padding-top:var(--space-lg)}.tabs-section-nav{margin-bottom:var(--space-lg)}.tab-group-divider{width:1px;align-self:stretch;margin:var(--space-xs) var(--space-sm);background:var(--color-border-light)}.subnav-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-xl);align-items:start}.subnav-mobile{display:none}.subnav{position:sticky;top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.subnav-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.subnav-link{display:flex;align-items:center;gap:var(--space-sm);width:100%;text-align:left;padding:.55rem var(--space-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-secondary);background:none;border:none;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.subnav-link-meta{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.subnav-link-active .subnav-link-meta{color:inherit}.subnav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.sidebar-item-active,.subnav-link-active,.subnav-link-active:hover{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.subnav-group{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.subnav-group-title{font-weight:var(--font-weight-semibold);padding:0 var(--space-md)}.subnav-content{display:flex;flex-direction:column;gap:var(--space-xl);max-width:var(--settings-max-width-wide);min-width:0}.subnav-content-narrow{max-width:var(--settings-max-width)}.subnav-section{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl)}.subnav-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.subnav-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-xs)}.subnav-section-header>.btn,.subnav-section-header>button{flex-shrink:0}.subnav-section-header .subnav-section-title{padding-bottom:0;border-bottom:none}.subnav-section-header-left{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.subnav-fields{display:flex;flex-direction:column;gap:var(--space-md)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb-step{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.breadcrumb-active{color:var(--color-text);font-weight:var(--font-weight-semibold)}.breadcrumb-done{cursor:pointer}.breadcrumb-done:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-text-muted);opacity:.5;flex-shrink:0}@media(max-width:900px){.subnav-shell{grid-template-columns:1fr}.subnav{display:none}.subnav-mobile{display:block}}@media(max-width:768px){.app-layout{flex-direction:column}.app-content{padding:var(--space-md)}}@media(min-width:1920px){.app-content{max-width:1800px;padding:var(--space-xl) var(--space-2xl)}}.sortable-list{display:flex;flex-direction:column;gap:var(--space-xs)}.sortable-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.sortable-item:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-md)}.sortable-item.is-dragging{visibility:hidden}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;background:var(--color-surface-solid);border:2px solid var(--color-primary);border-radius:var(--drag-ghost-radius, var(--radius-md));box-shadow:var(--shadow-xl)}.drag-ghost-card{--drag-ghost-radius: var(--radius-lg);overflow:hidden}.drag-handle{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);cursor:grab}.drag-handle:active{cursor:grabbing}.sortable-handle{touch-action:none;-webkit-user-select:none;user-select:none}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.table{width:100%;border-collapse:collapse}.table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:left;padding:var(--space-sm) var(--space-md) var(--space-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-primary-light);white-space:nowrap}.table td{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);transition:background-color var(--transition-fast)}.table tbody tr+tr td{border-top:1px solid var(--color-border-light)}.table tbody tr{transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-primary-light)}.table tbody tr:last-child td{border-bottom:none}.table th.table-align-center,.table td.table-align-center{text-align:center}.table th.table-align-right,.table td.table-align-right{text-align:right}.table-user-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.table-user-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.table-user-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.table-cell-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table-cell-meta{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table-cell-badges{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.table-empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.table-footer-count{display:flex;align-items:center;gap:var(--space-xs)}.table-footer-separator{color:var(--color-border)}.table-pagination{display:flex;align-items:center;gap:var(--space-xs)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-btn-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.pagination-btn-active:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-text)}.pagination-ellipsis{min-width:2rem;text-align:center;color:var(--color-text-muted)}@media(max-width:768px){.table-footer{flex-direction:column;gap:var(--space-sm);align-items:center}}@media(max-width:640px){.table-wrapper{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;border-radius:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block}.table tr{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:none;font-size:var(--font-size-sm)}.table td:first-child{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text);padding-bottom:var(--space-sm);margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.table td:first-child:before{display:none}.table td:before{content:attr(data-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:var(--space-md)}.table td:last-child:before{display:none}.table td:last-child{justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border-light);margin-top:var(--space-sm);padding-bottom:var(--space-xs)}.table tbody tr:hover{background-color:var(--glass-bg)}.table tbody tr:last-child td{border-bottom:none}}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.shortcuts-panel{background:var(--color-surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:380px;overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.shortcuts-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.shortcuts-close{display:flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.shortcuts-close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.shortcuts-list{padding:var(--space-sm) var(--space-lg)}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shortcut-keys{display:inline-flex;padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-hover);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);font-family:monospace}.designer-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.designer-layout{display:flex;flex:1;min-height:0;overflow:hidden;background-color:var(--color-bg)}.designer-panel-left{width:var(--designer-panel-left);min-width:140px;max-width:400px;border-right:1px solid var(--designer-border);position:relative;container-type:inline-size;container-name:left-panel;font-family:var(--font-family);overflow-y:auto;background-color:var(--designer-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));flex-shrink:0;transition:var(--designer-panel-transition)}.designer-panel-left-collapsed{width:var(--designer-panel-left-collapsed);min-width:auto;overflow:visible;overflow-y:visible}.designer-panel-left-collapsed .component-panel-list{padding:var(--space-xs)}.component-panel-collapsed-item{display:flex;align-items:center;justify-content:center;width:100%;height:var(--input-height);color:var(--color-text-secondary);cursor:grab;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.component-panel-collapsed-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.designer-panel-left-collapsed{z-index:1}.designer-panel-right{width:var(--designer-panel-right);min-width:240px;max-width:500px;font-family:var(--font-family);border-left:1px solid var(--designer-border);overflow-y:auto;scrollbar-gutter:stable;background-color:var(--color-surface-solid);flex-shrink:0;position:relative}.panel-resize-handle{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10}.panel-resize-handle:hover{background:var(--color-primary-light)}.panel-resize-handle-right{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10}.panel-resize-handle-right:hover{background:var(--color-primary-light)}.designer-panel-right-hidden{width:0;overflow:hidden;border:none;padding:0}.designer-center{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.designer-integration-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background-color:var(--color-warning-light);color:var(--color-warning);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-warning)}.designer-canvas-wrapper{flex:1;overflow:auto;background-color:var(--color-bg);box-shadow:inset 0 1px 3px var(--designer-border);cursor:grab;isolation:isolate}.designer-canvas-no-hover-outline .canvas-element:hover:not(.canvas-element-selected){outline-color:transparent}.designer-canvas-wrapper:active{cursor:grabbing}.designer-canvas-viewport{display:inline-flex;align-items:center;justify-content:center;min-width:100%;min-height:100%}.canvas{position:relative;box-shadow:0 2px 4px var(--designer-border),0 12px 32px var(--designer-shadow-strong);border:1px solid var(--designer-border);border-radius:var(--radius-md);background-color:var(--color-surface-solid);overflow:hidden;will-change:transform}.canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--designer-dot-grid) 1px,transparent 1px);background-size:var(--designer-grid-size) var(--designer-grid-size);pointer-events:none;z-index:2}.designer-canvas-no-grid .canvas:after{display:none}.canvas-dynamic{position:relative;display:flex;flex-direction:column;align-items:stretch;border:none;border-radius:0;box-shadow:none}.canvas-dynamic-fold{position:absolute;left:0;right:0;z-index:50;height:0;border-top:2px solid var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,transparent);pointer-events:none}.canvas-dynamic-fold-label{position:absolute;top:0;right:var(--space-sm);transform:translateY(-100%);padding:0 var(--space-xs);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-primary);color:var(--color-surface-solid);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap}.canvas-dynamic-screen{position:relative;display:flex;flex-direction:column;align-items:stretch}.canvas-dynamic:after{display:none}.canvas-dynamic-empty{margin:auto;align-self:center;display:flex;justify-content:center}.canvas-dynamic-element{cursor:pointer;outline:1px solid transparent}.canvas-dynamic-element:hover:not(.canvas-element-selected){outline-color:var(--color-text-muted);outline-style:dashed}.canvas-dynamic-container{box-shadow:inset 0 0 0 1px var(--designer-border)}.canvas-dynamic-drop-hint{flex:1 1 auto;align-self:stretch;grid-column:1 / -1;flex-direction:column;justify-content:center;gap:var(--space-xs);min-height:60px;pointer-events:none}.canvas-dynamic-add-cell{position:absolute;z-index:50;bottom:-13px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:var(--color-text-secondary);background:var(--color-surface-solid);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.canvas-dynamic-add-cell-row{top:50%;right:-13px;bottom:auto;left:auto;transform:translateY(-50%)}.canvas-dynamic-element:hover:not(:has(.canvas-dynamic-element:hover))>.canvas-dynamic-add-cell,.canvas-dynamic-element.canvas-element-selected>.canvas-dynamic-add-cell{opacity:1;pointer-events:auto}.canvas-dynamic-add-cell:hover{color:var(--color-primary);border-color:var(--color-primary)}.structure-inline{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:auto}.structure-inline-add{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--designer-hover-bg);color:var(--color-text-secondary);cursor:pointer}.structure-inline-add:hover{border-color:var(--color-text-secondary);background:var(--color-text-secondary);color:var(--color-surface-solid)}.structure-inline-add-bar{width:100%;height:auto;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.canvas-dynamic-add-footer{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);padding:var(--space-md);background-color:var(--color-surface-solid);border-top:2px dashed var(--color-border)}.canvas-dynamic-add-hint{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.canvas-dynamic-add-footer .structure-inline{align-self:stretch}.canvas-dynamic-element-sticky{outline:2px dashed color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:-2px}.canvas-dynamic-sticky-badge{position:absolute;top:0;left:0;z-index:10000;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;transform:translateY(-100%);background:var(--color-primary);color:var(--color-surface-solid);font-size:11px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm) var(--radius-sm) 0 0;white-space:nowrap;pointer-events:none}.structure-inline-kinds{display:flex;gap:var(--space-xs)}.structure-inline-kind{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--designer-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer}.structure-inline-kind:hover{border-color:var(--color-text-muted)}.structure-inline-kind-active{border-color:var(--color-text-secondary);background:var(--designer-hover-bg);color:var(--color-text-secondary)}.structure-inline-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.structure-inline-preset{width:72px;padding:var(--space-xs);border:1px solid var(--designer-border);border-radius:var(--radius-md);background:var(--color-surface-solid);cursor:pointer}.structure-inline-preset:hover{border-color:var(--color-text-muted);background:var(--designer-hover-bg)}.structure-picker-preview{gap:3px;height:40px;padding:3px;border-radius:var(--radius-sm);background:var(--designer-canvas-bg, rgba(0, 0, 0, .04))}.structure-picker-cell{min-width:0;min-height:12px;border-radius:2px;background:var(--color-text-muted);opacity:.6}.designer-canvas-no-hover-outline .canvas-dynamic-element:hover:not(.canvas-element-selected){outline-color:transparent}.canvas-dynamic-element-dragging{filter:opacity(.4)}.canvas-dynamic-ghost{border-color:var(--color-text-secondary);opacity:.85}.canvas-dynamic-toolbar{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:10;display:flex;align-items:center;gap:2px;padding:2px;background:var(--color-text-secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .1s ease}.canvas-dynamic-element:hover:not(:has(.canvas-dynamic-element:hover))>.canvas-dynamic-toolbar,.canvas-dynamic-element.canvas-element-selected>.canvas-dynamic-toolbar{opacity:1;pointer-events:auto}.canvas-dynamic-handle{display:flex;align-items:center;justify-content:center;color:var(--color-surface-solid);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-dynamic-handle:active{cursor:grabbing}.canvas-dynamic-toolbar-btn{display:flex;align-items:center;justify-content:center;padding:2px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-surface-solid);cursor:pointer}.canvas-dynamic-toolbar-btn:hover{background:#ffffff2e}.canvas-dynamic-insert-line{background:var(--color-text-secondary);border-radius:var(--radius-sm);pointer-events:none}.canvas-dynamic-insert-line-vertical{align-self:stretch;width:2px}.canvas-dynamic-insert-line-horizontal{width:100%;height:2px}.canvas-dynamic-insert-line-grid{grid-column:1 / -1;width:100%;height:2px}.flow-resize-handle{position:absolute;z-index:6;opacity:0;transition:opacity .12s ease}.canvas-dynamic-element:hover>.flow-resize-handle,.flow-resize-handle:hover{opacity:1}.flow-resize-handle-x{top:0;bottom:0;right:0;width:7px;cursor:col-resize}.flow-resize-handle-y{left:0;right:0;bottom:0;height:7px;cursor:row-resize}.flow-resize-handle:after{content:"";position:absolute;background:var(--color-primary);border-radius:var(--radius-sm)}.flow-resize-handle-x:after{top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px}.flow-resize-handle-y:after{left:50%;top:50%;transform:translate(-50%,-50%);height:2px;width:24px}.canvas-element{position:absolute;cursor:move;outline:1px solid transparent}.canvas-element:hover:not(.canvas-element-selected){outline-color:var(--color-text-muted);outline-style:dashed}.canvas-element-selected{outline:1px solid var(--color-text-secondary)!important;outline-offset:0px!important}.canvas-element-border-outside{overflow:visible!important}.canvas-element-drop-target{outline:2px dashed var(--color-text-secondary);outline-offset:2px;background-color:var(--designer-hover-bg)}.canvas-element-pan-mode{outline:3px solid var(--color-text-secondary)!important;outline-offset:0px!important;box-shadow:0 0 0 4px #00000014,0 8px 24px #0000002e;cursor:grab}.canvas-element-pan-mode:active{cursor:grabbing}.canvas-element-pan-mode img{pointer-events:none}.designer-pan-banner{position:fixed;top:calc(var(--designer-toolbar-height) + var(--space-sm));left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);background:var(--color-text-secondary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:auto}.designer-pan-banner-text{white-space:nowrap}.designer-pan-banner-hint{font-weight:var(--font-weight-regular);opacity:.85;white-space:nowrap;border-left:1px solid rgba(255,255,255,.35);padding-left:var(--space-sm)}.designer-pan-banner-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;background:#fff;color:var(--color-text-secondary);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.designer-pan-banner-btn svg{display:block;flex-shrink:0}.designer-pan-banner-btn:hover{background:#fff;color:var(--color-text-secondary);filter:brightness(.96);box-shadow:0 2px 8px #0000002e}.canvas-element-border-overlay{position:absolute;pointer-events:none;z-index:1;box-sizing:border-box}.resize-handle-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:visible}.resize-handle{position:absolute;width:8px;height:8px;background-color:var(--color-surface-solid);border:1px solid var(--color-text-secondary);border-radius:1px;pointer-events:auto}.resize-handle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.snap-guide{position:absolute;border:1px dashed var(--color-text-secondary);pointer-events:none;opacity:.6;z-index:3}.snap-spacing{position:absolute;pointer-events:none;z-index:100;display:flex;align-items:center;justify-content:center}.snap-spacing-h{height:0;flex-direction:row}.snap-spacing-v{width:0;flex-direction:column}.snap-spacing-line{position:absolute}.snap-spacing-h .snap-spacing-line{top:0;left:0;right:0;border-top:2px solid #f06}.snap-spacing-v .snap-spacing-line{top:0;bottom:0;left:0;border-left:2px solid #f06}.snap-spacing-label{position:relative;font-size:11px;font-weight:700;color:#f06;background:var(--color-surface-solid);padding:1px 5px;border-radius:3px;line-height:1.2;white-space:nowrap;box-shadow:0 1px 3px #00000026}.designer-bottombar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 var(--space-md);background-color:var(--color-surface-solid);border-top:1px solid var(--designer-border);flex-shrink:0;position:relative}.designer-bottombar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2xs)}.designer-bottombar-group{display:flex;align-items:center;gap:var(--space-2xs)}.designer-screen-select{display:inline-flex}.designer-screen-select .select-trigger{height:28px;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-xs);min-width:0}.designer-toolbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--control-md);background-color:var(--designer-surface-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--designer-border);flex-shrink:0;position:relative;z-index:1;gap:var(--control-md)}.designer-toolbar-left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex-shrink:1}.designer-toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-xs)}.designer-toolbar-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.designer-toolbar-back{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-md);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.designer-toolbar-back:hover{background-color:var(--color-primary);color:var(--color-primary-text)}.designer-toolbar-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--designer-toolbar-name-max)}.designer-toolbar-name-edit-btn{display:flex;align-items:center;justify-content:center;width:var(--icon-btn-size-sm);height:var(--icon-btn-size-sm);border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.designer-toolbar-name-edit-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.designer-toolbar-name-edit{display:flex;align-items:center;gap:var(--space-xs)}.designer-toolbar-name-action{display:flex;align-items:center;justify-content:center;width:var(--icon-btn-size-sm);height:var(--icon-btn-size-sm);border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.designer-toolbar-name-action:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.designer-toolbar-name-input{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface-solid);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);outline:none;max-width:200px}.designer-toolbar-separator{width:1px;height:var(--toolbar-divider-height);background-color:var(--designer-border-subtle);flex-shrink:0}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.toolbar-icon-btn:hover:not(:disabled){color:var(--color-text);background-color:var(--color-surface-hover)}.toolbar-icon-btn:disabled,.toolbar-icon-btn-disabled{opacity:.25;cursor:default;pointer-events:none}.toolbar-icon-btn-danger:hover:not(:disabled){color:var(--color-danger);background-color:var(--color-danger-light, #fff0f0)}.toolbar-icon-btn-active,.toolbar-icon-btn-active:hover:not(:disabled){color:var(--color-primary-text);background-color:var(--color-primary)}.designer-breakpoint-switcher{display:flex;align-items:center;gap:2px}.designer-preview-size-switcher{gap:2px;margin-left:var(--space-sm);padding:2px;background-color:var(--color-surface-hover);border-radius:var(--radius-md)}.designer-preview-size-btn{width:auto;height:var(--control-md);gap:5px;padding:0 var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.designer-preview-size-btn:hover:not(.toolbar-icon-btn-active){background-color:var(--color-surface-solid)}.designer-zoom-display{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.designer-panel-header{display:flex;align-items:center;justify-content:space-between;height:var(--designer-toolbar-height);padding:0 var(--space-md);border-bottom:1px solid var(--designer-border);flex-shrink:0}.designer-panel-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--designer-border);flex-shrink:0;background:var(--designer-surface)}.designer-panel-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.designer-panel-tab:hover{color:var(--color-text)}.designer-panel-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.designer-panel-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--color-border-light);border-radius:var(--radius-full);line-height:1.6}.designer-panel-tab-active .designer-panel-tab-badge{color:var(--color-primary);background:var(--color-primary-light)}.subtabs{display:flex;flex-direction:column;gap:var(--space-sm)}.subtabs-nav{display:flex;align-items:stretch;background:var(--color-bg);border-radius:var(--radius-md);padding:2px;gap:2px}.subtabs-btn{flex:1;padding:3px 6px;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.subtabs-btn:hover:not(.subtabs-btn-active){color:var(--color-text)}.subtabs-btn-active{background:var(--color-surface-solid);color:var(--color-text);box-shadow:var(--shadow-sm)}.subtabs-content{display:flex;flex-direction:column;gap:4px;padding-top:6px}.pp-subtab-bar{display:flex;margin:8px 12px;border-bottom:1px solid var(--color-border-light)}.pp-subtab{flex:1;padding:7px 8px;border:none;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:11px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.pp-subtab:hover:not(.pp-subtab-active){color:var(--color-text)}.pp-subtab-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.designer-properties-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;line-height:var(--line-height-normal)}.page-prop-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:24px;font-size:var(--font-size-xs)}.page-prop-label{color:var(--color-text-secondary);flex-shrink:0}.page-prop-value{color:var(--color-text);text-align:right;min-width:0}.page-prop-value-mono{font-variant-numeric:tabular-nums}.page-prop-value-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-prop-input{flex:1;min-width:0;max-width:60%;height:24px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);text-align:right;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.page-prop-input:hover{border-color:var(--color-border-light);background:var(--color-surface-solid)}.page-prop-input:focus{border-color:var(--color-primary);background:var(--color-surface-solid);box-shadow:0 0 0 2px var(--color-primary-light);text-align:left}.page-prop-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:var(--font-weight-medium);line-height:1.4}.page-prop-status-published{background:var(--color-primary-light);color:var(--color-primary)}.page-prop-status-draft{background:var(--color-bg-muted);color:var(--color-text-muted)}.page-prop-bg{display:inline-flex;align-items:center;gap:8px}.page-prop-bg-hex{color:var(--color-text);font-size:var(--font-size-xs);text-transform:lowercase}.designer-panel-left-collapsed .designer-panel-header{justify-content:center;padding:var(--space-sm)}.designer-panel-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.designer-panel-toggle{display:flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.designer-panel-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.component-panel-group-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-sm) 0 var(--space-2xs);margin-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.component-panel-group-label:first-child{margin-top:0;border-top:none}.component-panel-group-label-collapsed{text-align:center;padding:var(--space-sm) 0 var(--space-2xs);font-size:var(--designer-font-tiny)}.component-panel-search{padding:var(--space-md) var(--space-md) 0;flex-shrink:0}.component-panel-list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.component-panel-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--color-surface-solid);cursor:grab;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.component-panel-item:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 2px 8px var(--designer-border);transform:translateY(-1px)}.component-panel-item:active{cursor:grabbing;transform:translateY(0)}.component-item-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.component-item-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.component-item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-item-desc{font-size:var(--designer-font-tiny);color:var(--color-text-muted);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container left-panel (max-width: 180px){.component-item-desc,.component-item-drag{display:none}.component-panel-item{padding:var(--space-xs);gap:var(--space-xs)}.component-item-label{font-size:var(--font-size-xs)}}.component-item-drag{color:var(--color-text-muted);opacity:.3;transition:opacity var(--transition-fast);flex-shrink:0}.component-panel-item:hover .component-item-drag{opacity:.8}.component-panel-collapsed-item:active{cursor:grabbing}.designer-panel-toggle-right{position:absolute;left:-28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:44px;border:1px solid var(--designer-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);background-color:var(--designer-surface-strong);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);z-index:1}.designer-panel-toggle-right:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.properties-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;padding:var(--space-xl) var(--space-md)}.layers-empty{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;padding:var(--space-xl) 0}.layers-header{display:flex;justify-content:flex-end;padding:var(--space-xs) var(--space-sm) 0}.layers-header-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--designer-layers-btn-size);height:var(--designer-layers-btn-size);border:none;border-radius:var(--radius-sm);background-color:var(--color-surface-hover);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.layers-header-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.layers-toolbar{display:flex;padding:var(--space-sm);margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.layers-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.layers-toolbar-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.layers-row,.layers-tree{display:flex;flex-direction:column}.layers-tree:not(.layers-tree-root){padding-left:18px;margin-left:var(--space-sm)}.layers-tree:not(.layers-tree-root)>.layers-row{position:relative}.layers-tree:not(.layers-tree-root)>.layers-row:before{content:"";position:absolute;left:calc(-1 * var(--designer-layers-tree-indent));top:0;bottom:0;width:2px;background-color:var(--color-primary)}.layers-tree:not(.layers-tree-root)>.layers-row:last-child:before{bottom:auto;height:var(--designer-layers-caret-size)}.layers-tree:not(.layers-tree-root)>.layers-row:after{content:"";position:absolute;left:calc(-1 * var(--designer-layers-tree-indent));top:var(--designer-layers-caret-size);width:var(--designer-layers-branch-width);height:2px;background-color:var(--color-primary)}.layers-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);transition:background-color var(--transition-fast);margin-bottom:var(--space-2xs);position:relative}.layers-item:hover{background-color:var(--color-surface-hover)}.layers-item-selected{background-color:var(--color-primary-light)}.layers-item-drag-before:before,.layers-item-drag-after:after{content:"";position:absolute;left:0;right:0;height:2px;background-color:var(--color-primary);pointer-events:none}.layers-item-drag-before:before{top:-1px}.layers-item-drag-after:after{bottom:-1px}.layers-item-drag-nest{outline:2px solid var(--color-primary);outline-offset:-2px}.layers-item-caret{display:inline-flex;align-items:center;justify-content:center;width:var(--designer-layers-caret-size);height:var(--designer-layers-caret-size);color:var(--color-text-muted);flex-shrink:0;cursor:pointer}.layers-item-caret:hover{color:var(--color-text)}.layers-item-caret-spacer{display:inline-block;width:var(--designer-layers-caret-size);height:var(--designer-layers-caret-size)}.layers-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.layers-item-selected .layers-item-icon{color:var(--color-primary)}.layers-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.layers-item-name-input{flex:1;min-width:0;max-width:100px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-solid);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs);outline:none}.layers-item-actions{display:flex;align-items:center;gap:var(--space-2xs);margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.layers-item:hover .layers-item-actions,.layers-item-locked .layers-item-actions{opacity:1}.layers-item-locked .layers-item-btn-delete{opacity:0;transition:opacity var(--transition-fast)}.layers-item-locked:hover .layers-item-btn-delete{opacity:1}.layers-item-btn-disabled{cursor:not-allowed;opacity:.6}.layers-item-btn-disabled:hover{background-color:transparent}.layers-item-btn-lock.layers-item-btn-active:not(.layers-item-btn-disabled){background-color:var(--color-primary);color:var(--color-primary-text)}.layers-item-btn-lock.layers-item-btn-active:not(.layers-item-btn-disabled):hover{background-color:var(--color-primary-hover);color:var(--color-primary-text)}.layers-item-btn{display:flex;align-items:center;justify-content:center;width:var(--designer-layers-btn-size);height:var(--designer-layers-btn-size);border:none;background:none;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.layers-item-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.layers-item-btn-active{color:var(--color-primary)}.layers-item-btn-delete:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.screen-select-list{display:flex;flex-direction:column;gap:var(--space-sm)}.screen-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border:1px solid var(--designer-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.screen-select-item:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 1px 3px var(--designer-border)}.screen-select-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.screen-select-resolution{font-size:var(--font-size-xs);color:var(--color-text-muted)}.screen-select-empty{color:var(--color-text-muted);text-align:center;padding:var(--control-md)}.designer-layers{padding:var(--space-sm)}.properties-media-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.properties-media-btn-has-src{border-color:var(--color-border-light)}.properties-media-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.properties-media-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.pp-divider{height:1px;background:var(--color-border-light);margin:4px 0}.pp-fetch-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-muted);font-size:10px;font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;min-width:0;transition:border-color var(--transition-fast),color var(--transition-fast)}.pp-fetch-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pp-fetch-btn:disabled{opacity:.4;cursor:default}.pp-fetch-btn-full{width:100%;min-width:0}.pp-fetch-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.pp-fetch-btn-with-clear{display:flex;gap:4px;width:100%;min-width:0}.pp-fetch-btn-with-clear .pp-fetch-btn{flex:1;min-width:0}.pp-fetch-btn-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pp-fetch-btn-clear:hover{background:var(--color-danger-bg, #fee);border-color:var(--color-danger, #c33);color:var(--color-danger, #c33)}.navbar-btn-pdf-wrap{flex:1;min-width:0}.designer-properties-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;position:sticky;top:0;background-color:var(--color-surface-solid);border-bottom:1px solid var(--color-border-light);z-index:10}.designer-properties-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.pp-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;min-width:0}.pp-breadcrumb-item{max-width:140px;padding:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-breadcrumb-item:hover:not(:disabled){color:var(--color-primary);text-decoration:underline}.pp-breadcrumb-item-current{font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:default}.pp-breadcrumb-sep{font-size:var(--font-size-xs);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.properties-group{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-md)}.properties-group:has(>.properties-group-header){padding:0;gap:0}.properties-group+.properties-group{border-top:1px solid var(--color-border-light);opacity:1}.properties-group:last-child{border-bottom:none}.properties-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px 4px;background:var(--color-surface-solid);border:none;font-family:inherit;text-align:left}.properties-group-header-btn{cursor:pointer}.properties-group-header-btn:hover{background:var(--designer-hover-bg)}.properties-group-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.properties-group-collapsed .properties-group-chevron{transform:rotate(-90deg)}.properties-group-collapsed .properties-group-header{padding-bottom:8px}.properties-group-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.properties-group-label{flex:1;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.properties-group-content{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px}.properties-group-content-spacious{gap:var(--space-md)}.properties-group-inactive .properties-group-label{color:var(--color-text-muted)}.properties-group-inactive .properties-group-header{padding-bottom:8px}.properties-group-content>.properties-group-nested{border-top:1px solid var(--color-border-light)}.properties-group-nested>.properties-group-header{background:transparent;padding-left:var(--space-md)}.properties-group-nested>.properties-group-header-btn:hover{background:var(--designer-hover-bg)}.properties-group-nested>.properties-group-content{padding-left:var(--space-md)}.pg-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast)}.pg-action-btn:hover{opacity:1;color:var(--color-text)}.pg-action-btn-remove:hover{color:var(--color-danger, #e53e3e)}.toggle-row-compact{margin:0;gap:var(--space-xs)}.toggle-row-compact>span:not(.toggle-switch){font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.micro-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.micro-input-grid-3{grid-template-columns:1fr 1fr 1fr}.micro-input{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.micro-input-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em;line-height:1}.micro-input-inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm)}.micro-input-inline .ni-wrap{flex:0 0 72px;width:72px}.pp-rsp-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm);background-color:var(--color-primary-light);border-left:2px solid var(--color-primary);border-radius:var(--radius-sm)}.pp-rsp-banner-text{flex:1;font-size:10px;line-height:1.3;color:var(--color-text-secondary)}.pp-rsp-banner-reset{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast)}.pp-rsp-banner-reset:hover{color:var(--color-primary-text);background-color:var(--color-primary)}.rsp-input-label{display:flex;align-items:center;justify-content:space-between;gap:4px}.rsp-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--color-primary);background:transparent;border:none;cursor:pointer;line-height:0}.rsp-reset-btn:hover{color:var(--color-primary-hover)}.rsp-overridden .micro-input-label{color:var(--color-primary)}.pp-reflow-note{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--color-text-secondary)}.pp-reflow-note-icon{flex-shrink:0;line-height:0}.pp-reflow-note-text{flex:1}.pp-reflow-note-action{flex-shrink:0;padding:0;font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:none;cursor:pointer;white-space:nowrap}.pp-reflow-note-action:hover{color:var(--color-primary-hover);text-decoration:underline}.pp-rsp-visibility-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.micro-input-field{width:100%;height:28px;padding:0 8px;font-size:11px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.micro-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.micro-input-field::-webkit-outer-spin-button,.micro-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.micro-input-field[type=number]{-moz-appearance:textfield}.pp-fit-row{display:flex;align-items:flex-end;gap:var(--space-xs)}.pp-fit-row .micro-input{flex:1}.pp-fit-pan-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.pp-fit-pan-btn:hover{color:var(--color-text);border-color:var(--color-primary)}.pp-fit-pan-btn-active,.pp-fit-pan-btn-active:hover{color:var(--color-surface-solid);background:var(--color-primary);border-color:var(--color-primary)}.ni-wrap{display:flex;align-items:center;height:28px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.ni-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.ni-label{padding:0 6px 0 8px;font-size:10px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.ni-icon{display:flex;align-items:center;justify-content:center;padding:0 4px 0 6px;color:var(--color-text-muted);flex-shrink:0}.ni-icon svg{display:block}.ni-field-wrap{flex:1;position:relative;height:100%}.ni-field{width:100%;border:none;background:none;padding:4px 20px 4px 4px;font-size:11px;font-family:inherit;color:var(--color-text);outline:none;-moz-appearance:textfield;align-self:stretch}.ni-field::-webkit-inner-spin-button,.ni-field::-webkit-outer-spin-button{-webkit-appearance:none}.ni-arrows{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;width:16px;border-left:1px solid var(--color-border-light);opacity:0;transition:opacity var(--transition-fast)}.ni-wrap:hover .ni-arrows,.ni-wrap:focus-within .ni-arrows{opacity:1}.ni-arrow{display:flex;align-items:center;justify-content:center;flex:1;border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:0}.ni-arrow:hover{background:var(--color-surface-hover);color:var(--color-text)}.ni-arrow+.ni-arrow{border-top:1px solid var(--color-border-light)}.micro-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding:0 24px 0 8px;line-height:28px;cursor:pointer}.font-select{position:relative}.font-select .select-trigger,.icon-select .select-trigger{height:28px;padding:0 var(--space-sm);font-size:11px;background:var(--color-bg);border-color:var(--color-border-light);min-width:0}.micro-textarea{height:auto;min-height:60px;padding:var(--space-sm);resize:vertical}.micro-textarea-large{min-height:120px;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.designer-canvas-wrapper::-webkit-scrollbar,.designer-panel-left::-webkit-scrollbar,.designer-panel-right::-webkit-scrollbar{width:var(--designer-scrollbar-size);height:var(--designer-scrollbar-size)}.designer-canvas-wrapper::-webkit-scrollbar-track,.designer-panel-left::-webkit-scrollbar-track,.designer-panel-right::-webkit-scrollbar-track{background:transparent}.designer-canvas-wrapper::-webkit-scrollbar-thumb,.designer-panel-left::-webkit-scrollbar-thumb,.designer-panel-right::-webkit-scrollbar-thumb{background-color:var(--designer-scrollbar-thumb);border-radius:var(--radius-full)}.designer-canvas-wrapper::-webkit-scrollbar-thumb:hover,.designer-panel-left::-webkit-scrollbar-thumb:hover,.designer-panel-right::-webkit-scrollbar-thumb:hover{background-color:var(--designer-scrollbar-thumb-hover)}.designer-canvas-wrapper::-webkit-scrollbar-corner{background:transparent}.picker-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--control-md);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);margin-bottom:var(--control-md)}.picker-dropzone:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.picker-dropzone-icon{color:var(--color-text-muted)}.picker-dropzone:hover .picker-dropzone-icon{color:var(--color-primary)}.picker-dropzone-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.picker-dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.picker-library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.picker-library-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.picker-search{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-muted);transition:border-color var(--transition-fast)}.picker-search:focus-within{border-color:var(--color-primary)}.picker-search-input{border:none;background:none;outline:none;font-size:var(--font-size-xs);color:var(--color-text);width:120px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm);max-height:200px;overflow-y:auto}.picker-grid-item{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.picker-grid-item:hover,.picker-grid-item-selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.picker-grid-item-check{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--color-surface-solid);background-color:var(--color-surface-solid);color:var(--color-primary-text);z-index:1;transition:background-color var(--transition-fast)}.picker-grid-item-check-active{background-color:var(--color-primary);border-color:var(--color-primary)}.picker-multi-footer{display:flex;justify-content:flex-end;padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border-light)}.slideshow-image-list{display:flex;flex-direction:column;gap:var(--space-sm)}.slideshow-image-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background-color:var(--color-surface-solid)}.slideshow-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--color-bg)}.slideshow-image-duration{flex:1;min-width:0}.slideshow-image-actions{display:flex;align-items:center;gap:var(--space-2xs);flex-shrink:0}.picker-grid-item img,.picker-grid-item video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--color-bg)}.picker-grid-item-pdf{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-muted)}.picker-grid-item-name{font-size:var(--designer-font-tiny);color:var(--color-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-empty{text-align:center;padding:var(--space-md) 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.content-picker-url-input{flex:1;height:var(--input-height);padding:0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.content-picker-url-input:focus{outline:none;border-color:var(--color-primary)}.designer-toolbar-publish{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.designer-toolbar-publish:hover,.designer-toolbar-publish-active{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.designer-toolbar-publish-active:hover{background-color:var(--color-warning-light);color:var(--color-warning);border-color:var(--color-warning)}.designer-toolbar-save-group{position:relative;display:flex;align-items:stretch}.designer-toolbar-save-more{display:flex;align-items:center;justify-content:center;width:26px;padding:0;border:1px solid var(--color-border);border-left:none;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.designer-toolbar-save-more:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.designer-toolbar-save-more-active{background-color:var(--color-surface-hover);color:var(--color-text)}.designer-toolbar-save-group:has(.designer-toolbar-save-dirty) .designer-toolbar-save-more{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.designer-toolbar-save-group:has(.designer-toolbar-save-dirty) .designer-toolbar-save-more:hover:not(:disabled){background-color:var(--color-primary-hover)}.designer-toolbar-save-group:has(.designer-toolbar-save-saved) .designer-toolbar-save-more{border-color:var(--color-success);color:var(--color-success)}.designer-toolbar-prefs-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:260px;padding:var(--space-xs);background-color:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown, 1000)}.designer-toolbar-prefs-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.designer-toolbar-prefs-row:hover{background-color:var(--color-surface-hover)}.designer-toolbar-prefs-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.designer-toolbar-prefs-row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.designer-toolbar-prefs-row-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-tight)}.designer-toolbar-template-badge{display:flex;align-items:center;height:28px;padding:0 var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--color-primary)}.designer-toolbar-save{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.designer-toolbar-save-group .designer-toolbar-save{border-top-right-radius:0;border-bottom-right-radius:0}.designer-toolbar-save:hover:not(:disabled){background-color:var(--color-surface-hover)}.designer-toolbar-save-dirty{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.designer-toolbar-save-dirty:hover:not(:disabled){background-color:var(--color-primary-hover)}.designer-toolbar-save-saving{opacity:.7;cursor:wait}.designer-toolbar-save-saved{color:var(--color-success);border-color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.designer-toolbar-lock-badge{display:flex;align-items:center;gap:var(--space-xs);height:26px;padding:0 var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.designer-toolbar-lock-badge-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis}.designer-toolbar-takeover{display:flex;align-items:center;gap:var(--space-xs);height:26px;padding:0 var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.designer-toolbar-takeover:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.designer-panel-readonly{opacity:.55;cursor:not-allowed}.locked-modal-title{display:flex;align-items:center;gap:var(--space-sm)}.locked-modal-warning{color:var(--color-danger);font-weight:var(--font-weight-medium)}.properties-delete{padding:var(--space-md);border-top:1px solid var(--color-border-light)}.properties-delete-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:6px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:transparent;color:var(--color-danger);font-size:var(--font-size-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.properties-delete-btn:hover{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.canvas-drag-over{outline:2px dashed var(--color-text-secondary);outline-offset:-2px}.element-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--space-xs);background-color:var(--color-bg)}.pp-align-bar{display:flex;align-items:center;justify-content:center;gap:0}.pp-align-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.pp-align-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.pp-align-btn-active{color:var(--color-primary);background:var(--color-primary-light)}.pp-align-divider{width:1px;height:16px;background:var(--color-border-light);margin:0 var(--space-md);flex-shrink:0}.multi-bbox{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-muted);border-radius:var(--radius-sm);margin-bottom:12px}.multi-bbox-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}.multi-bbox-label{color:var(--color-text-muted)}.multi-bbox-val{font-variant-numeric:tabular-nums;color:var(--color-text)}.multi-bbox-hint{margin-top:6px;font-size:11px;color:var(--color-text-muted)}.alignment-row{display:flex;align-items:stretch;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg)}.alignment-btn{display:flex;align-items:center;justify-content:center;flex:1;padding:4px 2px;border:none;border-right:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.alignment-btn:last-child{border-right:none}.alignment-btn:hover{color:var(--color-text)}.alignment-btn-active{background-color:var(--color-surface-solid);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.alignment-btn-active:hover{color:var(--color-primary)}.alignment-btn-text{font-size:11px;font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.alignment-btn-label{display:none}.alignment-btn:hover .alignment-btn-label{color:var(--color-text)}.pp-group-hint{margin:0 0 2px;font-size:11px;line-height:1.4;color:var(--color-text-secondary)}.rr-col-row{display:flex;align-items:center;gap:var(--space-sm)}.rr-col-row .micro-input-field{padding:var(--space-sm)}.navbar-btn-row{display:flex;align-items:center;gap:4px}.navbar-btn-row .micro-input-field{flex:1;min-width:0;font-size:11px;height:28px;padding:0 8px}.navbar-btn-pdf{flex:1;min-width:0;font-size:11px;height:28px}.navbar-btn-remove{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-danger);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.navbar-btn-remove:hover{color:var(--color-danger-hover);background:var(--color-danger-light)}.navbar-btn-move{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.navbar-btn-move:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.navbar-btn-move:disabled{opacity:.35;cursor:not-allowed}.navbar-btn-item{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:var(--radius-md);background:var(--color-bg)}.navbar-btn-item+.navbar-btn-item{margin-top:4px}.navbar-btn-icon-row{display:flex;align-items:center;gap:4px}.navbar-btn-icon-row .icon-select{flex:1;min-width:0}.icon-mode-select{display:inline-flex;align-items:stretch;gap:1px;padding:2px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);height:28px;box-sizing:border-box}.icon-mode-select-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:100%;padding:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.icon-mode-select-btn:hover{color:var(--color-text)}.icon-mode-select-btn.is-active{background:var(--color-surface-solid);color:var(--color-primary)}.micro-input>.icon-mode-select{display:flex;width:100%}.micro-input>.icon-mode-select .icon-mode-select-btn{flex:1;width:auto}.pdf-overlay{position:absolute;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.pdf-overlay-status{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-md)}.pdf-viewer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface)}.pdf-viewer-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block;background:var(--color-surface)}.pdf-viewer-close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--icon-btn-size-lg);height:var(--icon-btn-size-lg);display:flex;align-items:center;justify-content:center;background:#fff;color:var(--color-text);border:none;border-radius:var(--radius-full);cursor:pointer;z-index:2;box-shadow:0 2px 8px #00000040;transition:background var(--transition-fast),transform var(--transition-fast)}.pdf-viewer-close:hover{background:var(--color-surface-hover-strong, #f0f0f0);transform:scale(1.05)}.content-list-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md)}.content-list-placeholder td,.content-list-placeholder .cv-field,.content-list-placeholder .cv-title{opacity:.45}.cv-fields-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm)}.cv-field{display:flex;flex-direction:column;gap:var(--space-2xs);grid-column:span 6}.cv-field-half{grid-column:span 3}.cv-field-third{grid-column:span 2}.cv-badge-row{grid-column:span 6;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cv-title{font-weight:var(--font-weight-bold);font-size:1.1em;line-height:var(--line-height-tight)}.cv-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.3}.cv-pill-group{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.cv-text-wrap{white-space:pre-wrap;word-break:break-word}.cv-inline-img{width:32px;height:32px;border-radius:var(--radius-md);object-fit:cover;vertical-align:middle}.cv-entry-picker{display:flex;flex-direction:column;gap:var(--space-xs);max-height:180px;overflow-y:auto;padding:var(--space-xs) 0}.cv-entry-option{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;padding:2px 0;color:var(--color-text)}.cv-entry-option input[type=checkbox]{flex-shrink:0;width:14px;height:14px;margin:0;accent-color:var(--color-primary);cursor:pointer}.cv-field-layout-title{display:flex;align-items:center;gap:6px;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid var(--color-border-light)}.cv-field-layout-list{display:flex;flex-direction:column;gap:1px}.cv-field-layout-item{display:flex;align-items:center;gap:4px;padding:2px 0;cursor:grab}.cv-field-layout-item:active{cursor:grabbing}.cv-field-drag-handle{opacity:.3}.cv-field-layout-label{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-field-width-select{font-size:10px;padding:1px 4px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);flex-shrink:0;width:auto}.content-list-table-wrap{width:100%;height:100%;display:flex;flex-direction:column}.content-list-real-table{width:100%;border-collapse:collapse;flex:1;color:inherit}.content-list-real-table th{font-weight:var(--font-weight-semibold);text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:inherit;white-space:nowrap}.content-list-real-table td{font-size:inherit;vertical-align:middle}.content-list-real-table tbody tr:hover{background-color:var(--color-surface-hover)}.cv-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-light);flex-shrink:0}.cv-table-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cv-table-pagination{display:flex;align-items:center;gap:var(--space-xs)}.cv-page-indicator{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:3rem;text-align:center}.content-list-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:var(--space-sm)}.content-list-card{overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.cv-card-hero{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg);flex-shrink:0}.cv-card-hero img{width:100%;height:100%;object-fit:cover}.cv-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.content-list-list{width:100%}.cv-list-item{display:flex;align-items:flex-start;gap:0}.cv-list-img{flex-shrink:0;overflow:hidden;background-color:var(--color-bg);border-radius:var(--radius-md)}.cv-list-img img{display:block;width:100%;height:100%;object-fit:cover}.cv-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg)}.cv-list-value{font-size:var(--font-size-sm);color:inherit;opacity:.7}.cv-filter{margin-top:2px}.cv-filter-summary{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:2px 0;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);list-style:none;-webkit-user-select:none;user-select:none}.cv-filter-summary::-webkit-details-marker{display:none}.cv-filter-summary:before{content:"";flex:0 0 auto;width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:transform .15s ease}.cv-filter[open]>.cv-filter-summary:before{transform:rotate(90deg)}.cv-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-primary-light);color:var(--color-primary-hover);font-size:10px;font-weight:600}.cv-filter-body{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.cv-filter-rule{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-cream)}.cv-filter-rule-row{display:flex;gap:4px;align-items:center}.cv-filter-rule-row>select,.cv-filter-rule-row>input{flex:1 1 0;min-width:0}.cv-filter-remove{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:15px;line-height:1}.cv-filter-remove:hover{border-color:var(--color-danger-light);background:var(--color-danger-light);color:var(--color-danger)}.cv-filter-add{width:100%;margin-top:2px}.lc-root{position:relative}.lc-scroll-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.lc-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:none}.lc-scroll::-webkit-scrollbar{display:none}.lc-scroll-hint{position:absolute;right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff8c;color:#0009;pointer-events:none;z-index:2}.lc-empty{opacity:.5;font-size:var(--font-size-sm);padding:var(--space-lg);text-align:center}.lc-refreshing{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--lc-divider, rgba(0, 0, 0, .08));color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-2xs) var(--space-sm);letter-spacing:.5px;pointer-events:none;z-index:1}.lc-next-match{flex:1;background:transparent;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl)}.lc-next-info{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.lc-next-eyebrow{font-size:.85em;font-weight:var(--font-weight-bold);letter-spacing:3px;text-transform:uppercase;opacity:.7}.lc-next-teams{font-size:1.9em;font-weight:900;line-height:1;letter-spacing:-.5px}.lc-next-meta{font-size:.85em;font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase;opacity:.7}.lc-next-time{text-align:right;font-variant-numeric:tabular-nums;line-height:.9}.lc-next-hh{display:block;font-size:4em;font-weight:900;letter-spacing:-2px}.lc-next-day{display:block;font-size:.85em;font-weight:var(--font-weight-bold);letter-spacing:3px;text-transform:uppercase;opacity:.7;margin-top:var(--space-xs)}.lc-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-2xl);background:var(--lc-accent, #0f172a);color:var(--lc-accent-text, #ffffff);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:-.5px}.lc-section-title-main{font-size:1.8em}.lc-days{display:flex;flex-direction:column;padding:var(--space-md) var(--space-2xl)}.lc-day{display:grid;grid-template-columns:6.5em 1fr;gap:var(--space-xl);padding:var(--space-lg) 0;border-bottom:2px solid var(--lc-divider, rgba(0, 0, 0, .08))}.lc-day:last-child{border-bottom:0}.lc-day:first-child{padding-top:var(--space-sm)}.lc-day-block{display:flex;flex-direction:column;align-items:flex-start;font-variant-numeric:tabular-nums}.lc-day-name{font-size:.95em;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:2px;opacity:.55}.lc-day-num{font-size:calc(3.8em * var(--lc-day-num-scale, 1));font-weight:900;letter-spacing:-.05em;line-height:.95;margin-top:.05em}.lc-day-month{font-size:.85em;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:2px;opacity:.55;margin-top:.2em}.lc-matches{display:flex;flex-direction:column;gap:var(--space-md);padding-top:.4em}.lc-match{display:grid;grid-template-columns:4.5em 1em 1fr auto;align-items:center;gap:var(--space-md);min-width:0}.lc-match.is-expandable{cursor:pointer;transition:background-color .15s ease-out}.lc-match.is-expandable:hover{background-color:var(--lc-divider, rgba(0, 0, 0, .04))}.lc-match.is-expanded{font-weight:var(--font-weight-bold)}.lc-match-details{margin:.4em 0 .4em calc(5.5em + var(--space-md) * 2);padding:.8em 1em;background:color-mix(in srgb,var(--lc-divider, rgba(0, 0, 0, .08)) 45%,transparent);border-left:3px solid var(--lc-accent, #0f172a);font-size:.92em;line-height:1.45;animation:lc-expand-in .2s ease-out;transform-origin:top}.lc-compact .lc-match-details{margin-left:calc(4.3em + var(--space-sm) * 2);padding:.6em .8em}@keyframes lc-expand-in{0%{opacity:0;transform:translateY(-6px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.lc-detail-location{font-weight:var(--font-weight-bold);margin-bottom:.3em;letter-spacing:.3px}.lc-detail-body{white-space:pre-wrap;opacity:.85}.lc-time{font-size:1.25em;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.lc-mark{width:.85em;height:.85em;background:var(--lc-other, #94a3b8);border:0}.lc-mark[data-type=match]{background:var(--lc-match, #dc2626)}.lc-mark[data-type=training]{background:var(--lc-training, #16a34a)}.lc-mark[data-type=other]{background:var(--lc-other, #94a3b8)}.lc-mark[data-type=match][data-loc=away]{background:transparent;box-shadow:inset 0 0 0 2px var(--lc-match, #dc2626)}.lc-title{font-size:1.15em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-badge{font-size:.7em;font-weight:var(--font-weight-bold);letter-spacing:1.2px;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);background:var(--lc-badge-bg, #1f2937);color:var(--lc-badge-text, #f8fafc);white-space:nowrap}.lc-compact .lc-days{padding:var(--space-sm) var(--space-xl)}.lc-compact .lc-day{padding:var(--space-sm) 0;grid-template-columns:4.5em 1fr;gap:var(--space-md)}.lc-compact .lc-day-num{font-size:calc(2.5em * var(--lc-day-num-scale, 1))}.lc-compact .lc-day-name,.lc-compact .lc-day-month{font-size:.8em;letter-spacing:1.5px}.lc-compact .lc-matches{gap:var(--space-xs);padding-top:.2em}.lc-compact .lc-match{grid-template-columns:3.5em .8em 1fr auto;gap:var(--space-sm)}.lc-compact .lc-time,.lc-compact .lc-title{font-size:1em}.lc-compact .lc-badge{font-size:.65em;padding:var(--space-2xs) var(--space-xs)}.lc-compact .lc-section-title{padding:var(--space-sm) var(--space-xl)}.lc-compact .lc-section-title-main{font-size:1.3em}.lc-legend{display:flex;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-md) var(--space-2xl);font-size:.7em;font-weight:var(--font-weight-semibold);letter-spacing:.8px;text-transform:uppercase;border-top:2px solid var(--lc-divider, rgba(0, 0, 0, .08))}.lc-legend>span{display:inline-flex;align-items:center;gap:var(--space-xs)}.lc-legend-text{opacity:.55}.lc-legend-mark{width:.85em;height:.85em;display:inline-block}.lc-legend-mark[data-type=match]{background:var(--lc-match, #dc2626)}.lc-legend-mark[data-type=training]{background:var(--lc-training, #16a34a)}.lc-legend-mark[data-type=other]{background:var(--lc-other, #94a3b8)}.lc-calendar-name{font-size:var(--font-size-xs);opacity:.7;padding:var(--space-2xs) 0}.lc-mode-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;padding:2px}.lc-mode-btn{background:transparent;color:var(--color-text-secondary);border:0;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .12s ease-out,color .12s ease-out}.lc-mode-btn:hover{color:var(--color-text)}.lc-mode-btn.is-active{background:var(--color-surface-solid);color:var(--color-text);box-shadow:var(--shadow-sm)}.lc-section-row{align-items:center!important}.lc-section-label{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;flex:1}.lc-section-name{font-size:var(--font-size-xs)}.lc-section-slug{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere}.lc-related-hint{font-size:11px;color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);line-height:1.4;background:var(--color-surface-hover);margin:var(--space-2xs) 0 var(--space-xs)}.rr-scroll::-webkit-scrollbar{display:none}.rr-columns{flex:1;display:flex;gap:var(--space-lg);min-height:0}.rr-column-wrap{position:relative;flex:1;min-width:0;min-height:0}.rr-column{height:100%;display:grid;align-content:start;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.rr-column::-webkit-scrollbar{display:none}.rr-probe{position:absolute;visibility:hidden;pointer-events:none;top:0;left:-9999px;width:160px}.rr-scroll-hint{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff8c;color:#0009;pointer-events:none;z-index:2}.slideshow-stage{position:relative;width:100%;height:100%;overflow:hidden}.slideshow-stage-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:opacity}.url-element-wrap{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-bg);position:relative}.url-element-iframe{flex:1;width:100%;border:none}.url-element-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs)}.url-element-error-icon{color:var(--color-warning)}.url-element-failed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--color-bg);color:var(--color-text-muted)}.url-element-failed-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.url-element-failed-desc{font-size:var(--font-size-xs);text-align:center;max-width:80%}