/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;color:#102033;background:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#3b82f642 0,#eff6ff00 34%),linear-gradient(135deg,#f8fbff,#edf4ff 45%,#e8eefb);margin:0}button,input,select{font:inherit}a{text-decoration:none}.boot-shell,.fatal{text-align:center;color:#102033;place-content:center;gap:12px;min-height:100vh;display:grid}.boot-shell strong,.fatal h1{letter-spacing:-.04em;margin:0;font-size:34px}.boot-shell span,.fatal p{color:#94a3b8}.fatal pre{white-space:pre-wrap;text-align:left;color:#fecaca;background:#7f1d1d4d;border:1px solid #ef444459;border-radius:16px;max-width:min(760px,92vw);padding:16px}.fatal button{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:12px;justify-self:center;padding:11px 16px}.app{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border-right:1px solid #94a3b847;width:300px;height:100vh;padding:22px;position:sticky;top:0;box-shadow:14px 0 40px #3b82f614}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:0 14px 28px #2563eb42}.brand h1{color:#0f172a;margin:0;font-size:19px}.brand p,.topbar p{color:#64748b;margin:3px 0 0}.nav{color:#526174;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:13px 14px;transition:all .15s;display:flex}.mini-icon{color:#1d4ed8;letter-spacing:.06em;background:#dbeafe;border-radius:8px;place-items:center;min-width:30px;height:24px;font-size:10px;font-weight:900;display:inline-grid}.danger-icon{color:#fecaca;background:#7f1d1d}.api-card{background:#fff;border:1px solid #d7e2f3;border-radius:18px;gap:5px;margin-top:26px;padding:16px;display:grid}.api-card span,.api-card small{color:#64748b}.api-card strong{color:#0f172a}.main{flex:1;padding:28px;overflow:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar h2{letter-spacing:-.05em;color:#0f172a;margin:0;font-size:34px}.top-actions{align-items:center;gap:10px;display:flex}.button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #2563eb38}.button:disabled{opacity:.45;cursor:not-allowed}.button.ghost{color:#1d4ed8;box-shadow:none;background:#fff;border:1px solid #c9d8ee}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel,.metric{background:#ffffffe6;border:1px solid #cbd5e1e0;border-radius:24px;padding:20px;box-shadow:0 24px 70px #0f172a14}.panel h3,.metric span{margin-top:0}.metric strong{color:#0f172a;margin:8px 0;font-size:42px;display:block}.metric span,.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:900}.metric p{color:#64748b;margin:0}.stack{gap:16px;display:grid}.screen-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px;display:grid}.screen-card{background:#fff;border:1px solid #d6e2f4;border-radius:20px;padding:16px;box-shadow:0 18px 44px #0f172a0f}.screen-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.screen-title h4{color:#0f172a;margin:0;font-size:18px}.screen-title span,.screen-card p,.media-row small{color:#64748b}.screen-card p{margin:9px 0}.assignment-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:12px 0;padding:10px 12px}.green{color:#22c55e}.muted{color:#64748b}.status-dot{background:#94a3b8;border-radius:999px;width:14px;height:14px;margin-top:5px}.status-dot.live{background:#22c55e;box-shadow:0 0 0 5px #22c55e21}.status-dot.warning{background:#f59e0b;box-shadow:0 0 0 5px #f59e0b21}.status-dot.offline{background:#ef4444;box-shadow:0 0 0 5px #ef44441f}.chips{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.chip{color:#475569;background:#f1f5f9;border:1px solid #d8e2ef;border-radius:999px;padding:5px 10px;font-size:12px}.chip.good{color:#166534;background:#dcfce7;border-color:#86efac}.chip.danger{color:#fecaca;background:#ef444429;border-color:#ef444473}.actions,.form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input,select,textarea{color:#0f172a;background:#fff;border:1px solid #c9d8ee;border-radius:12px;min-height:43px;padding:11px 12px}textarea{resize:vertical;min-height:92px}.form-stack{gap:10px;margin-top:14px;display:grid}.content-field{color:#334155;gap:6px;font-size:13px;font-weight:800;display:grid}.content-field>span{letter-spacing:.01em;padding-left:2px}.content-field input,.content-field select,.content-field textarea{box-sizing:border-box;width:100%;font-weight:500}.upload-fields{grid-template-columns:minmax(180px,1fr) minmax(250px,1.4fr) minmax(150px,.65fr) minmax(180px,.8fr) auto;align-items:end;gap:12px;display:grid}.bulk-import-panel{border-top:1px solid var(--border);grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-top:14px;padding-top:14px;display:grid}.bulk-import-actions{justify-items:end;gap:8px;display:grid}.bulk-import-actions span{color:var(--muted-foreground);font-size:12px;font-weight:800}.built-in-element-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;gap:4px;padding:13px 14px;display:grid}.built-in-element-note span{color:#475569}.pair-code{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-top:16px;padding:18px}.pair-code strong{letter-spacing:.16em;margin-left:10px;font-size:30px}.notice{border-radius:14px;margin-bottom:16px;padding:13px 16px}.media-layout{grid-template-columns:1.25fr 430px;align-items:start;gap:16px;display:grid}.element-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.app-filter-bar{grid-template-columns:minmax(240px,1fr) minmax(210px,280px);gap:10px;margin-bottom:14px;display:grid}.element-card{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1px solid #d6e2f4;border-radius:18px;padding:10px;transition:all .15s}.element-card.active,.element-card:hover{background:#f0f7ff;border-color:#60a5fa;transform:translateY(-2px)}.element-card>div:last-child{gap:4px;padding:10px 4px 2px;display:grid}.element-card span{color:#64748b}.sticky{position:sticky;top:28px}.preview-stage{aspect-ratio:16/9;background:#020617;border:1px solid #d8e2ef;border-radius:16px;place-items:center;width:100%;padding:12px;display:grid;overflow:hidden}.preview-content{border-radius:10px;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.preview-content img{object-fit:contain;width:100%;height:100%}.preview-content.fit-cover img{object-fit:cover}.preview-content.fit-fill img{object-fit:fill}.template-art{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f172a);border-radius:12px;flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;padding:18px;display:flex;overflow:hidden}.art-topline{text-transform:uppercase;letter-spacing:.16em;opacity:.8;font-size:11px}.clock-preview{text-align:center;background:radial-gradient(circle at 30% 20%,#60a5fa42,#0000 32%),linear-gradient(135deg,#020617,#111827 52%,#172554);border-radius:16px;align-content:center;justify-items:center;gap:8px;width:100%;height:100%;display:grid}.clock-preview span{color:#dbeafe;font-weight:700}.big-clock{letter-spacing:-.07em;font-size:clamp(36px,8vw,84px);font-weight:900;line-height:.95}.manual-clock-preview{gap:12px}.analog-preview-face{aspect-ratio:1;background:radial-gradient(circle,#f8fbff 0,#e2e8f0 72%,#94a3b8);border-radius:999px;width:min(56%,180px);position:relative;box-shadow:inset 0 0 0 7px #0f172a38,0 18px 42px #00000038}.analog-preview-face i{transform-origin:50% 0;background:linear-gradient(#0f172a 0,#0f172a 9px,#0000 9px);width:3px;height:41%;position:absolute;top:50%;left:50%}.analog-preview-face b{transform-origin:50% 100%;background:#0f172a;border-radius:999px;position:absolute;top:50%;left:50%}.analog-preview-face .analog-hour{width:8px;height:25%;margin-top:-25%;margin-left:-4px}.analog-preview-face .analog-minute{background:#2563eb;width:5px;height:35%;margin-top:-35%;margin-left:-2.5px}.analog-preview-face em{background:#2563eb;border-radius:999px;width:16px;height:16px;margin:-8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #2563eb2e}.weather-icon{font-size:48px}.ticker-line{white-space:nowrap;will-change:transform;animation:7s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.map-lines{opacity:.85;background:repeating-linear-gradient(45deg,#93c5fd 0,#93c5fd 4px,#1e3a8a 4px,#1e3a8a 12px);border-radius:10px;height:70px}.media-list{gap:8px;display:grid}.media-row{color:#0f172a;background:#f8fbff;border:1px solid #d7e2f3;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px;display:grid}.media-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.media-library-card{background:#fff;border:1px solid #d7e2f3;border-radius:12px;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a12}.media-library-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary),0 14px 32px #2563eb1f}@supports (color:color-mix(in lab,red,red)){.media-library-card.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent),0 14px 32px #2563eb1f}}.media-library-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 14px 32px #2563eb1f}.bulk-media-toolbar{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:-4px 0 14px;padding:10px;display:flex}@supports (color:color-mix(in lab,red,red)){.bulk-media-toolbar{background:color-mix(in srgb,var(--card) 84%,var(--background))}}.bulk-media-toolbar label,.media-select-check{color:var(--foreground);cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.bulk-media-toolbar input,.media-select-check input{width:16px;min-height:16px;accent-color:var(--primary)}.bulk-media-toolbar strong{color:var(--muted-foreground);margin-right:auto;font-size:12px}.media-select-check{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border:1px solid #ffffff42;border-radius:999px;padding:5px 8px;position:absolute;top:9px;left:9px}.media-select-check span{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.media-thumbnail{aspect-ratio:16/9;background:#020617;place-items:center;display:grid;position:relative;overflow:hidden}.media-thumbnail-asset{object-fit:cover;width:100%;height:100%;display:block}.media-thumbnail .preview-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;padding:0}.media-thumbnail .preview-content,.media-thumbnail .template-art{border-radius:0}.media-thumbnail-placeholder{color:#dbeafe;background:radial-gradient(circle at 30% 20%,#3b82f673,#0000 32%),linear-gradient(135deg,#0f172a,#1e3a8a);align-content:center;place-items:center;gap:8px;width:100%;height:100%;display:grid}.media-thumbnail-placeholder span{letter-spacing:.12em;background:#ffffff1f;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:900}.media-type-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;background:#0f172ac7;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;position:absolute;top:9px;right:9px}.media-card-body{gap:4px;min-width:0;padding:12px 12px 46px;display:grid}.media-card-body strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.media-card-body span,.media-card-body small{color:#64748b}.media-card-body span{font-size:12px}.media-card-body small{text-transform:capitalize;font-size:11px}.media-delete-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;min-height:29px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;bottom:10px;right:10px}.media-delete-button:hover{color:#fff;background:#dc2626;border-color:#dc2626}.media-repush-button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:7px;min-height:29px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;bottom:10px;right:76px}.media-repush-button:hover{color:#fff;background:#2563eb;border-color:#2563eb}.layout-shell{padding:0;overflow:hidden}.layout-toolbar{background:#eef3fb;border-bottom:1px solid #d7e2f3;grid-template-columns:minmax(260px,1fr) minmax(320px,52%);align-items:center;gap:16px;padding:18px 22px;display:grid}.layout-toolbar h3{color:#0f172a;margin:0;font-size:24px}.layout-toolbar p{color:#64748b;margin:4px 0 0}.layout-grid{background:#fff;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:18px;display:grid}.layout-card{background:#fff;border:1px solid #d9e2ee;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #0f172a12}.layout-card.selectable{cursor:pointer;text-align:left;color:#0f172a;box-shadow:none;padding:0}.layout-card.selectable.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29,0 16px 40px #2563eb1f}.layout-card:hover{border-color:#60a5fa;box-shadow:0 16px 40px #2563eb1f}.layout-card-head{color:#3f4a5a;background:#e9eff8;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.layout-card-head span{color:#64748b;font-size:12px;font-weight:800}.layout-card-head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dots{color:#64748b;background:#fff;border:1px solid #b8c8dc;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:900;line-height:.4;display:grid}.layout-card p{color:#64748b;margin:0;padding:11px 14px 14px;font-size:13px}.layout-preview{background:#f8fbff;border:6px solid #999;width:78%;max-width:230px;margin:26px auto 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #dbeafe}.layout-preview.compact{border-width:4px;flex-shrink:0;width:168px;max-width:42vw;margin:14px auto}.layout-zone{color:#0f172a;background:#cfe0f2;border:2px solid #ffffffd9;flex-direction:column;gap:2px;padding:7px;font-size:12px;font-weight:900;transition:all .14s;display:flex;position:absolute}.layout-zone span{color:#475569;text-transform:capitalize;font-weight:700}.layout-zone.active{background:#93c5fd;box-shadow:inset 0 0 0 3px #2563eb}.custom-layout-builder{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:24px;display:grid}.custom-layout-builder .layout-preview{max-width:460px;margin-top:0}.timeline-head{justify-content:space-between;align-items:center;display:flex}.ruler{color:#64748b;border-bottom:1px solid #d8e2ef;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;display:flex}.timeline{background:#f8fbff;border:1px dashed #b9c9df;border-radius:18px;align-items:center;gap:0;min-height:122px;padding:16px;transition:all .16s;display:flex;overflow-x:auto}.timeline.drag-over{background:#eff6ff;border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb2e}.empty{color:#64748b;text-align:center;width:100%}.playlist-studio{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.campaign-settings{background:#f8fbff;border:1px solid #d7e2f3;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-top:16px;padding:16px;display:grid}.campaign-settings>div{grid-column:1/-1}.campaign-settings h3{color:#0f172a;margin:3px 0 0}.campaign-settings label{color:#0f172a;gap:6px;font-size:13px;font-weight:800;display:grid}.campaign-settings label span{color:#475569}.campaign-settings .toggle-field{background:#fff;border:1px solid #c9d8ee;border-radius:12px;grid-template-columns:auto 1fr;align-content:center;align-items:center;min-height:43px;padding:0 12px}.campaign-settings .toggle-field input{min-height:auto}.layout-library,.layout-composer{background:#f8fbff;border:1px solid #d7e2f3;border-radius:20px;padding:16px}.layout-library input{width:100%;margin-bottom:12px}.layout-strip{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;max-height:420px;padding:2px;display:grid;overflow:auto}.layout-strip .layout-preview{max-width:170px}.playlist-preview-board{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #d7e2f3;border-radius:22px;grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:18px;margin:14px 0 16px;padding:18px;display:grid}.playlist-preview-screen{background:#0f172a;border-radius:20px;place-items:center;min-height:245px;padding:20px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.playlist-preview-screen .layout-preview{background:#eef6ff;width:min(100%,390px);margin:0}.preview-summary{color:#0f172a;gap:7px;display:grid}.preview-summary strong{letter-spacing:-.04em;font-size:28px}.preview-summary span:not(.eyebrow),.preview-summary p{color:#64748b;margin:0}.zone-lanes{gap:12px;display:grid}.zone-lane{background:#eef6ff;border:1px solid #d4e3f7;border-radius:20px;grid-template-columns:150px 1fr;align-items:stretch;gap:12px;padding:10px;display:grid}.zone-lane-head{color:#0f172a;background:#fff;border:1px solid #d7e2f3;border-radius:16px;align-content:center;gap:4px;padding:14px;display:grid}.zone-lane-head b{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.zone-lane-head span{color:#64748b;text-transform:capitalize;font-size:13px}.zone-lane .timeline{background:#fff;border-radius:16px;min-height:98px}.clip{color:#1f2937;cursor:grab;background:linear-gradient(135deg,#dbeafe,#fef3c7);border:2px solid #7aa8ed;border-radius:14px;align-items:center;gap:8px;min-height:78px;padding:10px;display:flex}.clip:active{cursor:grabbing}.clip small{color:#475569;white-space:nowrap}.clip input{color:#111827;background:#ffffff80;border-color:#d6a64c;width:70px}.clip select{color:#111827;background:#ffffffad;border-color:#d6a64c;width:130px;min-height:36px;padding:7px 8px}.clip button{color:#fff;cursor:pointer;background:#92400e;border:0;border-radius:8px;margin-left:auto}.media-picker{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:14px 0;display:grid}.draggable-media{color:#0f172a;background:#fff;border:1px solid #c9d8ee;border-radius:14px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.campaign-media-drag{cursor:grab}.campaign-media-drag:active{cursor:grabbing}.campaign-media-thumbnail{aspect-ratio:16/9;background:#020617;overflow:hidden}.campaign-media-thumbnail .media-thumbnail-asset,.campaign-media-thumbnail .preview-stage,.campaign-media-thumbnail .media-thumbnail-placeholder{width:100%;height:100%}.campaign-media-thumbnail .preview-stage{aspect-ratio:auto;border:0;border-radius:0;padding:0}.campaign-media-thumbnail .preview-content,.campaign-media-thumbnail .template-art{border-radius:0}.campaign-media-meta{gap:4px;padding:10px 68px 10px 10px;display:grid}.campaign-media-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.campaign-media-delete{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;min-height:28px;padding:4px 8px;font-size:10px;font-weight:900;position:absolute;bottom:8px;right:8px}.campaign-media-delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.draggable-media span,.drag-help{color:#64748b;font-size:13px}.drag-help{margin:10px 0 0}.screen-select{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:14px 0;display:grid}.screen-select label{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #d6e2f4;border-radius:14px;gap:4px;padding:12px;display:grid}.screen-select label.selected{background:#eff6ff;border-color:#2563eb}.screen-select label span{color:#64748b;font-size:13px}.emergency-panel h3{color:#fecaca;align-items:center;gap:8px;display:flex}.emergency-upload{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;margin:18px 0;padding:16px}.emergency-upload .section-head{margin-bottom:12px}.emergency-upload .section-head h3{color:#7f1d1d;margin:3px 0 0}.emergency-upload .upload-fields{grid-template-columns:minmax(170px,1fr) minmax(240px,1.4fr) minmax(120px,.55fr) minmax(150px,.7fr) auto}.emergency-media-select{margin:14px 0}.emergency-selection{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:10px 12px;display:flex}.emergency-selection span{color:#991b1b}@media(max-width:980px){.app{display:block}.sidebar{width:100%;height:auto;position:static}.grid,.media-layout,.layout-toolbar,.custom-layout-builder,.zone-lane,.playlist-studio,.playlist-preview-board{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}}.connection-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 24px 60px #2563eb33}.connection-hero h3{letter-spacing:-.04em;margin:5px 0;font-size:28px}.connection-hero p{color:#ffffffc7;margin:0}.connection-hero .eyebrow{color:#bfdbfe}.connection-hero.warning{background:linear-gradient(135deg,#78350f,#f59e0b)}.connection-hero.offline{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.hero-stats{gap:10px;display:flex}.hero-stats div{background:#ffffff24;border:1px solid #fff3;border-radius:18px;min-width:112px;padding:14px}.hero-stats strong{font-size:28px;display:block}.sync-pill{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-weight:800;display:inline-flex}.pulse-dot{background:currentColor;border-radius:999px;width:9px;height:9px;animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.5}}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.section-head h3{color:#0f172a;margin:3px 0 0}.now-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.now-panel h3{letter-spacing:-.04em;color:#0f172a;margin:4px 0;font-size:28px}.now-panel p{color:#64748b;margin:0}.mini-timeline{gap:7px;margin-top:16px;display:flex}.mini-timeline span{background:#dbe4f0;border-radius:999px;flex:1;min-width:48px;height:8px}.mini-timeline span.active{background:#2563eb}.live-mock{flex-shrink:0;width:min(260px,100%)}.screen-card .live-mock{width:100%;margin:14px 0}.live-screen{aspect-ratio:16/9;color:#fff;background:radial-gradient(circle at 20% 20%,#60a5fa8c,#0000 28%),linear-gradient(135deg,#020617,#1e3a8a 55%,#111827);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 16px 34px #0f172a29}.live-screen-top{color:#ffffffc2;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:8px;font-size:11px;display:flex;position:absolute;top:12px;left:12px;right:12px}.live-screen strong{font-size:16px}.live-screen small{color:#ffffffbd}.connection-row{color:#0f172a;background:#f8fbff;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0 2px;padding:9px 10px;display:flex}.connection-row span{color:#64748b;font-size:13px}.player-version-card{background:#f8fafc;border:1px solid #d8e2ef;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin:10px 0 14px;padding:11px 12px;display:grid}.player-version-card span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.player-version-card strong{color:#0f172a;font-size:18px}.player-version-card small{color:#64748b;grid-column:1/-1}.player-version-card.current{background:#f0fdf4;border-color:#86efac}.player-version-card.current strong,.player-version-card.current small{color:#166534}.player-version-card.outdated{background:#fff7ed;border-color:#fdba74}.player-version-card.outdated strong,.player-version-card.outdated small{color:#9a3412}.player-version-card.newer{background:#eff6ff;border-color:#93c5fd}.player-version-card.newer strong,.player-version-card.newer small{color:#1d4ed8}.player-version-stat.needs-update{background:#fb923c33;border-color:#fed7aabf}.player-diagnostic-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin:10px 0 14px;padding:12px}.player-diagnostic-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-diagnostic-head>span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.player-diagnostic-head>strong{color:#334155;font-size:12px}.player-diagnostic-card>p{color:#475569;margin:8px 0 0;font-size:13px}.player-diagnostic-card.ok{background:#f0fdf4;border-color:#86efac}.player-diagnostic-card.ok .player-diagnostic-head>strong,.player-diagnostic-card.ok>p{color:#166534}.player-diagnostic-card.warning{background:#fff7ed;border-color:#fdba74}.player-diagnostic-card.warning .player-diagnostic-head>strong,.player-diagnostic-card.warning>p{color:#9a3412}.player-diagnostic-card.error,.player-diagnostic-card.critical{background:#fef2f2;border-color:#fca5a5}.player-diagnostic-card.error .player-diagnostic-head>strong,.player-diagnostic-card.error>p,.player-diagnostic-card.critical .player-diagnostic-head>strong,.player-diagnostic-card.critical>p{color:#991b1b}.player-diagnostic-grid{border-top:1px solid #94a3b859;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;padding-top:10px;display:grid}.player-diagnostic-grid>span{color:#64748b;gap:2px;font-size:11px;display:grid}.player-diagnostic-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:12px}.builder-hero{background:linear-gradient(135deg,#fff,#eff6ff);justify-content:space-between;align-items:center;gap:18px;display:flex}.builder-hero h3{letter-spacing:-.04em;color:#0f172a;margin:5px 0;font-size:27px}.builder-hero p{color:#64748b;margin:0}.publish-steps{flex-wrap:wrap;gap:8px;display:flex}.publish-steps span{color:#64748b;background:#fff;border:1px solid #d6e2f4;border-radius:999px;padding:10px 13px;font-weight:800}.publish-steps span.done{color:#166534;background:#dcfce7;border-color:#86efac}.duration-pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:9px 12px;font-weight:900}.publish-button{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;justify-content:center;width:100%;min-height:54px;font-size:16px}.modern-form input{min-width:260px}.published-empty{text-align:center;color:#64748b;background:#f8fbff;border:1px dashed #b9c9df;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:320px;display:grid}.published-empty h3{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:26px}.published-empty p{max-width:560px;margin:0}.published-table{gap:8px;min-width:1050px;display:grid}.published-row{color:#0f172a;background:#fff;border:1px solid #d7e2f3;border-radius:15px;grid-template-columns:1.3fr 1fr .9fr .85fr 1fr 1fr .75fr;align-items:center;gap:12px;padding:13px 14px;display:grid}.published-row.header{color:#475569;text-transform:uppercase;letter-spacing:.08em;background:#e9eff8;font-size:12px;font-weight:900}.published-row span{min-width:0}.published-row strong,.published-row small{display:block}.published-row small{color:#64748b;margin-top:4px;font-size:12px}.published-actions{flex-wrap:wrap;gap:6px;display:flex}.published-actions .button{min-height:31px;padding:6px 9px}.status-badge{color:#991b1b;background:#fee2e2;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;display:inline-flex}.status-badge.live{color:#166534;background:#dcfce7}.status-badge.warning{color:#92400e;background:#fef3c7}.status-badge.offline{color:#991b1b;background:#fee2e2}:root{--ui-bg:#f4f6f9;--ui-surface:#fff;--ui-panel:#fff;--ui-line:#d9dee7;--ui-line-strong:#c8d0dc;--ui-text:#2f3542;--ui-muted:#6b7280;--ui-soft:#eef2f7;--ui-blue:#2d8bd8;--ui-blue-dark:#1976c9;--ui-green:#16a34a;--ui-red:#dc2626}body{background:var(--ui-bg);color:var(--ui-text)}.app{background:var(--ui-bg)}.sidebar{border-right:1px solid var(--ui-line);width:238px;box-shadow:none;background:#f8fafc;padding:14px 12px}.brand{border-bottom:1px solid var(--ui-line);margin:4px 6px 18px;padding-bottom:14px}.brand-mark{background:var(--ui-blue);width:38px;height:38px;box-shadow:none;border-radius:9px;font-size:12px}.brand h1{letter-spacing:-.02em;font-size:15px;font-weight:800}.brand p{font-size:12px}.nav{color:#4b5563;border-radius:8px;min-height:38px;margin-bottom:3px;padding:9px 10px;font-weight:650}.nav:hover,.nav.active{color:#1f2937;background:#e8f2fb;transform:none}.nav.active{box-shadow:inset 3px 0 0 var(--ui-blue)}.mini-icon{color:#426078;background:#e5edf6;border-radius:6px;min-width:28px;height:22px;font-size:9px}.api-card{background:var(--ui-surface);box-shadow:none;border-radius:10px;margin:18px 4px 0;padding:12px}.api-card span,.api-card small{font-size:12px}.api-card strong{font-size:14px}.main{padding:0}.topbar{z-index:10;border-bottom:1px solid var(--ui-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;min-height:70px;margin:0;padding:14px 22px;position:sticky;top:0}.topbar h2{letter-spacing:-.03em;font-size:26px}.topbar p{font-size:13px}.button{background:var(--ui-blue);min-height:36px;box-shadow:none;border-radius:7px;padding:8px 13px;font-size:13px}.button:hover{background:var(--ui-blue-dark)}.button.ghost{color:#256fba;border-color:var(--ui-line-strong)}input,select,textarea{border-color:var(--ui-line-strong);background:#fff;border-radius:7px;min-height:38px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--ui-blue);outline:2px solid #2d8bd82e}.panel,.metric{background:var(--ui-panel);border-color:var(--ui-line);box-shadow:none;border-radius:10px;padding:16px}.panel h3,.section-head h3{letter-spacing:-.02em;font-size:19px}.metric strong{margin:5px 0;font-size:30px}.metric span,.eyebrow{color:#58728f;letter-spacing:.08em;font-size:11px}.connection-hero{background:var(--ui-surface);min-height:92px;color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:none;border-radius:10px;padding:16px}.connection-hero h3{font-size:22px}.hero-stats strong{color:var(--ui-text);font-size:22px}.sync-pill{border-radius:999px;padding:7px 10px;font-size:12px}.screen-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.screen-card,.element-card,.layout-card,.media-row,.draggable-media,.screen-select label{border-color:var(--ui-line);box-shadow:none;border-radius:9px}.screen-card{padding:13px}.screen-title h4{font-size:16px}.status-dot{width:10px;height:10px;box-shadow:none!important}.chips{margin:10px 0}.chip{border-radius:6px;padding:4px 7px;font-size:11px}.connection-row{background:var(--ui-soft);border-radius:7px;padding:7px 8px}.live-screen,.preview-stage,.template-art,.clock-preview{border-radius:8px}.live-mock{width:min(220px,100%)}.screen-card .live-mock{margin:10px 0}.now-panel h3,.builder-hero h3,.preview-summary strong{font-size:22px}.builder-hero{background:var(--ui-surface);padding:15px 16px}.publish-steps span{border-radius:7px;padding:7px 10px;font-size:12px}.element-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.element-card{padding:8px}.element-card.active,.element-card:hover{border-color:var(--ui-blue);background:#f7fbff;transform:none}.preview-stage{padding:8px}.template-art{padding:14px}.layout-toolbar,.layout-card-head{background:#f1f4f8}.layout-preview{box-shadow:none;border-width:4px;border-color:#8d96a3}.layout-preview.compact{width:146px}.layout-zone{background:#d6e4f2;border-width:1px;font-size:11px}.layout-zone.active{box-shadow:inset 0 0 0 2px var(--ui-blue)}.campaign-settings,.layout-library,.layout-composer{background:#f8fafc;border-radius:10px;padding:12px}.campaign-settings{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.campaign-settings .toggle-field{border-radius:7px}.playlist-preview-board{background:#f8fafc;border-radius:10px;padding:12px}.playlist-preview-screen{border-radius:9px;min-height:210px;padding:14px}.zone-lane{background:#f1f5f9;border-radius:9px;grid-template-columns:118px 1fr;padding:8px}.zone-lane-head{border-radius:8px;padding:10px}.zone-lane-head b{border-radius:7px;width:32px;height:32px}.zone-lane .timeline,.timeline{border-style:solid;border-color:var(--ui-line);background:repeating-linear-gradient(90deg,#0000 0,#0000 49px,#94a3b83d 49px,#94a3b83d 50px),#fff;border-radius:8px;align-items:stretch;gap:6px;min-height:78px;padding:10px;overflow-x:auto}.timeline-scale-note{z-index:4;color:#fff;letter-spacing:.03em;pointer-events:none;background:#0f172ac7;border-radius:5px;flex:none;align-self:flex-start;padding:4px 7px;font-size:9px;font-weight:800;position:sticky;left:0}.clip{-webkit-user-select:none;user-select:none;background:linear-gradient(#fffdf7,#fff2c8);border-width:1px;border-color:#d6a64c;border-radius:8px;flex:none;min-height:58px;padding:8px 26px 8px 10px;position:relative;overflow:hidden}.clip-thumbnail{background:#020617;border-radius:6px;width:62px;min-width:62px;height:48px;overflow:hidden}.clip-thumbnail .media-thumbnail-asset,.clip-thumbnail .media-thumbnail-placeholder{width:100%;height:100%}.clip-thumbnail .preview-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;padding:0}.clip-thumbnail .preview-content,.clip-thumbnail .template-art{border-radius:0}.clip-thumbnail .graphic-title,.clip-thumbnail .weather-graphic-head{display:none}.clip:before{content:"";background:#d6a64c;width:4px;position:absolute;inset:0 auto 0 0}.clip-body{flex:auto;gap:2px;min-width:0;display:grid}.clip-body strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.clip-body small{text-overflow:ellipsis;overflow:hidden}.clip select{cursor:pointer;border-radius:6px;align-self:center;width:112px;min-width:112px;height:31px;min-height:31px;font-size:12px}.resize-handle{cursor:ew-resize;background:linear-gradient(90deg,#0000,#d6a64c38),repeating-linear-gradient(#0000 0,#0000 7px,#92400e8c 7px,#92400e8c 9px);width:16px;position:absolute;top:0;bottom:0;right:0}.resize-handle:hover{background:linear-gradient(90deg,#0000,#2d8bd83d),repeating-linear-gradient(#0000 0,#0000 7px,#2d8bd8cc 7px,#2d8bd8cc 9px)}.timeline-remove-drop{text-align:center;color:#991b1b;opacity:0;pointer-events:none;background:#fff7f7;border:0 dashed #0000;border-radius:10px;place-items:center;gap:3px;max-height:0;margin-top:0;padding:0 18px;transition:max-height .18s,margin .18s,padding .18s,opacity .18s,transform .18s,border-color .18s;display:grid;overflow:hidden;transform:translateY(-6px)}.timeline-remove-drop.visible{opacity:1;pointer-events:auto;border:2px dashed #f87171;max-height:90px;margin-top:12px;padding:14px 18px;transform:translateY(0)}.timeline-remove-drop.drag-over{color:#fff;background:#dc2626;border-color:#7f1d1d;box-shadow:0 8px 24px #dc26263d}.timeline-remove-drop span{font-size:12px}.ruler{border:1px solid var(--ui-line);background:repeating-linear-gradient(90deg,#0000 0,#0000 49px,#d5dbe5 49px,#d5dbe5 50px),#f8fafc;border-radius:8px 8px 0 0;align-items:end;height:30px;margin-top:8px;padding:0 10px 7px;position:relative}.ruler span{font-size:11px}.published-row{border-radius:8px;padding:10px 12px}.published-row.header{background:#f1f4f8;border-radius:8px}@media(max-width:980px){.main>.connection-hero,.main>.notice,.main>.grid,.main>.stack{margin-left:12px;margin-right:12px}.topbar{gap:12px;display:grid;position:static}.media-layout{grid-template-columns:1fr}}.weather-graphic{color:#fff;background:linear-gradient(160deg,#38bdf8,#0284c7);border-radius:12px;grid-template-rows:auto 1fr auto;min-height:190px;display:grid;overflow:hidden;box-shadow:0 18px 38px #0369a138}.weather-graphic-head{color:#075985;background:#fff;justify-content:space-between;align-items:center;padding:9px 13px;display:flex}.weather-graphic-head strong{font-size:15px}.weather-graphic-head span{color:#0284c7}.weather-graphic-now{background:linear-gradient(135deg,#facc15,#a3e635);grid-template-columns:100px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.weather-graphic .sun-core{background:#fff;border-radius:50%;width:70px;height:70px;margin:auto;position:relative;box-shadow:0 0 0 12px #ffffff2e,0 0 28px #ffffff8c}.weather-graphic .sun-core:after{content:"";background:repeating-conic-gradient(#fff 0 7deg,transparent 7deg 42deg);border-radius:50%;position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;-webkit-mask:radial-gradient(circle,#0000 0 58%,#000 59%)}.weather-graphic-now>div:last-child{display:grid}.weather-graphic-now span{letter-spacing:.08em;color:#365314;font-size:11px;font-weight:900}.weather-graphic-now strong{font-size:52px;font-weight:300;line-height:.9}.weather-graphic-now b{color:#164e63;font-size:14px}.weather-graphic-days{background:#ffffff26;grid-template-columns:repeat(3,1fr);display:grid}.weather-graphic-days>span{border-right:1px solid #fff3;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:9px;font-size:19px;display:grid}.weather-graphic-days>span:last-child{border:0}.weather-graphic-days b,.weather-graphic-days small{white-space:nowrap;font-size:9px}.weather-graphic-days small{color:#e0f2fe;grid-column:2}.bottom-ticker-graphic{background:#0f172a;border-radius:10px;flex-direction:column;height:100%;display:flex;overflow:hidden}.ticker-screen-fill{color:#ffffffad;background:radial-gradient(circle at 20% 20%,#60a5fa80,#0000 30%),#111827;flex:1;place-items:center;font-weight:800;display:grid}.bottom-ticker-bar{color:#0f172a;background:#f8fafc;border-top:4px solid #2563eb;align-items:center;height:28%;min-height:42px;display:flex;overflow:hidden}.bottom-ticker-bar span{white-space:nowrap;will-change:transform;font-weight:900;animation:8s linear infinite scroll;display:inline-block}.bottom-ticker-bar.speed-slow span{animation-duration:14s}.bottom-ticker-bar.speed-normal span{animation-duration:8s}.bottom-ticker-bar.speed-fast span{animation-duration:4.5s}.selected-element-card,.selected-layout-card{background:#fff;border:1px solid #d6e2f4;border-radius:12px;grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:14px;padding:12px;display:grid}.selected-element-card strong,.selected-layout-card strong{color:#0f172a;margin:8px 0 4px;font-size:18px;display:block}.selected-element-card p,.selected-layout-card p{color:#64748b;margin:0}.upload-panel input[type=file]{min-width:260px;padding:7px 10px}@media(max-width:1050px){.live-view-grid{grid-template-columns:1fr}.live-view-details{position:static}.upload-fields,.emergency-upload .upload-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-fields .button{min-height:43px}}@media(max-width:640px){.live-view-header{flex-direction:column;align-items:stretch}.live-view-toolbar{flex-direction:column;align-items:flex-start}.live-view-caption small{width:100%;margin-left:0}.upload-fields,.emergency-upload .upload-fields{grid-template-columns:1fr}.emergency-selection{display:grid}}.live-screen-media{object-fit:cover;border:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.actual-player-capture{object-fit:contain;background:#000}.live-screen-top{z-index:3}.live-screen-element{background:#020617;place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.live-screen-element .preview-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;padding:0}.live-screen-element>strong{background:#0f172ab8;border-radius:6px;padding:5px 8px;position:absolute;bottom:12px;left:12px}.live-view-module{gap:16px;display:grid}.live-view-header{background:linear-gradient(135deg,#fff,#eff6ff);justify-content:space-between;align-items:center;gap:24px;display:flex}.live-view-header h3{color:#0f172a;letter-spacing:-.04em;margin:4px 0;font-size:28px}.live-view-header p{color:#64748b;margin:0}.live-screen-picker{gap:7px;min-width:min(360px,100%);display:grid}.live-screen-picker span{color:#475569;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.live-view-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.live-view-stage-panel{background:#07101f;border-color:#17233a;min-width:0}.live-view-toolbar{color:#cbd5e1;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.live-view-toolbar>div{align-items:center;gap:10px;display:flex}.live-view-toolbar strong{color:#fff;font-size:18px}.live-view-toolbar>span{color:#94a3b8;font-size:13px}.live-view-stage-shell{background:#000;border-radius:14px;width:100%;max-height:72vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061,0 0 0 1px #94a3b84d}.live-view-capture{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.live-layout-reconstruction{background:#020617;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.live-layout-zone{background:#0f172a;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.live-layout-zone>.live-screen-element,.live-layout-zone>.live-screen-media{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.live-layout-zone>span{text-align:center;color:#cbd5e1;place-content:center;gap:4px;font-weight:800;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.live-layout-zone>span small{color:#64748b;font-weight:600}.live-layout-zone>b{z-index:5;color:#fff;background:#0f172acc;border-radius:7px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;display:grid;position:absolute;top:7px;left:7px}.live-view-loading{z-index:10;color:#fff;background:#020617b8;place-items:center;font-weight:900;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.live-view-caption{color:#94a3b8;flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:14px;display:flex}.live-view-caption span{color:#60a5fa;letter-spacing:.1em;font-size:11px;font-weight:900}.live-view-caption strong{color:#fff}.live-view-caption small{margin-left:auto}.live-view-details{position:sticky;top:18px}.live-view-details h3{color:#0f172a;letter-spacing:-.035em;overflow-wrap:anywhere;margin:5px 0;font-size:24px}.live-view-details>p{color:#64748b;margin:0 0 16px}.live-detail-list{border-top:1px solid #e2e8f0;display:grid}.live-detail-list div{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:14px;padding:11px 0;display:flex}.live-detail-list span{color:#64748b;font-size:13px}.live-detail-list strong{color:#0f172a;text-align:right;text-transform:capitalize;font-size:13px}.template-art>.art-topline{display:none}.graphic-title{color:#075985;letter-spacing:-.02em;text-align:center;background:#fffffff5;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:clamp(11px,1.6vw,18px);font-weight:900;display:flex}.news-graphic,.menu-graphic,.map-graphic,.calendar-graphic,.finance-graphic,.sports-graphic,.social-graphic,.office-graphic,.entertainment-graphic,.web-graphic,.integration-graphic,.notice-graphic{color:#172033;background:#fff;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.news-photo{background:linear-gradient(135deg,#0f172a14,#2563eb33),linear-gradient(30deg,#334155 0,#334155 34%,#93c5fd 34%,#93c5fd 62%,#e2e8f0 62%);flex:1;min-height:70px;position:relative}.news-photo:after{content:"";background:linear-gradient(135deg,#1e3a8a,#60a5fa);border-radius:4px;position:absolute;top:20%;right:16%;bottom:20%;left:16%;box-shadow:0 8px 22px #0f172a44}.news-photo span{z-index:2;color:#fff;background:#dc2626;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:900;position:absolute;top:8px;left:8px}.news-graphic>strong,.news-graphic>p,.sports-graphic>p,.social-graphic>p,.office-graphic>p,.entertainment-graphic>p{margin:0;padding:5px 10px}.news-graphic>strong{font-size:13px}.news-graphic>p,.sports-graphic>p,.social-graphic>p,.office-graphic>p,.entertainment-graphic>p{color:#64748b;font-size:10px}.menu-body{flex:1;grid-template-columns:.85fr 1.35fr;min-height:0;display:grid}.food-photo{color:#172033;background:radial-gradient(circle at 35% 30%,#ef4444 0,#ef4444 10%,#0000 11%),radial-gradient(circle at 65% 44%,#f59e0b 0,#f59e0b 12%,#0000 13%),linear-gradient(135deg,#84cc16,#ecfccb);flex-direction:column;justify-content:end;gap:5px;padding:10px;display:flex}.food-photo b{font-style:italic}.food-photo span{background:#fff;border-radius:999px;width:max-content;padding:4px 8px;font-weight:900}.menu-items{background:linear-gradient(90deg,#fff,#ecfccb);align-content:center;padding:6px;display:grid}.menu-items p{border-bottom:1px solid #d9f99d;align-items:center;gap:5px;margin:0;padding:5px 2px;font-size:9px;display:flex}.menu-items p b{background:#84cc16;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.map-canvas{background:repeating-linear-gradient(25deg,#dbeafe 0,#dbeafe 17px,#eff6ff 17px,#eff6ff 34px);flex:1;min-height:80px;position:relative;overflow:hidden}.route{background:#fff;border-radius:999px;height:7px;position:absolute;box-shadow:0 0 0 2px #93c5fd}.route-a{width:85%;top:42%;left:5%;transform:rotate(-12deg)}.route-b{width:65%;top:58%;left:22%;transform:rotate(27deg)}.map-pin{color:#fff;background:#ef4444;border-radius:16px 16px 16px 2px;place-items:center;width:24px;height:30px;display:grid;position:absolute;top:34%;left:58%;transform:rotate(-45deg)}.map-graphic>strong{color:#075985;padding:7px 10px;font-size:11px}.calendar-graphic{grid-template-rows:auto 1fr;grid-template-columns:72px 1fr;display:grid}.calendar-graphic .graphic-title{grid-column:1/-1}.calendar-date{text-align:center;color:#fff;background:#2563eb;place-content:center;display:grid}.calendar-date b{font-size:30px;line-height:1}.calendar-date span{letter-spacing:.15em;font-size:10px}.calendar-events{align-content:center;padding:7px;display:grid}.calendar-events p{border-bottom:1px solid #e2e8f0;margin:0;padding:5px;font-size:9px}.stock-chart{background:linear-gradient(#ecfeff,#fff);flex:1;align-items:end;gap:8px;padding:12px 16px 7px;display:flex;position:relative}.stock-chart i{background:#22c55e;border-radius:3px 3px 0 0;flex:1;min-height:18%}.stock-chart i:nth-child(2){height:38%}.stock-chart i:nth-child(3){height:60%}.stock-chart i:nth-child(4){height:48%}.stock-chart i:nth-child(5){height:82%}.stock-chart span{background:#0ea5e9;height:3px;position:absolute;top:42%;left:8%;right:8%;transform:rotate(-9deg);box-shadow:45px -13px #0ea5e9,90px -6px #0ea5e9}.market-lines{gap:5px;padding:6px;display:flex}.market-lines b{color:#166534;text-align:center;background:#dcfce7;border-radius:4px;flex:1;padding:4px;font-size:8px}.score-board{color:#fff;background:linear-gradient(135deg,#052e16,#15803d);flex:1;grid-template-columns:1fr auto auto auto 1fr;place-items:center;gap:8px;padding:12px;display:grid}.score-board b{font-size:34px}.score-board em{color:#172033;background:#facc15;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal;font-weight:900}.score-board span{font-size:9px;font-weight:900}.social-user{align-items:center;gap:7px;padding:7px 9px;display:flex}.social-user i{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;display:grid}.social-user span{display:grid}.social-user b{font-size:10px}.social-user small{color:#94a3b8;font-size:8px}.social-photo{background:linear-gradient(30deg,#0f172a 0,#0f172a 35%,#38bdf8 35%,#38bdf8 65%,#f472b6 65%);flex:1;min-height:65px}.office-stats{background:#f1f5f9;flex:1;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid}.office-stats span{color:#64748b;background:#fff;border-radius:6px;align-content:center;place-items:center;font-size:8px;display:grid;box-shadow:0 2px 8px #0f172a12}.office-stats b{color:#2563eb;font-size:20px;display:block}.movie-poster{text-align:center;color:#fff;background:radial-gradient(circle,#7c3aed,#172554 65%);flex:1;place-content:center;gap:8px;min-height:80px;display:grid}.movie-poster i{color:#7c3aed;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin:auto;font-style:normal;display:grid}.browser-bar{background:#e2e8f0;align-items:center;gap:5px;padding:7px;display:flex}.browser-bar i{background:#ef4444;border-radius:50%;width:7px;height:7px}.browser-bar i:nth-child(2){background:#f59e0b}.browser-bar i:nth-child(3){background:#22c55e}.browser-bar span{color:#94a3b8;background:#fff;border-radius:4px;flex:1;margin-left:5px;padding:3px 7px;font-size:8px}.web-page{background:linear-gradient(135deg,#eff6ff,#fff);flex:1;align-content:center;gap:7px;padding:14px;display:grid}.web-page b{color:#2563eb}.web-page span{background:#cbd5e1;border-radius:4px;width:100%;height:7px;display:block}.web-page span:nth-of-type(2){width:78%}.web-page span:nth-of-type(3){width:55%}.integration-nodes{background:#f8fafc;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.integration-nodes i{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;place-items:center;width:48px;height:48px;font-size:9px;font-style:normal;font-weight:900;display:grid}.integration-nodes b{color:#94a3b8}.integration-graphic p{color:#64748b;text-align:center;margin:0;padding:8px;font-size:9px}.notice-graphic{background:linear-gradient(135deg,#fff7ed,#fff)}.notice-symbol{color:#fff;background:#f59e0b;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;font-size:34px;font-weight:900;display:grid}.notice-graphic p{color:#7c2d12;text-align:center;margin:0;padding:8px 14px 14px;font-size:10px}@media(max-width:1050px){.live-view-grid{grid-template-columns:1fr}.live-view-details{position:static}}@media(max-width:640px){.live-view-header{flex-direction:column;align-items:stretch}.live-view-toolbar{flex-direction:column;align-items:flex-start}.live-view-caption small{width:100%;margin-left:0}}:root{--background:#f6f7f9;--foreground:#0f1729;--card:#fff;--card-foreground:#0f1729;--primary:#3c83f6;--primary-hover:#1f71f4;--primary-foreground:#fff;--accent:#7c3bed;--muted:#94a3b8;--muted-foreground:#65758b;--border:#dfe5ec;--border-strong:#c7d0db;--success:#21c45d;--warning:#f59f0a;--destructive:#dc2828;--ring:#3c83f63d;--radius:12px;color:var(--foreground);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,sans-serif}html{background:var(--background)}body{background:var(--background);min-width:320px;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}h1,h2,h3,h4,.brand h1{font-family:Space Grotesk,Inter,sans-serif}.app{background:var(--background);min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:#ffffffd1;border-right:1px solid #d9dfe8d9;flex-direction:column;width:252px;height:100vh;padding:18px 14px 14px;display:flex;box-shadow:12px 0 40px #0f172909}.brand{border-bottom:1px solid var(--border);gap:11px;margin:0 4px 22px;padding:0 2px 18px}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:11px;flex:0 0 38px;width:38px;height:38px;box-shadow:0 8px 22px #3c83f638}.brand h1{letter-spacing:-.025em;font-size:15px;line-height:1.25}.brand p{color:var(--muted-foreground);margin-top:2px;font-size:11.5px}.nav-label{color:#7d8ca1;letter-spacing:.12em;text-transform:uppercase;padding:0 10px 7px;font-size:10px;font-weight:700}.sidebar-nav{gap:3px;display:grid}.nav{color:#4e5e74;border-radius:9px;gap:10px;min-height:40px;margin:0;padding:8px 10px;font-size:13px;font-weight:600;position:relative}.nav:hover{color:#1b58bb;background:#f0f6fe}.nav.active{color:#185ac3;background:linear-gradient(90deg,#e7f0fe,#f6f1fe);box-shadow:inset 0 0 0 1px #c5dafc}.nav.active:before{content:"";background:var(--primary);border-radius:999px;width:3px;height:20px;position:absolute;left:-6px}.mini-icon{color:currentColor;background:0 0;width:20px;min-width:20px;height:20px}.nav small{color:var(--primary);background:#fff;border:1px solid #bbd4fc;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px}.api-card{border:1px solid var(--border);border-radius:var(--radius);background:#f9fafbeb;gap:3px;margin:auto 2px 10px;padding:12px}.connection-indicator{align-items:center;gap:6px;font-weight:700;display:flex;color:var(--success)!important}.connection-indicator i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #21c45d1f}.connection-indicator.error{color:var(--destructive)!important}.api-card strong{color:var(--foreground);margin-top:3px;font-size:12px}.api-card small{color:var(--muted-foreground);font-size:10.5px}.sidebar-profile{border-top:1px solid var(--border);grid-template-columns:32px 1fr 28px;align-items:center;gap:9px;padding:10px 6px 0;display:grid}.sidebar-profile>span{color:#6129c2;background:#efe8fd;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.sidebar-profile div{min-width:0;display:grid}.sidebar-profile strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.sidebar-profile small{color:var(--muted-foreground);font-size:10px}.sidebar-profile button{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sidebar-profile button:hover{color:var(--foreground);background:#edeff3}.main{min-width:0;padding:0 0 32px}.topbar{-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#ffffffc7;border-bottom:1px solid #d9dfe8d9;min-height:76px;margin:0 0 22px;padding:14px 28px;box-shadow:0 8px 30px #0f172906}.topbar h2{color:var(--foreground);letter-spacing:-.035em;font-size:25px;font-weight:700}.topbar p{color:var(--muted-foreground);font-size:12.5px}.top-actions{gap:8px}.main>.connection-hero,.main>.notice,.main>.grid,.main>.stack{margin-left:28px;margin-right:28px}.main>.connection-hero{margin-top:0}.button{background:var(--primary);min-height:36px;color:var(--primary-foreground);border:1px solid #0000;border-radius:9px;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:650;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;box-shadow:0 1px 2px #0f17290f,0 7px 16px #3c83f61f}.button:hover{background:var(--primary-hover);transform:translateY(-1px)}.button.ghost{border-color:var(--border-strong);color:#344256;background:#ffffffe6;box-shadow:0 1px 2px #0f172908}.button.ghost:hover{color:#1b58bb;background:#f5f9ff;border-color:#94bbfa}.sync-pill{color:#1c8241;background:#effbf3;border:1px solid #b0e8c5;border-radius:999px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:700}.sync-pill.warning{color:#864e0e;background:#fffbeb;border-color:#fadca8}.sync-pill.offline{color:#a72525;background:#fef1f1;border-color:#fac6c6}.grid,.stack{gap:14px}.panel,.metric,.screen-card,.media-library-card,.layout-card,.selected-element-card,.selected-layout-card{border-color:var(--border);background:var(--card);box-shadow:0 1px 2px #0f172906,0 8px 24px #0f172909}.panel,.metric{border-radius:var(--radius);padding:18px}.panel:hover,.metric:hover{border-color:#d0d8e1}.panel h3,.section-head h3{color:var(--foreground);letter-spacing:-.025em;font-size:18px;font-weight:650}.metric{position:relative;overflow:hidden}.metric:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#3c83f617,#0000 70%);width:80px;height:80px;position:absolute;top:0;right:0}.metric strong{color:var(--foreground);letter-spacing:-.045em;font-family:Space Grotesk,sans-serif;font-size:31px}.metric span,.eyebrow{color:#647790;letter-spacing:.1em;font-size:10px;font-weight:750}.metric p,.muted{color:var(--muted-foreground)}.section-head{align-items:center}.connection-hero{border:1px solid var(--border);border-radius:var(--radius);min-height:92px;color:var(--foreground);background:linear-gradient(120deg,#fff,#f5f9ff);padding:17px 18px;box-shadow:0 1px 2px #0f172908,0 10px 32px #3c83f60d}.connection-hero:before{content:"";background:var(--success);border-radius:999px;align-self:stretch;width:4px}.connection-hero.warning:before{background:var(--warning)}.connection-hero.offline:before{background:var(--destructive)}.connection-hero h3{color:var(--foreground);font-size:21px}.connection-hero p,.connection-hero .eyebrow{color:var(--muted-foreground)}.connection-hero.warning,.connection-hero.offline{background:var(--card)}.hero-stats div{border-color:var(--border);background:#f9fafb;border-radius:9px;min-width:92px;padding:9px 12px}.hero-stats strong{color:var(--foreground);font-family:Space Grotesk,sans-serif;font-size:22px}.hero-stats span{color:var(--muted-foreground);font-size:10.5px}input,select,textarea{border:1px solid var(--border-strong);background:var(--card);min-height:39px;color:var(--foreground);border-radius:9px;font-size:13px;box-shadow:0 1px 2px #0f172906}input:hover,select:hover,textarea:hover{border-color:#a8b6c7}input:focus,select:focus,textarea:focus{outline:3px solid var(--ring);border-color:var(--primary)}.content-field{color:#364459;font-size:12px;font-weight:650}.screen-card{border-radius:var(--radius)}.screen-card.live{border-color:#aee0c0}.screen-card.warning{border-color:#edcd97}.screen-card.offline{border-color:#f1bcbc}.screen-title h4{color:var(--foreground);font-size:16px}.chip,.status-badge{border-color:var(--border);color:#546378;background:#f6f7f9;font-size:10.5px;font-weight:650}.chip.good,.status-badge.live{color:#1b7e3f;background:#effbf3;border-color:#bae8cb}.assignment-note,.pair-code,.built-in-element-note{color:#1d51a5;background:#f0f6fe;border-color:#c0d7fc}.element-card,.media-library-card,.layout-card.selectable{border-radius:11px;transition:transform .15s,border-color .15s,box-shadow .15s}.element-card:hover,.element-card.active,.media-library-card:hover,.layout-card:hover{background:#fff;border-color:#85b2f9;transform:translateY(-2px);box-shadow:0 12px 30px #3c83f617}.element-card.active,.layout-card.selectable.selected{box-shadow:0 0 0 2px #3c83f629,0 12px 30px #3c83f614}.media-thumbnail,.preview-stage{background:#0b111e}.media-card-body strong{color:var(--foreground)}.campaign-settings,.layout-toolbar,.custom-layout-builder,.zone-lane,.timeline,.published-row{border-color:var(--border);background-color:var(--card)}.timeline{background:#f9fafb;border-radius:10px}.timeline.drag-over{border-color:var(--primary);background:#f0f6fe}.published-row{border-radius:9px}.published-row.header{color:var(--muted-foreground);background:#f0f1f5}.publish-button{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:9px;min-height:44px}.publish-steps span{border-color:var(--border);background:#fff;border-radius:9px;font-size:11px}.publish-steps span.done{background:#effbf3;border-color:#b3e6c5}.notice{z-index:100;width:min(390px,100vw - 32px);color:var(--foreground);background:#fff;border-radius:10px;margin:0;padding:12px 14px;font-size:12.5px;font-weight:650;position:fixed;top:88px;right:24px;box-shadow:0 18px 50px #0f172929}.notice.ok{color:#187239;background:#f3fcf6;border:1px solid #a3e0ba}.notice.error{color:#972020;background:#fef1f1;border:1px solid #f1b1b1}.emergency-panel{border-color:#f4b9b9;box-shadow:0 1px 2px #0f172908,0 12px 32px #dc28280f}.emergency-panel h3{color:#a02222}*{scrollbar-width:thin;scrollbar-color:#b7c0cd transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#b7c0cd padding-box padding-box;border:2px solid #0000;border-radius:999px}@media(max-width:1100px){.topbar{align-items:flex-start;gap:12px}.top-actions,.hero-stats{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:980px){.app{display:block}.sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:8px 18px;width:100%;height:auto;padding:10px 12px;display:grid;position:sticky;top:0}.brand{border:0;margin:0;padding:0}.brand p,.nav-label,.api-card,.sidebar-profile{display:none}.sidebar-nav{gap:3px;display:flex;overflow-x:auto}.nav{width:auto;min-width:max-content}.nav.active:before{display:none}.topbar{margin-bottom:16px;padding:14px 18px;position:static}.main>.connection-hero,.main>.notice,.main>.grid,.main>.stack{margin-left:18px;margin-right:18px}}@media(max-width:720px){.sidebar{display:block}.brand{margin-bottom:8px}.brand-mark{flex-basis:32px;width:32px;height:32px}.sidebar-nav{padding-bottom:2px}.nav{min-height:34px;padding:7px 9px;font-size:11.5px}.mini-icon{width:17px;min-width:17px}.topbar{display:grid}.topbar h2{font-size:21px}.top-actions{justify-content:flex-start}.sync-pill{order:3}.connection-hero{flex-direction:column;align-items:flex-start}.connection-hero:before{width:100%;height:3px}.hero-stats{justify-content:stretch;width:100%}.hero-stats div{flex:1;min-width:80px}.main>.connection-hero,.main>.notice,.main>.grid,.main>.stack{margin-left:12px;margin-right:12px}.notice{top:16px;right:16px}}.duration-mode-control{color:#364459;gap:7px;font-size:12px;font-weight:700;display:grid}.segmented-control{border:1px solid var(--border);background:#f0f1f5;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:inline-grid}.segmented-control button{min-height:31px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:7px;font-weight:750}.segmented-control button.active{color:var(--primary);background:var(--card);box-shadow:0 1px 2px #0f172914}.timeline-toolbar{border:1px solid var(--border);background:#f9fafb;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0;padding:12px;display:flex}.timeline-toolbar label{min-width:180px;color:var(--muted-foreground);gap:5px;font-size:11px;font-weight:750;display:grid}.timeline-layout-status{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:4px;min-width:180px;padding:7px 10px;display:grid}.timeline-layout-status span{color:var(--muted-foreground);font-size:11px;font-weight:750}.timeline-layout-status strong{font-size:13px}.timeline-toolbar .zoom-control{flex:260px;min-width:260px}.timeline-toolbar input[type=range]{min-height:30px;accent-color:var(--primary);padding:0}.video-timeline-shell{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:170px minmax(0,1fr);display:grid;overflow:auto;box-shadow:inset 0 1px #fffc}.track-label-spacer,.track-control-cell{z-index:8;border-right:1px solid var(--border);background:#f9fafb;position:sticky;left:0}.track-label-spacer{height:46px;color:var(--muted-foreground);letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;padding:0 14px;font-size:11px;font-weight:800;display:flex;top:0}.timeline-scroll{z-index:7;border-bottom:1px solid var(--border);background:#f9fafb;min-width:720px;position:sticky;top:0;overflow:visible}.time-ruler{cursor:ew-resize;background:repeating-linear-gradient(90deg,#0000 0,#0000 13px,#c1cbd773 13px,#c1cbd773 14px),linear-gradient(#fcfcfd,#f3f4f7);height:46px;position:relative}.time-ruler span{color:var(--muted-foreground);white-space:nowrap;font-size:11px;font-weight:750;position:absolute;top:8px;transform:translate(-1px)}.time-ruler span:after{content:"";background:#abb8c9;width:1px;height:17px;position:absolute;top:19px;left:0}.track-control-cell{border-bottom:1px solid var(--border);align-content:center;gap:6px;min-height:96px;padding:12px;display:grid}.track-control-cell strong{color:var(--foreground);font-size:13px}.track-control-cell small{color:var(--muted-foreground);font-size:11px}.track-control-cell.locked strong,.track-control-cell.locked small{opacity:.62}.track-toggles{gap:6px;display:flex}.track-toggles button{border:1px solid var(--border);width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.track-toggles button.active{color:var(--primary);background:#f0f6fe;border-color:#85b2f9}.timeline-canvas{border-bottom:1px solid var(--border);cursor:crosshair;background:repeating-linear-gradient(90deg,#e3e7ede6 0,#e3e7ede6 1px,#0000 1px,#0000 14px),repeating-linear-gradient(90deg,#0000 0,#0000 69px,#bbc5d3a6 69px,#bbc5d3a6 70px),#fcfcfd;min-height:96px;position:relative;overflow:hidden}.timeline-canvas.drag-over{background:repeating-linear-gradient(90deg,#9ec1fa8c 0,#9ec1fa8c 1px,#0000 1px,#0000 14px),#f0f6fe;box-shadow:inset 0 0 0 2px #3c83f63d}.timeline-canvas.locked{cursor:not-allowed;background:repeating-linear-gradient(90deg,#dbe0e6bf 0,#dbe0e6bf 1px,#0000 1px,#0000 14px),#f3f4f6}.playhead{z-index:6;background:linear-gradient(180deg,var(--accent),var(--primary));pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 3px #7c3bed21}.time-ruler .playhead:before{content:"";background:var(--accent);border-radius:3px;width:12px;height:12px;position:absolute;top:2px;left:50%;transform:translate(-50%)rotate(45deg)}.timeline-empty{color:var(--muted-foreground);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.timeline-clip{cursor:grab;background:linear-gradient(135deg,#e7f0fe,#feedc3);border:1px solid #e6aa41;border-radius:10px;align-items:center;gap:8px;height:64px;min-height:64px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:absolute;top:16px;box-shadow:0 10px 24px #0f172914}.timeline-clip:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0f17291f}.timeline-clip.selected{border-color:var(--accent);box-shadow:0 0 0 3px #7c3bed2e,0 14px 34px #0f172924}.timeline-clip.locked{cursor:not-allowed;filter:grayscale(.25);opacity:.72}.timeline-clip .clip-thumbnail{width:52px;min-width:52px;height:42px}.timeline-clip .clip-body small{font-size:10.5px}.timeline-clip select{width:96px;min-width:96px;height:28px;min-height:28px;font-size:11px}.timeline-clip button{border-radius:7px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:4px;right:18px}.timeline-clip .resize-handle{z-index:5;cursor:ew-resize;background:repeating-linear-gradient(#0000 0,#0000 6px,#9969148c 6px,#9969148c 8px);width:12px;position:absolute;top:0;bottom:0}.timeline-clip .resize-handle.left{border-radius:10px 0 0 10px;left:0}.timeline-clip .resize-handle.right{border-radius:0 10px 10px 0;right:0}.timeline-detail-panel{border:1px solid var(--border);color:var(--muted-foreground);background:linear-gradient(135deg,#fff,#f5f9ff);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;display:flex}.timeline-detail-panel>div{gap:3px;min-width:220px;margin-right:auto;display:grid}.timeline-detail-panel strong{color:var(--foreground)}.timeline-detail-panel span{font-size:13px}.timeline-detail-panel b{color:var(--primary)}@media(max-width:760px){.video-timeline-shell{grid-template-columns:132px minmax(0,1fr)}.track-control-cell{padding:10px}.timeline-clip select{display:none}}[data-theme=dark]{color-scheme:dark;--background:#050914;--foreground:#f8fafc;--card:#0f172ac7;--card-foreground:#f8fafc;--muted:#101827;--muted-foreground:#9aa7bb;--border:#94a3b82e;--border-strong:#94a3b84d;--primary:#60a5fa;--primary-hover:#3b82f6;--accent:#a78bfa;--accent-foreground:#fff;--ring:#60a5fa;--sidebar:#050914eb;--input:#0f172ad6}[data-theme=light]{color-scheme:light;--background:#f6f7f9;--foreground:#0f1729;--card:#fff;--card-foreground:#0f1729;--muted:#e8ecf2;--muted-foreground:#65758b;--border:#dae0e7;--border-strong:#c7d0db;--primary:#3c83f6;--primary-hover:#1a6ef4;--accent:#7c3bed;--accent-foreground:#fff;--ring:#3c83f6;--sidebar:#ffffffeb;--input:#fff}[data-theme=dark] body{background:radial-gradient(circle at 18% 12%,#60a5fa2e,transparent 32rem),radial-gradient(circle at 84% 18%,#a78bfa24,transparent 30rem),radial-gradient(circle at 70% 90%,#0ea5e91a,transparent 36rem),var(--background);color:var(--foreground)}[data-theme=light] body{background:radial-gradient(circle at 18% 10%,#d8e6fdbf,transparent 30rem),radial-gradient(circle at 84% 20%,#ece3fcb3,transparent 28rem),var(--background);color:var(--foreground)}[data-theme] .app{background:0 0}[data-theme=dark] .sidebar{border-color:var(--border);background:linear-gradient(#050914f5,#080d1ce6);box-shadow:18px 0 50px #0000003d}[data-theme=dark] .topbar{border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050914b8;box-shadow:0 18px 60px #0003}[data-theme=dark] .panel,[data-theme=dark] .metric,[data-theme=dark] .screen-card,[data-theme=dark] .media-library-card,[data-theme=dark] .layout-card,[data-theme=dark] .selected-element-card,[data-theme=dark] .selected-layout-card,[data-theme=dark] .connection-hero,[data-theme=dark] .api-card,[data-theme=dark] .sidebar-profile,[data-theme=dark] .timeline-detail-panel{background:var(--card);border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #0003}[data-theme=dark] .panel:hover,[data-theme=dark] .metric:hover{border-color:#60a5fa61}[data-theme=dark] .brand h1,[data-theme=dark] .topbar h2,[data-theme=dark] .panel h3,[data-theme=dark] .section-head h3,[data-theme=dark] .metric strong,[data-theme=dark] .screen-title h4,[data-theme=dark] .sidebar-profile strong{color:var(--foreground)}[data-theme=dark] .brand p,[data-theme=dark] .topbar p,[data-theme=dark] .muted,[data-theme=dark] .nav-label,[data-theme=dark] .sidebar-profile small,[data-theme=dark] .panel p,[data-theme=dark] .metric span{color:var(--muted-foreground)}[data-theme=dark] .nav{color:#b8c4d8}[data-theme=dark] .nav:hover{color:#eaf2ff;background:#60a5fa1f}[data-theme=dark] .nav.active{color:#fff;background:linear-gradient(135deg,#60a5fa3d,#a78bfa33);box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 38px #2563eb2e}[data-theme=dark] .button.ghost,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .search-input,[data-theme=dark] .live-screen-picker select{background:var(--input);border-color:var(--border-strong);color:var(--foreground)}[data-theme=dark] .button.ghost:hover{color:#fff;background:#60a5fa24;border-color:#60a5fa75}.theme-toggle{white-space:nowrap}.settings-module{gap:14px;display:grid}.settings-hero{justify-content:space-between;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.settings-hero:after{content:"";aspect-ratio:1;background:radial-gradient(circle,var(--primary),transparent 68%);border-radius:999px;width:280px;position:absolute;inset:auto -8% -48% auto}@supports (color:color-mix(in lab,red,red)){.settings-hero:after{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 28%,transparent),transparent 68%)}}.settings-hero:after{pointer-events:none}.mode-choice{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card{align-content:start;gap:12px;display:grid}.settings-card.span-2{grid-column:1/-1}.backend-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.backend-list li{border:1px solid var(--border);background:var(--card);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.backend-list li{background:color-mix(in srgb,var(--card) 88%,var(--background))}}.backend-list strong{color:var(--foreground)}.backend-list span{color:var(--muted-foreground);text-align:right}.revert-code{gap:8px;display:grid}.revert-code code{border:1px solid var(--border);background:var(--foreground);border-radius:12px;padding:12px 13px;display:block;overflow-x:auto}@supports (color:color-mix(in lab,red,red)){.revert-code code{background:color-mix(in srgb,var(--foreground) 5%,transparent)}}.revert-code code{color:var(--foreground);white-space:nowrap;font-size:12px}@media(max-width:840px){.settings-hero,.backend-list li{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.settings-card.span-2{grid-column:auto}}.content-hero-panel{justify-content:space-between;align-items:center;gap:22px;padding:22px;display:flex;position:relative;overflow:hidden}.content-hero-panel:before{content:"";aspect-ratio:1;background:radial-gradient(circle,var(--primary),transparent 64%);border-radius:999px;width:520px;position:absolute;inset:-35% auto auto 42%}@supports (color:color-mix(in lab,red,red)){.content-hero-panel:before{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 24%,transparent),transparent 64%)}}.content-hero-panel:before{pointer-events:none}.content-hero-panel>*{z-index:1;position:relative}.content-hero-panel h3{letter-spacing:-.055em;max-width:720px;margin:5px 0 7px;font-size:clamp(24px,3vw,38px);line-height:.98}.content-hero-panel p{max-width:680px}.content-hero-stats{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;min-width:min(100%,390px);display:grid}.content-hero-stats span{border:1px solid var(--border);background:var(--card);border-radius:16px;gap:3px;padding:13px 14px;display:grid}@supports (color:color-mix(in lab,red,red)){.content-hero-stats span{background:color-mix(in srgb,var(--card) 76%,var(--background))}}.content-hero-stats span{color:var(--muted-foreground);font-size:11px;font-weight:750}.content-hero-stats strong{color:var(--foreground);font-size:25px;line-height:1}.widget-library-panel,.widget-builder-panel,.upload-panel,.media-library-panel{border-radius:20px}.widget-section-head{align-items:center}.widget-category-pills{scrollbar-width:thin;gap:8px;margin:14px 0;padding:4px 2px 8px;display:flex;overflow-x:auto}.widget-category-pill{border:1px solid var(--border);background:var(--card);border-radius:999px;flex:none;min-height:34px;padding:8px 12px}@supports (color:color-mix(in lab,red,red)){.widget-category-pill{background:color-mix(in srgb,var(--card) 82%,var(--background))}}.widget-category-pill{color:var(--muted-foreground);font:inherit;cursor:pointer;font-size:12px;font-weight:750;transition:transform .15s,border-color .15s,background .15s,color .15s}.widget-category-pill:hover{border-color:var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.widget-category-pill:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}}.widget-category-pill:hover{color:var(--foreground)}.widget-category-pill.active{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.widget-category-pill.active{border-color:color-mix(in srgb,var(--primary) 72%,var(--border))}}.widget-category-pill.active{background:linear-gradient(135deg,var(--primary),var(--accent))}@supports (color:color-mix(in lab,red,red)){.widget-category-pill.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--accent) 16%,transparent))}}.widget-category-pill.active{color:var(--foreground);box-shadow:0 12px 26px var(--primary)}@supports (color:color-mix(in lab,red,red)){.widget-category-pill.active{box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 14%,transparent)}}.widget-filter-bar{grid-template-columns:1fr;margin:0 0 16px}.widget-filter-bar label{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:800;display:grid}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px}.widget-card{border-color:var(--border);background:var(--card);gap:10px;width:100%;min-height:238px;padding:9px;display:grid}@supports (color:color-mix(in lab,red,red)){.widget-card{background:color-mix(in srgb,var(--card) 92%,var(--background))}}.widget-card{text-align:left;box-shadow:0 10px 26px var(--foreground)}@supports (color:color-mix(in lab,red,red)){.widget-card{box-shadow:0 10px 26px color-mix(in srgb,var(--foreground) 5%,transparent)}}.widget-card .preview-stage{border-color:var(--border);min-height:126px}@supports (color:color-mix(in lab,red,red)){.widget-card .preview-stage{border-color:color-mix(in srgb,var(--border) 70%,transparent)}}.widget-card .preview-stage{box-shadow:inset 0 0 0 1px #ffffff14}.widget-card-copy{grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:0 3px 3px;display:grid}.widget-card-copy .mini-icon{grid-row:span 2}.widget-card-copy strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.15;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.widget-card.active{border-color:color-mix(in srgb,var(--primary) 70%,var(--border))}}.widget-card.active{background:linear-gradient(180deg,var(--primary),transparent 42%),var(--card)}@supports (color:color-mix(in lab,red,red)){.widget-card.active{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 42%),color-mix(in srgb,var(--card) 94%,var(--background))}}.widget-builder-panel{top:18px}.selected-widget-preview{gap:12px;display:grid}.selected-widget-preview .preview-stage{box-shadow:0 16px 42px var(--foreground);border-radius:20px;padding:10px}@supports (color:color-mix(in lab,red,red)){.selected-widget-preview .preview-stage{box-shadow:0 16px 42px color-mix(in srgb,var(--foreground) 11%,transparent)}}.selected-widget-title{border:1px solid var(--border);background:var(--card);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.selected-widget-title{background:color-mix(in srgb,var(--card) 86%,var(--background))}}.selected-widget-title strong{color:var(--foreground);font-size:15px;display:block}.selected-widget-title p{color:var(--muted-foreground);margin:2px 0 0;font-size:12px}.save-widget-button{border-radius:15px;width:100%;min-height:48px;font-size:14px}[data-theme=dark] .widget-card{box-shadow:0 18px 42px #0000002e}[data-theme=dark] .widget-card .preview-stage,[data-theme=dark] .selected-widget-preview .preview-stage{border-color:#94a3b833}[data-theme=dark] .media-card-body span,[data-theme=dark] .media-card-body small,[data-theme=dark] .element-card span{color:var(--muted-foreground)}@media(max-width:1180px){.content-hero-panel{flex-direction:column;align-items:flex-start}.content-hero-stats{width:100%}}@media(max-width:640px){.content-hero-stats,.widget-grid{grid-template-columns:1fr}}:root{--shadow-xs:0 1px 2px #0f17290a;--shadow-sm:0 8px 22px #0f17290f;--shadow-md:0 18px 46px #0f172917;--shadow-lg:0 28px 80px #0f172921;--motion-fast:.14s cubic-bezier(.2, .8, .2, 1);--motion-med:.22s cubic-bezier(.2, .8, .2, 1);--control-height:42px;--page-gutter:clamp(14px, 2vw, 30px)}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{text-rendering:geometricprecision}::selection{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--primary) 28%,transparent)}}::selection{color:var(--foreground)}.main{min-width:0;padding-bottom:42px}.main>.connection-hero,.main>.notice,.main>.grid,.main>.stack,.main>.media-layout,.main>.live-view-module{max-width:1680px}.main>.media-layout,.main>.live-view-module{margin-left:28px;margin-right:28px}.topbar{border-radius:0 0 24px 24px}.topbar h2,.content-hero-panel h3,.builder-hero h3,.connection-hero h3,.published-empty h3{text-wrap:balance}.top-actions{align-items:center;gap:9px}.sync-pill{min-height:36px;box-shadow:var(--shadow-xs);border-radius:999px}.button,button,a.button,.nav,.widget-category-pill,.screen-select label,.layout-card,.media-library-card,.element-card,.timeline-clip{transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),opacity var(--motion-fast)}.button{min-height:var(--control-height);letter-spacing:-.01em;box-shadow:var(--shadow-sm);border-radius:12px}.button:hover:not(:disabled){box-shadow:var(--shadow-md)}.button:active:not(:disabled),.nav:active,.widget-card:active{transform:translateY(0)scale(.985)}.button:disabled,button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.panel,.metric,.screen-card,.media-library-card,.layout-card,.selected-element-card,.selected-layout-card,.published-row,.campaign-settings,.layout-toolbar,.custom-layout-builder,.zone-lane,.timeline,.timeline-detail-panel{box-shadow:var(--shadow-xs);border-radius:18px}.panel,.metric{padding:clamp(16px,1.5vw,24px)}.panel:hover,.metric:hover,.screen-card:hover,.media-library-card:hover,.layout-card:hover{box-shadow:var(--shadow-md)}.section-head{gap:14px;margin-bottom:14px}.section-head h3{margin-top:3px;line-height:1.05}.eyebrow{letter-spacing:.14em}.muted,.panel p,.screen-card p,.media-card-body span,.media-card-body small{line-height:1.5}input,select,textarea{min-height:var(--control-height);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);border-radius:12px;font-size:14px;line-height:1.35}textarea{line-height:1.45}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted-foreground) 72%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px}.content-field{gap:7px}.content-field>span,.widget-filter-bar label span{color:var(--muted-foreground)}.form-stack{gap:12px}.notice{box-shadow:var(--shadow-sm);overflow-wrap:anywhere;border-radius:14px;padding-left:34px;line-height:1.45;display:block}.notice:before{content:"";background:currentColor;border-radius:999px;width:9px;height:9px;position:absolute;top:17px;left:14px}.notice.loading{border:1px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){.notice.loading{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border))}}.notice.loading{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.notice.loading{background:color-mix(in srgb,var(--primary) 9%,var(--card))}}.notice.loading{color:var(--primary)}.notice.loading:before{animation:1s ease-in-out infinite pulse}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.mini-icon,.sidebar-profile>span{box-shadow:var(--shadow-sm)}.nav{border-radius:13px;min-height:42px}.nav[aria-current=page]{font-weight:800}.nav small{background:var(--primary);border-radius:999px;padding:3px 7px}@supports (color:color-mix(in lab,red,red)){.nav small{background:color-mix(in srgb,var(--primary) 12%,transparent)}}.connection-hero{border-radius:22px;align-items:stretch}.hero-stats div{box-shadow:var(--shadow-xs);border-radius:16px}.grid{gap:clamp(12px,1.4vw,18px)}.metric strong{letter-spacing:-.055em}.screen-grid,.media-card-grid,.layout-grid,.screen-select{gap:12px}.screen-card{overflow:hidden}.screen-title h4{line-height:1.15}.chip,.status-badge,.media-type-badge{border-radius:999px}.published-panel{overflow:hidden}.published-table{min-width:920px}.published-row{border-color:var(--border);align-items:center}.published-row.header{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.published-actions{justify-content:flex-end}.published-empty{border:1px dashed var(--border-strong);background:radial-gradient(circle at 20% 0,var(--primary),transparent 36%),var(--card);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.published-empty{background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 36%),color-mix(in srgb,var(--card) 86%,var(--background))}}.media-layout{grid-template-columns:minmax(0,1.45fr) minmax(360px,440px);gap:16px}.content-hero-panel,.widget-library-panel,.widget-builder-panel,.upload-panel,.media-library-panel,.layout-shell,.builder-hero,.live-view-header,.live-view-stage-panel,.live-view-details,.emergency-panel{border-radius:22px}.media-library-card{border-radius:16px}.media-thumbnail,.preview-stage{border-radius:14px}.media-delete-button{border-radius:999px}.upload-fields{grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) minmax(140px,.65fr) minmax(160px,.8fr) auto}.timeline-toolbar,.timeline-head,.live-view-header,.builder-hero,.layout-toolbar{gap:14px}.video-timeline-shell{box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.track-control-cell,.time-ruler,.timeline-canvas{border-color:var(--border)}.timeline-clip{border-radius:12px}.timeline-remove-drop{border-radius:18px}.live-view-stage,.live-screen,.layout-live-stage{border-radius:20px}.emergency-panel{border-color:#ef4444}@supports (color:color-mix(in lab,red,red)){.emergency-panel{border-color:color-mix(in srgb,#ef4444 42%,var(--border))}}[data-theme=dark]{--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 12px 30px #00000038;--shadow-md:0 22px 60px #00000047;--shadow-lg:0 36px 90px #00000057}[data-theme=dark] .published-row.header,[data-theme=dark] .timeline,[data-theme=dark] .timeline-canvas,[data-theme=dark] .zone-lane .timeline{background:#0f172ab8}[data-theme=dark] .published-empty,[data-theme=dark] .timeline-empty,[data-theme=dark] .media-thumbnail-placeholder{color:var(--muted-foreground)}[data-theme=dark] .screen-select label,[data-theme=dark] .backend-list li,[data-theme=dark] .selected-widget-title{background:#0f172aa8}[data-theme=dark] .layout-toolbar,[data-theme=dark] .layout-card-head,[data-theme=dark] .campaign-settings,[data-theme=dark] .custom-layout-builder,[data-theme=dark] .zone-lane,[data-theme=dark] .published-row{background:#0f172ab3}[data-theme=light] .panel,[data-theme=light] .metric,[data-theme=light] .screen-card,[data-theme=light] .media-library-card,[data-theme=light] .layout-card,[data-theme=light] .connection-hero{background:#ffffffeb}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media(max-width:1280px){.media-layout{grid-template-columns:minmax(0,1fr)}.widget-builder-panel{position:static}}@media(max-width:1100px){.main>.media-layout,.main>.live-view-module{margin-left:18px;margin-right:18px}.topbar{border-radius:0 0 20px 20px}.upload-fields,.timeline-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.main{padding-bottom:24px}.sidebar{border-radius:0 0 18px 18px}.sidebar-nav{scroll-snap-type:x proximity}.nav{scroll-snap-align:start}}@media(max-width:760px){.main>.media-layout,.main>.live-view-module{margin-left:12px;margin-right:12px}.topbar{gap:14px}.top-actions,.actions,.form-row{width:100%}.top-actions .button,.form-row .button,.actions .button{flex:auto;justify-content:center}.connection-hero,.content-hero-panel,.builder-hero,.live-view-header,.settings-hero{padding:16px}.hero-stats,.content-hero-stats{grid-template-columns:1fr;width:100%}.upload-fields,.timeline-toolbar,.modern-form,.layout-toolbar{grid-template-columns:1fr}.published-panel{overflow-x:auto}.published-table{min-width:760px}.video-timeline-shell{grid-template-columns:118px minmax(0,1fr)}.track-control-cell{padding:10px 8px}}@media(max-width:520px){.brand h1{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.top-actions .sync-pill{justify-content:center;width:100%}.button,input,select,textarea{min-height:44px}.panel,.metric{padding:14px}.media-card-grid,.widget-grid,.screen-grid,.layout-grid{grid-template-columns:1fr}.timeline-clip .clip-thumbnail{display:none}}.widget-marketplace{gap:16px;display:grid}.widget-section-head p{max-width:680px;margin:5px 0 0}.widget-filter-system{border:1px solid var(--border);background:var(--card);border-radius:18px;grid-template-columns:minmax(240px,1fr) minmax(160px,220px);align-items:end;gap:12px;padding:14px;display:grid}@supports (color:color-mix(in lab,red,red)){.widget-filter-system{background:color-mix(in srgb,var(--card) 84%,var(--background))}}.widget-search,.widget-sort{gap:7px;display:grid}.widget-search span,.widget-sort span{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.widget-search input{background-image:radial-gradient(circle at 18px 50%,transparent 0 5px,var(--muted-foreground) 5px 6px,transparent 6px),linear-gradient(45deg,transparent 0 63%,var(--muted-foreground) 64% 73%,transparent 74%);padding-left:38px}@supports (color:color-mix(in lab,red,red)){.widget-search input{background-image:radial-gradient(circle at 18px 50%,transparent 0 5px,color-mix(in srgb,var(--muted-foreground) 72%,transparent) 5px 6px,transparent 6px),linear-gradient(45deg,transparent 0 63%,color-mix(in srgb,var(--muted-foreground) 72%,transparent) 64% 73%,transparent 74%)}}.widget-search input{background-position:0,21px 24px;background-repeat:no-repeat;background-size:28px 100%,11px 11px}.widget-filter-system .widget-category-pills{grid-column:1/-1;margin:0;padding:2px 0}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch}.widget-card{border:1px solid var(--border);background:var(--card);border-radius:18px;grid-template-rows:auto auto minmax(48px,1fr) auto auto;gap:10px;min-height:352px;padding:12px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.widget-card{background:color-mix(in srgb,var(--card) 94%,var(--background))}}.widget-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0,var(--primary),transparent 44%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.widget-card:after{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary) 16%,transparent),transparent 44%)}}.widget-card:after{transition:opacity var(--motion-fast)}.widget-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.widget-card:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border))}}.widget-card:hover{transform:translateY(-3px)}.widget-card:hover:after,.widget-card.active:after{opacity:1}.widget-card.active{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.widget-card.active{border-color:color-mix(in srgb,var(--primary) 72%,var(--border))}}.widget-card.active{box-shadow:0 0 0 3px var(--primary),var(--shadow-md)}@supports (color:color-mix(in lab,red,red)){.widget-card.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),var(--shadow-md)}}.widget-preview-frame{aspect-ratio:16/9;border:1px solid var(--border);padding:8px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.widget-preview-frame{border:1px solid color-mix(in srgb,var(--border) 78%,#000)}}.widget-preview-frame{background:linear-gradient(#ffffff14,#0000 12%),#050914;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -18px 36px #00000038,0 14px 32px #0206172e}.widget-preview-frame:before{content:"";z-index:2;background:#ffffff29;border-radius:999px;width:44px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.widget-preview-frame.large{border-radius:22px;padding:12px}.widget-preview-screen{background:#020617;border-radius:11px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 22px #0000006b}.widget-preview-frame.large .widget-preview-screen{border-radius:16px}.widget-preview-screen .preview-stage{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;background:#020617;border:0;border-radius:0;padding:7px}.widget-preview-screen .preview-content{border-radius:8px}.widget-preview-screen .template-art{transform-origin:50%;border-radius:8px;min-height:0;transform:scale(.96)}.widget-app-preview-frame{background:#020617;border:0;width:100%;height:100%;display:block}.widget-card:hover .widget-preview-screen .template-art,.widget-card:hover .widget-preview-screen .media-thumbnail-asset{transform:scale(1)}.widget-card-copy{z-index:1;align-items:flex-start;gap:10px;min-width:0;display:flex;position:relative}.widget-code-badge{border:1px solid var(--primary);justify-content:center;align-items:center;min-width:36px;height:25px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.widget-code-badge{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))}}.widget-code-badge{background:var(--primary);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.widget-code-badge{background:color-mix(in srgb,var(--primary) 10%,var(--card))}}.widget-code-badge{color:var(--primary);letter-spacing:.08em;font-size:10px;font-weight:900}.widget-card-copy strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.15;display:block;overflow:hidden}.widget-card-copy small{color:var(--muted-foreground);font-size:12px}.widget-card>p{z-index:1;color:var(--muted-foreground);margin:0;font-size:12.5px;line-height:1.48;position:relative}.widget-card-meta{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.widget-card-meta span{border:1px solid var(--border);max-width:100%;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:700;overflow:hidden}.widget-card-actions{z-index:1;opacity:.94;grid-template-columns:1fr 1.1fr;gap:8px;display:grid;position:relative}.widget-card-actions .button{border-radius:11px;min-height:36px;padding:8px 10px;font-size:12px}.widget-empty-state{border:1px dashed var(--border-strong);background:var(--card);border-radius:20px;justify-items:center;gap:10px;min-height:260px;padding:36px;display:grid}@supports (color:color-mix(in lab,red,red)){.widget-empty-state{background:color-mix(in srgb,var(--card) 78%,var(--background))}}.widget-empty-state{text-align:center}.widget-empty-state strong{color:var(--foreground);font-size:20px}.widget-empty-state p{max-width:420px;color:var(--muted-foreground);margin:0}.widget-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px;display:grid}.widget-skeleton-card{border:1px solid var(--border);background:linear-gradient(90deg,transparent,var(--foreground),transparent),var(--card);border-radius:18px;min-height:352px}@supports (color:color-mix(in lab,red,red)){.widget-skeleton-card{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foreground) 6%,transparent),transparent),color-mix(in srgb,var(--card) 82%,var(--background))}}.widget-skeleton-card{background-size:220% 100%,100% 100%;animation:1.35s ease-in-out infinite skeleton-sheen}@keyframes skeleton-sheen{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}.content-field small{color:var(--muted-foreground);font-size:11px;font-weight:600;line-height:1.4}.toggle-param-field{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:1fr auto;align-items:center;padding:11px 12px}@supports (color:color-mix(in lab,red,red)){.toggle-param-field{background:color-mix(in srgb,var(--card) 84%,var(--background))}}.toggle-param-field span,.toggle-param-field small{grid-column:1}.toggle-param-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--muted-foreground);border-radius:999px;grid-area:1/2/span 2;width:42px;height:24px;min-height:24px;padding:2px}@supports (color:color-mix(in lab,red,red)){.toggle-param-field input{background:color-mix(in srgb,var(--muted-foreground) 32%,transparent)}}.toggle-param-field input{cursor:pointer}.toggle-param-field input:before{content:"";width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--motion-fast);background:#fff;border-radius:999px;display:block}.toggle-param-field input:checked{background:var(--primary)}.toggle-param-field input:checked:before{transform:translate(17px)}.selected-widget-preview .widget-preview-frame{box-shadow:var(--shadow-md)}.widget-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617ad;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.widget-preview-modal{border:1px solid var(--border);background:var(--card);width:min(1120px,100%);max-height:min(820px,92vh);box-shadow:var(--shadow-lg);border-radius:26px;grid-template-columns:minmax(360px,1.35fr) minmax(300px,.9fr);gap:20px;padding:18px;display:grid;position:relative;overflow:auto}.widget-modal-close{z-index:2;border:1px solid var(--border);background:var(--card);border-radius:999px;width:34px;height:34px;position:absolute;top:14px;right:14px}@supports (color:color-mix(in lab,red,red)){.widget-modal-close{background:color-mix(in srgb,var(--card) 86%,var(--background))}}.widget-modal-close{color:var(--foreground);cursor:pointer;font-size:22px;line-height:1}.widget-modal-preview{background:radial-gradient(circle at 20% 0,var(--primary),transparent 42%),var(--background);border-radius:22px;align-content:center;min-height:420px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.widget-modal-preview{background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%),color-mix(in srgb,var(--background) 72%,#000)}}.widget-modal-details{align-content:start;gap:14px;padding:12px 8px 12px 0;display:grid}.widget-modal-details h3{color:var(--foreground);letter-spacing:-.055em;margin:0;font-size:clamp(26px,3vw,38px)}.widget-modal-details p{color:var(--muted-foreground);margin:0;line-height:1.55}.widget-modal-facts{gap:8px;display:grid}.widget-modal-facts span,.widget-config-list{border:1px solid var(--border);background:var(--card);border-radius:14px;gap:4px;padding:11px 12px;display:grid}@supports (color:color-mix(in lab,red,red)){.widget-modal-facts span,.widget-config-list{background:color-mix(in srgb,var(--card) 84%,var(--background))}}.widget-modal-facts span,.widget-config-list{color:var(--muted-foreground);font-size:12px}.widget-modal-facts strong,.widget-config-list strong{color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.widget-tags{flex-wrap:wrap;gap:7px;display:flex}.widget-tags span{background:var(--primary);border-radius:999px;padding:6px 9px}@supports (color:color-mix(in lab,red,red)){.widget-tags span{background:color-mix(in srgb,var(--primary) 10%,transparent)}}.widget-tags span{color:var(--primary);font-size:11px;font-weight:800}.widget-config-list span{color:var(--muted-foreground)}.widget-modal-actions{grid-template-columns:1fr 1.2fr;gap:10px;margin-top:4px;display:grid}.upload-file-note{border:1px solid var(--border);background:var(--primary);border-radius:12px;margin-top:8px;padding:8px 10px;display:block}@supports (color:color-mix(in lab,red,red)){.upload-file-note{background:color-mix(in srgb,var(--primary) 8%,transparent)}}.upload-file-note{color:var(--muted-foreground);font-size:12px;font-weight:700;line-height:1.35}.upload-file-list{gap:6px;max-height:190px;margin-top:8px;padding-right:4px;display:grid;overflow:auto}.upload-file-list .upload-file-note{margin-top:0}.upload-file-note.warning,.upload-file-note.resumable{border-color:#f59e0b}@supports (color:color-mix(in lab,red,red)){.upload-file-note.warning,.upload-file-note.resumable{border-color:color-mix(in srgb,#f59e0b 60%,var(--border))}}.upload-file-note.warning,.upload-file-note.resumable{color:#fbbf24;background:#f59e0b24}.upload-file-note.resumable{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.upload-file-note.resumable{border-color:color-mix(in srgb,var(--primary) 60%,var(--border))}}.upload-file-note.resumable{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.upload-file-note.resumable{background:color-mix(in srgb,var(--primary) 12%,transparent)}}.upload-file-note.resumable{color:var(--primary)}.upload-progress{border:1px solid var(--border);background:var(--muted-foreground);border-radius:999px;min-height:34px;margin-top:10px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.upload-progress{background:color-mix(in srgb,var(--muted-foreground) 12%,transparent)}}.upload-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));min-width:2%;height:100%;transition:width .25s;display:block;position:absolute;inset:0 auto 0 0}.upload-progress b{color:var(--foreground);place-items:center;font-size:11px;font-weight:900;display:grid;position:relative;top:0;right:0;bottom:0;left:0}.upload-progress small{z-index:1;max-width:90%;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;place-self:end center;font-size:10px;font-weight:800;position:relative;overflow:hidden}[data-theme=dark] .widget-filter-system,[data-theme=dark] .widget-card,[data-theme=dark] .widget-modal-facts span,[data-theme=dark] .widget-config-list{background:#0f172ab8}[data-theme=light] .widget-library-panel{background:linear-gradient(#fff,#f8fbff)}@media(max-width:980px){.widget-preview-modal{grid-template-columns:1fr}.widget-modal-preview{min-height:auto}}@media(max-width:720px){.widget-filter-system,.marketplace-grid{grid-template-columns:1fr}.widget-modal-backdrop{align-items:start;padding:12px}.widget-preview-modal{border-radius:20px;padding:12px}.widget-modal-details{padding:0}.widget-modal-actions,.widget-card-actions{grid-template-columns:1fr}}.app{align-items:stretch}.sidebar{scrollbar-width:thin;align-self:flex-start;max-height:100vh;position:sticky;top:0;overflow-y:auto}.main{min-width:0}.nav-label-spaced{margin-top:14px}.sidebar-nav .nav-label{display:block}.nav-step{color:#185ac3;background:#dde9fd;border-radius:6px;place-items:center;width:20px;min-width:20px;height:20px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;display:grid}.nav.active .nav-step{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 12px #3c83f659}.hero-stats div{border:1px solid var(--border);background:#f9fafb}.hero-stats strong{color:var(--foreground)}.hero-stats span{color:var(--muted-foreground)}[data-theme=dark] .hero-stats div{background:#172036;border-color:#293851}[data-theme=dark] .hero-stats strong{color:#f2f6ff}[data-theme=dark] .hero-stats span{color:#9dabbe}.widget-card{transition:transform var(--motion-med),box-shadow var(--motion-med),border-color var(--motion-med)}.widget-card:hover{box-shadow:var(--shadow-md);border-color:#94bbfa;transform:translateY(-4px)}.widget-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}[data-theme=dark] .widget-card:hover{border-color:#266bd9}.widget-filter-bar .chip,.filter-chip{transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.media-library-card{transition:transform var(--motion-med),box-shadow var(--motion-med),border-color var(--motion-med)}.media-library-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}[data-theme=dark] .content-hero-stats strong{color:#f2f6ff}.button{transition:transform var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.button:active{transform:translateY(1px)}.grid.metrics-grid{grid-template-columns:repeat(4,1fr)}.grid.two-col{grid-template-columns:1fr 1fr;align-items:start}@media(max-width:1100px){.grid.metrics-grid{grid-template-columns:repeat(2,1fr)}.grid.two-col{grid-template-columns:1fr}}.report-controls{align-items:center;gap:10px;display:flex}.report-controls select{min-width:160px}.report-table{border-collapse:collapse;width:100%;font-size:12.5px}.report-table th{border-bottom:1px solid var(--border-strong);color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:8px 10px;font-size:10.5px;font-weight:700}.report-table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:9px 10px}.report-table tbody tr:last-child td{border-bottom:0}.report-table tbody tr:hover td{background:#f0f6fe99}[data-theme=dark] .report-table th{border-color:#293851}[data-theme=dark] .report-table td{border-color:#202d40}[data-theme=dark] .report-table tbody tr:hover td{background:#172036}.schedule-form{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:12px;display:grid}@media(max-width:1100px){.schedule-form{grid-template-columns:repeat(2,1fr)}}.schedule-form label{color:var(--muted-foreground);gap:5px;font-size:11.5px;font-weight:650;display:grid}.schedule-form input,.schedule-form select{min-height:38px}.time-range{align-items:center;gap:6px;display:flex}.time-range input{flex:1}.day-picker{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.day-picker .chip{cursor:pointer}.day-picker .muted{margin-left:8px;font-size:11px}.schedule-disabled td{opacity:.55}.schedule-actions{white-space:nowrap;gap:6px;display:flex}.schedule-actions .button{min-height:30px;padding:4px 10px;font-size:11.5px}.tag-chip{color:#5629a3;background:#f3ecfd;border-color:#d6c6f1}[data-theme=dark] .tag-chip{color:#cdb6f7;background:#32224f;border-color:#4f3875}button.chip{cursor:pointer}.tag-edit{background:0 0;border-style:dashed}.tag-quick-select{align-items:center;margin-bottom:10px}.login-shell{background:radial-gradient(60% 50% at 20% 0%,#3c83f624,transparent),radial-gradient(50% 40% at 90% 100%,#7c3bed1f,transparent),var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--card);width:min(400px,100%);box-shadow:var(--shadow-lg);border-radius:18px;gap:14px;padding:30px 28px;display:grid}.login-brand{border-bottom:1px solid var(--border);align-items:center;margin:0 0 4px;padding:0 0 16px;display:flex}.login-card h2{letter-spacing:-.02em;color:var(--foreground);font-size:19px}.login-card label{color:var(--muted-foreground);gap:5px;font-size:11.5px;font-weight:650;display:grid}.login-card input{min-height:42px}.login-button{justify-content:center;min-height:44px}[data-theme=dark] .login-card{background:#101728;border-color:#26344b}.login-modes{border:1px solid var(--border);background:var(--muted);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.login-modes button{min-height:34px;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:11px;font-weight:700}.login-modes button.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #00000014}.workspace-switcher{border:1px solid var(--border);background:var(--card);max-width:220px;min-height:36px;color:var(--foreground);border-radius:9px;padding:0 30px 0 10px;font-size:12px;font-weight:700}.account-profile-grid,.account-usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.account-profile-grid label{color:var(--muted-foreground);gap:6px;font-size:11.5px;font-weight:650;display:grid}.account-profile-grid input{width:100%}.account-usage-grid>div{border:1px solid var(--border);background:var(--muted);border-radius:10px;gap:3px;padding:14px;display:grid}.account-usage-grid strong{color:var(--foreground);font-size:15px}.account-usage-grid span{color:var(--muted-foreground);font-size:11px}@media(max-width:900px){.account-profile-grid,.account-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-modes{grid-template-columns:1fr}}.team-add-row select{min-width:190px}.top-progress{z-index:120;opacity:0;pointer-events:none;height:3px;transition:opacity .22s;position:fixed;top:0;left:0;right:0;overflow:hidden}.top-progress.active{opacity:1}.top-progress span{background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);border-radius:999px;width:40%;animation:1.05s cubic-bezier(.4,0,.2,1) infinite top-progress-slide;position:absolute;top:0;bottom:0}@keyframes top-progress-slide{0%{left:-45%}to{left:100%}}.toast-viewport{z-index:130;pointer-events:none;flex-direction:column;gap:10px;max-width:min(400px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border);border-left:3px solid var(--success);background:var(--card);color:var(--foreground);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;animation:.26s cubic-bezier(.2,.8,.2,1) toast-in;display:flex}.toast.error{border-left-color:var(--destructive)}.toast-icon{color:var(--success);flex:none;margin-top:1px;display:flex}.toast.error .toast-icon{color:var(--destructive)}.toast-message{word-break:break-word;flex:1;font-size:13px;font-weight:550;line-height:1.4}.toast-close{width:22px;height:22px;color:var(--muted-foreground);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.toast-close:hover{color:var(--foreground);background:#e7e9ef}[data-theme=dark] .toast{background:#131b30;border-color:#293851}[data-theme=dark] .toast-close:hover{color:#f2f6ff;background:#293851}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tab-panel{animation:.26s cubic-bezier(.2,.8,.2,1) tab-fade-in}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.top-progress span,.toast,.tab-panel{animation:none}}.section-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.section-head-actions .button{min-height:32px;padding:5px 11px;font-size:12px}.campaign-group-list{gap:10px;display:grid}.campaign-group{border:1px solid var(--border);background:var(--card);transition:border-color var(--motion-fast),box-shadow var(--motion-fast);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.campaign-group:hover{box-shadow:var(--shadow-sm);border-color:#9ec1fa}.campaign-group-info{gap:3px;min-width:0;display:grid}.campaign-group-info strong{color:var(--foreground);font-size:14px}.campaign-group-info small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.campaign-group-actions{flex:none;gap:8px;display:flex}[data-theme=dark] .campaign-group{background:#131b30;border-color:#26344b}[data-theme=dark] .campaign-group:hover{border-color:#266bd9}.nav small.notification-count{border-color:var(--destructive);min-width:22px}@supports (color:color-mix(in lab,red,red)){.nav small.notification-count{border-color:color-mix(in srgb,var(--destructive) 45%,transparent)}}.nav small.notification-count{background:var(--destructive);color:#fff;text-align:center}.notification-shortcut{justify-content:center;width:38px;min-width:38px;padding:0;position:relative}.notification-shortcut>span{border:2px solid var(--card);background:var(--destructive);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.notification-hero{background:linear-gradient(135deg,var(--primary),var(--card));justify-content:space-between;align-items:center;gap:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.notification-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card))}}.notification-hero h3{margin:6px 0;font-size:22px}.notification-hero p{max-width:720px;color:var(--muted-foreground);margin:0}.notification-hero-count{border:1px solid var(--primary);justify-items:center;min-width:108px;padding:14px;display:grid}@supports (color:color-mix(in lab,red,red)){.notification-hero-count{border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}}.notification-hero-count{background:var(--primary);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.notification-hero-count{background:color-mix(in srgb,var(--primary) 8%,var(--card))}}.notification-hero-count strong{color:var(--primary);font:700 34px/1 Space Grotesk,sans-serif}.notification-hero-count span{color:var(--muted-foreground);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}.notification-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.notification-severity-filters{grid-template-columns:repeat(3,minmax(125px,1fr));gap:9px;display:grid}.severity-filter{border:1px solid var(--border);background:var(--card);min-height:42px;color:var(--muted-foreground);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:8px 11px;display:flex}.severity-filter span{font-size:12px;font-weight:700}.severity-filter strong{background:currentColor;border-radius:999px;min-width:22px;padding:2px 6px}@supports (color:color-mix(in lab,red,red)){.severity-filter strong{background:color-mix(in srgb,currentColor 10%,transparent)}}.severity-filter strong{font-size:11px}.severity-filter.error.active{color:#b8451e;background:#fef0ec;border-color:#ef815d}.severity-filter.warning.active{color:#a25e10;background:#fff9eb;border-color:#f0b651}.severity-filter.critical.active{color:#a31f1f;background:#feecec;border-color:#e25050}.notification-control-actions{align-items:center;gap:12px;display:flex}.notification-unread-toggle{white-space:nowrap}.notification-list{gap:9px;display:grid}.notification-item{border:1px solid var(--border);background:var(--primary);border-left:3px solid #ea5d2e;border-radius:12px;grid-template-columns:10px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.notification-item{background:color-mix(in srgb,var(--primary) 3%,var(--card))}}.notification-item.warning{border-left-color:var(--warning)}.notification-item.critical{border-left-color:var(--destructive)}.notification-item.read{opacity:.7;background:var(--card)}.notification-unread-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px var(--primary);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.notification-unread-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}}.notification-item.read .notification-unread-dot{opacity:0}.notification-severity-icon{color:#b8451e;background:#feede7;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.notification-item.warning .notification-severity-icon{color:#b06611;background:#fff6e0}.notification-item.critical .notification-severity-icon{color:var(--destructive);background:#fde7e7}.notification-copy{min-width:0}.notification-title-row{align-items:center;gap:8px;display:flex}.notification-title-row>strong{color:var(--foreground);font-size:13.5px}.notification-severity-label{color:#b8451e;text-transform:uppercase;background:#feede7;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.notification-severity-label.warning{color:#b06611;background:#fff6e0}.notification-severity-label.critical{color:#a31f1f;background:#fde7e7}.notification-copy p{color:var(--foreground);overflow-wrap:anywhere;margin:5px 0;font-size:12.5px;line-height:1.45}.notification-copy small{color:var(--muted-foreground);font-size:10.5px}.notification-read-action{min-height:31px;padding:5px 10px;font-size:11px}.notification-empty{min-height:210px;color:var(--muted-foreground);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.notification-empty svg{color:var(--success)}.notification-empty strong{color:var(--foreground)}[data-theme=dark] .severity-filter.error.active,[data-theme=dark] .severity-filter.warning.active,[data-theme=dark] .severity-filter.critical.active,[data-theme=dark] .notification-severity-icon,[data-theme=dark] .notification-severity-label{background:currentColor}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .severity-filter.error.active,[data-theme=dark] .severity-filter.warning.active,[data-theme=dark] .severity-filter.critical.active,[data-theme=dark] .notification-severity-icon,[data-theme=dark] .notification-severity-label{background:color-mix(in srgb,currentColor 14%,var(--card))}}@media(max-width:900px){.notification-controls{flex-direction:column;align-items:stretch}.notification-control-actions{justify-content:space-between}}@media(max-width:640px){.notification-hero{align-items:flex-start}.notification-severity-filters{grid-template-columns:1fr}.notification-control-actions{flex-direction:column;align-items:stretch}.notification-item{grid-template-columns:10px 32px minmax(0,1fr)}.notification-read-action{grid-column:2/-1;justify-self:start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}