:root{--color-primary: #0066FF;--color-primary-dark: #0044CC;--color-primary-light: #3388FF;--color-secondary: #003399;--color-accent: #FF6600;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-success-bg: rgba(34, 197, 94, .12);--color-warning-bg: rgba(245, 158, 11, .12);--color-error-bg: rgba(239, 68, 68, .12);--color-info-bg: rgba(59, 130, 246, .12);--bg-dark: #0A0A0F;--bg-dark-secondary: #141420;--bg-dark-tertiary: #1E1E2E;--bg-card: #1A1A2E;--bg-card-hover: #242440;--bg-input: #12121E;--bg-elevated: #20203A;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #FFFFFF;--text-secondary: #A0A0B8;--text-muted: #6B6B80;--text-inverse: #000000;--text-link: #3388FF;--border-default: #2A2A40;--border-light: #3A3A55;--border-focus: #0066FF;--border-error: #EF4444;--color-live-red: #FF0000;--color-on-air: #FF3333;--color-preview: #FFD700;--color-standby: #888899;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .25);--sidebar-width: 260px;--sidebar-collapsed: 64px;--header-height: 64px}[data-theme=light]{--bg-dark: #F5F5FA;--bg-dark-secondary: #EDEDF4;--bg-dark-tertiary: #E0E0EC;--bg-card: #FFFFFF;--bg-card-hover: #F0F0F8;--bg-input: #FFFFFF;--bg-elevated: #FAFAFF;--bg-overlay: rgba(0, 0, 0, .4);--text-primary: #111118;--text-secondary: #555566;--text-muted: #8888A0;--text-inverse: #FFFFFF;--border-default: #D0D0E0;--border-light: #B8B8CC;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12), 0 4px 6px rgba(0, 0, 0, .06)}.bg-dark{background-color:#0a0a0f}.bg-dark-secondary{background-color:#141420}.bg-dark-tertiary{background-color:#1e1e2e}.bg-card{background-color:#1a1a2e}.bg-card-hover{background-color:#242440}.bg-elevated{background-color:#20203a}.bg-input{background-color:#12121e}.bg-primary{background-color:#06f}.bg-primary-dark{background-color:#04c}.bg-secondary{background-color:#039}.bg-accent{background-color:#f60}.bg-success{background-color:#22c55e1f}.bg-warning{background-color:#f59e0b1f}.bg-error{background-color:#ef44441f}.bg-info{background-color:#3b82f61f}.bg-transparent{background-color:transparent}.bg-gradient-primary{background:linear-gradient(135deg,#06f,#039)}.bg-gradient-accent{background:linear-gradient(135deg,#f60,#f36)}.bg-gradient-dark{background:linear-gradient(180deg,#0a0a0f,#141420)}.border-default{border-color:#2a2a40}.border-light{border-color:#3a3a55}.border-focus{border-color:#06f}.border-error{border-color:#ef4444}.border-primary{border-color:#06f}.border-success{border-color:#22c55e}.border-warning{border-color:#f59e0b}.border-danger{border-color:#ef4444}.border-info{border-color:#3b82f6}.border-accent{border-color:#f60}.status-dot{display:inline-block;width:8px;height:8px;border-radius:9999px;flex-shrink:0}.status-dot--live,.status-dot--error{background-color:red;box-shadow:0 0 6px #f009;animation:pulse-dot 1.5s ease-in-out infinite}.status-dot--success,.status-dot--online{background-color:#22c55e;box-shadow:0 0 4px #22c55e66}.status-dot--warning{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b66}.status-dot--info{background-color:#3b82f6}.status-dot--standby,.status-dot--offline{background-color:#889}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.color-swatch{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#a0a0b8;background:#141420;border:1px solid #2A2A40}.color-swatch__circle{width:16px;height:16px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;color:#fff;margin:0;letter-spacing:-.025em}h1{font-size:3rem;font-weight:700;letter-spacing:-.03em}h2{font-size:2.25rem;font-weight:700}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem;font-weight:500}p{margin:0 0 16px;color:#a0a0b8;line-height:1.5}p:last-child{margin-bottom:0}.text-lead{font-size:1.25rem;color:#a0a0b8;line-height:1.75}small,.text-small{font-size:.75rem;color:#6b6b80;line-height:1.5}.text-caption{font-size:.75rem;color:#6b6b80;letter-spacing:.025em;text-transform:uppercase;font-weight:500}a{color:#38f;text-decoration:none;transition:color .15s ease}a:hover{color:#06f;text-decoration:underline}a:focus-visible{outline:2px solid #0066FF;outline-offset:2px;border-radius:4px}code,kbd,samp{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.9em;background:#1e1e2e;color:#38f;padding:2px 6px;border-radius:4px;border:1px solid #2A2A40}pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875rem;background:#0a0a0f;color:#fff;padding:16px;border-radius:8px;border:1px solid #2A2A40;overflow-x:auto;margin:0 0 16px;line-height:1.75}pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}kbd{background:#141420;border-color:#3a3a55;box-shadow:0 2px #2a2a40;font-size:.75rem}ul,ol{margin:0 0 16px;padding-left:24px;color:#a0a0b8}ul li,ol li{margin-bottom:4px;line-height:1.5}ul:last-child,ol:last-child{margin-bottom:0}blockquote{margin:0 0 16px;padding:16px 24px;border-left:3px solid #0066FF;background:#141420;border-radius:0 8px 8px 0;color:#a0a0b8;font-style:italic}hr{border:none;border-top:1px solid #2A2A40;margin:24px 0}::selection{background:#0066ff4d;color:#fff}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-md{font-size:1.125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:1.875rem}.text-3xl{font-size:2.25rem}.text-4xl{font-size:3rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-primary{color:#fff}.text-secondary{color:#a0a0b8}.text-muted{color:#6b6b80}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-info{color:#3b82f6}.text-accent{color:#f60}.font-mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.text-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.container{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media(min-width:768px){.container{padding-left:24px;padding-right:24px}}@media(min-width:1280px){.container{padding-left:32px;padding-right:32px}}.container-fluid{width:100%;padding-left:16px;padding-right:16px}@media(min-width:768px){.container-fluid{padding-left:24px;padding-right:24px}}.container-narrow{width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media(max-width:639px){.hide-below-sm{display:none!important}}@media(max-width:767px){.hide-below-md{display:none!important}}@media(max-width:1023px){.hide-below-lg{display:none!important}}@media(max-width:1279px){.hide-below-xl{display:none!important}}@media(min-width:640px){.hide-above-sm{display:none!important}}@media(min-width:768px){.hide-above-md{display:none!important}}@media(min-width:1024px){.hide-above-lg{display:none!important}}@media(min-width:1280px){.hide-above-xl{display:none!important}}.show-only-sm{display:none!important}@media(min-width:640px)and (max-width:767px){.show-only-sm{display:block!important}}.show-only-md{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-only-md{display:block!important}}.show-only-lg{display:none!important}@media(min-width:1024px)and (max-width:1279px){.show-only-lg{display:block!important}}.grid-responsive{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.grid-two-col{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:768px){.grid-two-col{grid-template-columns:repeat(2,1fr)}}.grid-sidebar-content{display:grid;gap:0;grid-template-columns:1fr}@media(min-width:1024px){.grid-sidebar-content{grid-template-columns:260px 1fr}}@media(min-width:1024px){.grid-sidebar-content--collapsed{grid-template-columns:64px 1fr}}.responsive-padding{padding:16px}@media(min-width:768px){.responsive-padding{padding:24px}}@media(min-width:1280px){.responsive-padding{padding:32px}}.responsive-gap{gap:8px}@media(min-width:768px){.responsive-gap{gap:16px}}@media(min-width:1280px){.responsive-gap{gap:24px}}.responsive-heading{font-size:1.5rem}@media(min-width:768px){.responsive-heading{font-size:1.875rem}}@media(min-width:1024px){.responsive-heading{font-size:2.25rem}}.responsive-subheading{font-size:1.25rem}@media(min-width:768px){.responsive-subheading{font-size:1.5rem}}.header{position:fixed;top:0;left:64px;right:0;height:64px;background:#141420;border-bottom:1px solid #2A2A40;z-index:300;display:flex;align-items:center;justify-content:space-between;padding:0 24px;transition:left .25s ease}@media(min-width:1024px){.header{left:260px}}.header--sidebar-collapsed{left:64px}.header--no-sidebar{left:0}.header__left{display:flex;gap:24px;align-items:center;min-width:0}.header__logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.header__logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#06f,#f60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.header__logo-text{font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.025em;white-space:nowrap}@media(max-width:767px){.header__logo-text{display:none}}.header__nav{display:flex;align-items:center;gap:4px}@media(max-width:1023px){.header__nav{display:none}}.header__nav-link{padding:8px 16px;font-size:.875rem;font-weight:500;color:#a0a0b8;border-radius:8px;transition:color .25s ease,background-color .25s ease;white-space:nowrap}.header__nav-link:hover{color:#fff;background:#1e1e2e;text-decoration:none}.header__nav-link--active{color:#38f;background:#0066ff1a}.header__nav-link--active:hover{color:#38f;background:#0066ff26}.header__search{position:relative;flex:0 1 360px}@media(max-width:1279px){.header__search{display:none}}.header__search-input{width:100%;height:36px;padding:0 16px 0 36px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:9999px;color:#fff;font-size:.875rem;transition:border-color .25s ease,box-shadow .25s ease,width .25s ease}.header__search-input::placeholder{color:#6b6b80}.header__search-input:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.header__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b6b80;pointer-events:none}.header__search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80;background:#141420;padding:2px 6px;border-radius:4px;border:1px solid #2A2A40}.header__right{display:flex;gap:8px;align-items:center;flex-shrink:0}.header__live-indicator{display:flex;gap:4px;align-items:center;padding:4px 8px;background:#ff000026;border:1px solid rgba(255,0,0,.3);border-radius:9999px;font-size:.75rem;font-weight:700;color:red;text-transform:uppercase;letter-spacing:.05em;animation:header-live-pulse 2s ease-in-out infinite}.header__live-indicator-dot{width:6px;height:6px;background:red;border-radius:9999px}@media(max-width:639px){.header__live-indicator span{display:none}.header__live-indicator{padding:4px}}.header__action-btn{position:relative;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:#a0a0b8;display:flex;align-items:center;justify-content:center;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.header__action-btn:hover{color:#fff;background:#1e1e2e;border-color:#2a2a40}.header__action-btn--active{color:#38f;background:#0066ff1a}.header__action-btn svg{width:18px;height:18px}.header__notification-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:9999px;border:2px solid #141420}.header__divider{width:1px;height:28px;background:#2a2a40;margin:0 4px}.header__user{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px;cursor:pointer;transition:background-color .25s ease}.header__user:hover{background:#1e1e2e}.header__avatar{width:32px;height:32px;border-radius:9999px;background:linear-gradient(135deg,#06f,#039);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.header__avatar img{width:100%;height:100%;object-fit:cover}.header__user-name{font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}@media(max-width:767px){.header__user-name{display:none}}.header__user-role{font-size:.75rem;color:#6b6b80}@media(max-width:767px){.header__user-role{display:none}}@keyframes header-live-pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:#141420;border-right:1px solid #2A2A40;z-index:400;display:flex;flex-direction:column;transition:width .25s ease;overflow:hidden}.sidebar--collapsed{width:64px}.sidebar--collapsed .sidebar__logo-text,.sidebar--collapsed .sidebar__nav-label,.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__nav-badge{opacity:0;visibility:hidden;width:0;overflow:hidden}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:8px}.sidebar--collapsed .sidebar__nav-icon{margin-right:0}.sidebar--collapsed .sidebar__logo{justify-content:center;padding:0 8px}.sidebar--collapsed .sidebar__toggle{justify-content:center}.sidebar--collapsed .sidebar__user{justify-content:center;padding:8px}.sidebar--collapsed .sidebar__footer{padding:8px}.sidebar--collapsed .sidebar__nav-item{position:relative}.sidebar--collapsed .sidebar__nav-item:hover .sidebar__nav-tooltip{display:block}.sidebar__logo{display:flex;align-items:center;gap:8px;padding:16px;height:64px;border-bottom:1px solid #2A2A40;flex-shrink:0}.sidebar__logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#06f,#f60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__logo-icon svg{width:18px;height:18px;color:#fff}.sidebar__logo-text{font-size:1.125rem;font-weight:700;color:#fff;white-space:nowrap;transition:opacity .25s ease,width .25s ease;letter-spacing:-.025em}.sidebar__toggle{display:flex;align-items:center;padding:8px 16px;cursor:pointer;color:#6b6b80;transition:color .25s ease}.sidebar__toggle:hover{color:#fff}.sidebar__toggle svg{width:18px;height:18px;transition:transform .25s ease}.sidebar__toggle--rotated svg{transform:rotate(180deg)}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.sidebar__nav::-webkit-scrollbar{width:8px;height:8px}.sidebar__nav::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.sidebar__nav::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#3a3a55}.sidebar__section{margin-bottom:16px}.sidebar__section:last-child{margin-bottom:0}.sidebar__section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#6b6b80;padding:8px 8px 4px;white-space:nowrap;transition:opacity .25s ease}.sidebar__nav-list{display:flex;flex-direction:column;gap:2px}.sidebar__nav-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;color:#a0a0b8;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .25s ease,background-color .25s ease}.sidebar__nav-item:hover{color:#fff;background:#1e1e2e;text-decoration:none}.sidebar__nav-item--active{color:#38f;background:#0066ff1a}.sidebar__nav-item--active .sidebar__nav-icon{color:#38f}.sidebar__nav-item--active:hover{background:#0066ff26;color:#38f}.sidebar__nav-item--danger{color:#6b6b80}.sidebar__nav-item--danger:hover{color:#ef4444;background:#ef44441f}.sidebar__nav-icon{width:20px;height:20px;flex-shrink:0;color:inherit;transition:color .15s ease}.sidebar__nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .25s ease}.sidebar__nav-badge{padding:1px 6px;font-size:10px;font-weight:600;border-radius:9999px;background:#0066ff26;color:#38f;flex-shrink:0;transition:opacity .25s ease}.sidebar__nav-badge--live{background:#ff000026;color:red;animation:pulse-dot 1.5s ease-in-out infinite}.sidebar__nav-badge--count{background:#1e1e2e;color:#6b6b80;min-width:20px;text-align:center}.sidebar__nav-tooltip{display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 8px;background:#2a2a48;color:#fff;font-size:.75rem;border-radius:8px;white-space:nowrap;box-shadow:0 10px 15px #0006,0 4px 6px #00000040;z-index:700;pointer-events:none;border:1px solid #2A2A40}.sidebar__nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#2a2a48}.sidebar__divider{height:1px;background:#2a2a40;margin:8px}.sidebar__footer{border-top:1px solid #2A2A40;padding:8px;flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .25s ease}.sidebar__user:hover{background:#1e1e2e}.sidebar__user-avatar{width:32px;height:32px;border-radius:9999px;background:linear-gradient(135deg,#06f,#039);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.sidebar__user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar__user-info{flex:1;min-width:0;transition:opacity .25s ease}.sidebar__user-name{font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:.75rem;color:#6b6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1023px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:0 25px 50px #0000008c;width:260px}}.sidebar-backdrop{display:none}@media(max-width:1023px){.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:399;background:#000000a6;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-backdrop--visible{opacity:1;visibility:visible}}.sidebar-mobile-toggle{display:none}@media(max-width:1023px){.sidebar-mobile-toggle{position:fixed;top:16px;left:16px;z-index:301;width:40px;height:40px;border-radius:8px;background:#141420;border:1px solid #2A2A40;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.sidebar-mobile-toggle svg{width:20px;height:20px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.modal-overlay--open{opacity:1;visibility:visible}.modal-overlay--open .modal{opacity:1;transform:translateY(0) scale(1)}.modal-overlay--dismissible{cursor:pointer}.modal-overlay--dismissible .modal{cursor:default}.modal{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 64px);background:#141420;border:1px solid #2A2A40;border-radius:16px;box-shadow:0 25px 50px #0000008c;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .25s ease,transform .25s ease cubic-bezier(.16,1,.3,1)}.modal--sm{max-width:400px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);width:100%;height:100%}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;flex-shrink:0}.modal__title{font-size:1.25rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.modal__subtitle{font-size:.875rem;color:#a0a0b8;margin-top:4px}.modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#6b6b80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .25s ease,background-color .25s ease;z-index:1}.modal__close:hover{color:#fff;background:#1e1e2e}.modal__close:active{background:#1a1a2e}.modal__close svg{width:18px;height:18px}.modal__body{flex:1;padding:16px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.modal__body::-webkit-scrollbar{width:8px;height:8px}.modal__body::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.modal__body::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.modal__body::-webkit-scrollbar-thumb:hover{background:#3a3a55}.modal__body{color:#a0a0b8;font-size:.875rem;line-height:1.5}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px 24px;border-top:1px solid #2A2A40;flex-shrink:0}.modal__footer--spread{justify-content:space-between}.modal__footer--left{justify-content:flex-start}.modal__footer--center{justify-content:center}.modal__divider{height:1px;background:#2a2a40;margin:0 24px}.modal--confirm{max-width:440px;text-align:center}.modal--confirm .modal__header{justify-content:center;padding-bottom:8px}.modal--confirm .modal__body{text-align:center;padding-top:0}.modal--confirm .modal__footer{justify-content:center}.modal--danger{border-color:#ef44444d}.modal--danger .modal__header{border-bottom:1px solid rgba(239,68,68,.15)}.modal--danger .modal__icon{color:#ef4444}.modal__icon{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal__icon--success{background:#22c55e1f;color:#22c55e}.modal__icon--warning{background:#f59e0b1f;color:#f59e0b}.modal__icon--error{background:#ef44441f;color:#ef4444}.modal__icon--info{background:#3b82f61f;color:#3b82f6}.modal__icon svg{width:24px;height:24px}.modal-overlay--slide-up{align-items:flex-end}.modal-overlay--slide-up .modal{border-radius:16px 16px 0 0;max-height:80vh;transform:translateY(100%);transition:transform .4s ease cubic-bezier(.16,1,.3,1)}.modal-overlay--slide-up.modal-overlay--open .modal{transform:translateY(0)}.modal-overlay--fade-scale .modal{transform:scale(.9);transition:opacity .25s ease,transform .25s ease cubic-bezier(.16,1,.3,1)}.modal-overlay--fade-scale.modal-overlay--open .modal{transform:scale(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid #0066FF;outline-offset:2px}.btn--sm{padding:6px 8px;font-size:.75rem;border-radius:4px;gap:4px;min-height:28px}.btn--md{padding:8px 16px;font-size:.875rem;min-height:36px}.btn--lg{padding:16px 24px;font-size:1rem;min-height:44px;border-radius:12px}.btn--primary{background:#06f;color:#fff;border-color:#06f}.btn--primary:hover{background:#04c;border-color:#04c;box-shadow:0 0 20px #0066ff4d}.btn--primary:active{background:#003cb3}.btn--secondary{background:#1e1e2e;color:#fff;border-color:#2a2a40}.btn--secondary:hover{background:#242440;border-color:#3a3a55}.btn--secondary:active{background:#1a1a2e}.btn--danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn--danger:hover{background:#ec1e1e;border-color:#ec1e1e;box-shadow:0 0 15px #ef44444d}.btn--danger:active{background:#e21313}.btn--success{background:#22c55e;color:#000;border-color:#22c55e}.btn--success:hover{background:#1ca24d;border-color:#1ca24d;box-shadow:0 0 15px #22c55e40}.btn--success:active{background:#199145}.btn--warning{background:#f59e0b;color:#000;border-color:#f59e0b}.btn--warning:hover{background:#cf8508;border-color:#cf8508}.btn--warning:active{background:#bb7808}.btn--ghost{background:transparent;color:#a0a0b8;border-color:transparent}.btn--ghost:hover{color:#fff;background:#1e1e2e}.btn--ghost:active{background:#1a1a2e}.btn--ghost.btn--primary-text{color:#38f}.btn--ghost.btn--primary-text:hover{background:#0066ff1a;color:#06f}.btn--ghost.btn--danger-text{color:#ef4444}.btn--ghost.btn--danger-text:hover{background:#ef44441f}.btn--outline{background:transparent;color:#38f;border-color:#06f}.btn--outline:hover{background:#0066ff1a;color:#06f}.btn--outline:active{background:#0066ff26}.btn--outline-secondary{background:transparent;color:#a0a0b8;border-color:#2a2a40}.btn--outline-secondary:hover{color:#fff;border-color:#3a3a55;background:#1e1e2e}.btn--icon{padding:0;width:36px;height:36px;border-radius:8px;background:transparent;color:#a0a0b8;border-color:transparent}.btn--icon:hover{color:#fff;background:#1e1e2e}.btn--icon.btn--sm{width:28px;height:28px}.btn--icon.btn--sm svg{width:14px;height:14px}.btn--icon.btn--lg{width:44px;height:44px}.btn--icon.btn--lg svg{width:22px;height:22px}.btn--icon svg{width:18px;height:18px}.btn--live{background:red;color:#fff;border-color:red;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.btn--live:hover{background:#c00;box-shadow:0 0 20px #f006}.btn--live.btn--active{animation:live-button-pulse 1.5s ease-in-out infinite}.btn--block{width:100%}.btn--loading{color:transparent;pointer-events:none;position:relative}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:btn-spin .6s linear infinite}.btn__icon{display:flex;flex-shrink:0}.btn__icon svg{width:16px;height:16px}.btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0;border-right-width:1px}.btn-group .btn:only-child{border-radius:8px;border-right-width:1px}.btn-group .btn--active{background:#0066ff26;color:#38f;border-color:#06f;z-index:1}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes live-button-pulse{0%,to{box-shadow:0 0 #ff000080}50%{box-shadow:0 0 0 8px #f000}}.card{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.card--flat{border-color:transparent;box-shadow:none}.card--flat:hover{border-color:#2a2a40}.card--outlined{background:transparent;border-color:#2a2a40}.card--outlined:hover{background:#1a1a2e}.card--elevated{background:#20203a;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.card--elevated:hover{box-shadow:0 10px 15px #0006,0 4px 6px #00000040}.card--compact{padding:16px}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0006,0 4px 6px #00000040}.card--interactive:active{transform:translateY(0)}.card--selected{border-color:#06f;background:#0066ff0d;box-shadow:0 0 0 1px #06f}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card__title{font-size:1rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__subtitle{font-size:.75rem;color:#6b6b80;margin-top:2px}.card__body{color:#a0a0b8;font-size:.875rem;line-height:1.5}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #2A2A40}.card__actions{display:flex;align-items:center;gap:4px}.card__meta{font-size:.75rem;color:#6b6b80;display:flex;align-items:center;gap:4px}.card__icon{width:16px;height:16px;color:#6b6b80}.template-card{position:relative;background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.template-card:hover{transform:translateY(-3px);border-color:#3a3a55;box-shadow:0 10px 15px #0006,0 4px 6px #00000040}.template-card:hover .template-card__overlay{opacity:1}.template-card:hover .template-card__preview{transform:scale(1.03)}.template-card--selected{border-color:#06f;box-shadow:0 0 0 1px #06f,0 0 20px #0066ff4d}.template-card__preview-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0a0f}.template-card__preview{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.template-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#0009;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .25s ease}.template-card__badge{position:absolute;top:8px;left:8px;z-index:1;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-card__info{padding:16px}.template-card__name{font-size:.875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.template-card__description{font-size:.75rem;color:#6b6b80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.template-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#6b6b80}.template-card__meta-item{display:flex;align-items:center;gap:4px}.template-card__meta-item svg{width:12px;height:12px}.template-card__status{display:flex;align-items:center;gap:4px}.template-card__status--draft{color:#f59e0b}.template-card__status--published{color:#22c55e}.template-card__status--archived{color:#6b6b80}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media(min-width:1280px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.stat-card{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-card:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.stat-card{padding:24px}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:20px;height:20px}.stat-card__icon--primary{background:#0066ff1f;color:#38f}.stat-card__icon--success{background:#22c55e1f;color:#22c55e}.stat-card__icon--warning{background:#f59e0b1f;color:#f59e0b}.stat-card__icon--error{background:#ef44441f;color:#ef4444}.stat-card__icon--accent{background:#ff66001f;color:#f60}.stat-card__trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.stat-card__trend--up{color:#22c55e}.stat-card__trend--down{color:#ef4444}.stat-card__trend--neutral{color:#6b6b80}.stat-card__trend svg{width:14px;height:14px}.stat-card__value{font-size:2.25rem;font-weight:700;color:#fff;line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.stat-card__label{font-size:.875rem;color:#a0a0b8}.stat-card__footer{margin-top:16px;padding-top:16px;border-top:1px solid #2A2A40;font-size:.75rem;color:#6b6b80}.stat-cards{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:640px){.stat-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.stat-cards{grid-template-columns:repeat(4,1fr)}}.empty-card{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.empty-card:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.empty-card{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:48px 32px;text-align:center;border-style:dashed}.empty-card:hover{border-color:#06f;background:#0066ff08}.empty-card__icon{width:56px;height:56px;border-radius:9999px;background:#1e1e2e;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#6b6b80}.empty-card__icon svg{width:28px;height:28px}.empty-card__title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.empty-card__description{font-size:.875rem;color:#6b6b80;max-width:320px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group--inline{display:flex;align-items:center;gap:16px}@media(min-width:768px){.form-group--horizontal{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start}.form-group--horizontal .form-label{padding-top:8px;margin-bottom:0}}.form-row{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.form-row--three{grid-template-columns:repeat(3,1fr)}}.form-label{display:block;font-size:.875rem;font-weight:500;color:#a0a0b8;margin-bottom:4px}.form-label--required:after{content:" *";color:#ef4444}.form-hint{display:block;font-size:.75rem;color:#6b6b80;margin-top:4px;line-height:1.5}.form-input{width:100%;padding:8px 16px;background:#12121e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.form-input::placeholder{color:#6b6b80}.form-input:hover{border-color:#3a3a55}.form-input:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff26;background:#161624}.form-input:disabled{opacity:.5;cursor:not-allowed;background:#141420}.form-input{height:40px}.form-input--sm{height:32px;padding:4px 8px;font-size:.75rem}.form-input--lg{height:48px;padding:16px;font-size:1rem}.form-input--error{border-color:#ef4444}.form-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.form-input--success{border-color:#22c55e}.form-input--success:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.form-input-wrapper{position:relative}.form-input-wrapper--icon-left .form-input{padding-left:36px}.form-input-wrapper--icon-right .form-input{padding-right:36px}.form-input-icon{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b6b80;pointer-events:none}.form-input-icon--left{left:12px}.form-input-icon--right{right:12px}.form-input-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:4px;background:transparent;color:#6b6b80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .25s ease}.form-input-action:hover{color:#fff}.form-input-action svg{width:14px;height:14px}.form-textarea{width:100%;padding:8px 16px;background:#12121e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.form-textarea::placeholder{color:#6b6b80}.form-textarea:hover{border-color:#3a3a55}.form-textarea:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff26;background:#161624}.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:#141420}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.form-textarea--error{border-color:#ef4444}.form-textarea--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.form-textarea--no-resize{resize:none}.form-textarea--code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;tab-size:2}.form-select{width:100%;padding:8px 16px;background:#12121e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.form-select::placeholder{color:#6b6b80}.form-select:hover{border-color:#3a3a55}.form-select:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff26;background:#161624}.form-select:disabled{opacity:.5;cursor:not-allowed;background:#141420}.form-select{height:40px;appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B6B80' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select--sm{height:32px;font-size:.75rem;padding:4px 32px 4px 8px}.form-select--lg{height:48px;font-size:1rem;padding:16px 40px 16px 16px}.form-select--error{border-color:#ef4444}.form-select option{background:#141420;color:#fff}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.form-checkbox__input{appearance:none;width:18px;height:18px;border:1px solid #2A2A40;border-radius:4px;background:#12121e;cursor:pointer;flex-shrink:0;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative}.form-checkbox__input:hover{border-color:#3a3a55}.form-checkbox__input:focus-visible{border-color:#06f;box-shadow:0 0 0 3px #0066ff26}.form-checkbox__input:checked{background:#06f;border-color:#06f}.form-checkbox__input:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox__input:disabled{opacity:.4;cursor:not-allowed}.form-checkbox__label{font-size:.875rem;color:#a0a0b8;-webkit-user-select:none;user-select:none}.form-radio{display:flex;align-items:center;gap:8px;cursor:pointer}.form-radio__input{appearance:none;width:18px;height:18px;border:1px solid #2A2A40;border-radius:9999px;background:#12121e;cursor:pointer;flex-shrink:0;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative}.form-radio__input:hover{border-color:#3a3a55}.form-radio__input:focus-visible{border-color:#06f;box-shadow:0 0 0 3px #0066ff26}.form-radio__input:checked{border-color:#06f}.form-radio__input:checked:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:#06f;border-radius:9999px}.form-radio__input:disabled{opacity:.4;cursor:not-allowed}.form-radio__label{font-size:.875rem;color:#a0a0b8;-webkit-user-select:none;user-select:none}.form-radio-group{display:flex;flex-direction:column;gap:8px}.form-radio-group--horizontal{flex-direction:row;gap:24px}.form-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.form-toggle__track{position:relative;width:40px;height:22px;background:#1e1e2e;border:1px solid #2A2A40;border-radius:9999px;transition:background-color .25s ease,border-color .25s ease;flex-shrink:0}.form-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#6b6b80;border-radius:9999px;transition:transform .15s ease,background-color .15s ease}.form-toggle__input{position:absolute;opacity:0;width:0;height:0}.form-toggle__input:checked+.form-toggle__track{background:#0066ff26;border-color:#06f}.form-toggle__input:checked+.form-toggle__track .form-toggle__thumb{transform:translate(18px);background:#06f}.form-toggle__input:focus-visible+.form-toggle__track{box-shadow:0 0 0 3px #0066ff26}.form-toggle__input:disabled+.form-toggle__track{opacity:.4;cursor:not-allowed}.form-toggle__label{font-size:.875rem;color:#a0a0b8;-webkit-user-select:none;user-select:none}.form-error{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ef4444;margin-top:4px}.form-error svg{width:14px;height:14px;flex-shrink:0}.form-success{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#22c55e;margin-top:4px}.form-color{display:flex;align-items:center;gap:8px}.form-color__swatch{width:36px;height:36px;border-radius:8px;border:2px solid #2A2A40;cursor:pointer;transition:border-color .25s ease}.form-color__swatch:hover{border-color:#3a3a55}.form-color__value{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;color:#a0a0b8}.form-range{width:100%;appearance:none;height:4px;background:#1e1e2e;border-radius:9999px;outline:none;cursor:pointer}.form-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:9999px;background:#06f;border:2px solid #141420;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.form-range::-moz-range-thumb{width:16px;height:16px;border-radius:9999px;background:#06f;border:2px solid #141420;cursor:pointer}.form-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #06f3}.form-range-wrapper{display:flex;align-items:center;gap:8px}.form-range-wrapper__value{min-width:40px;text-align:center;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;color:#a0a0b8;background:#0a0a0f;padding:2px 4px;border-radius:4px;border:1px solid #2A2A40}.form-actions{display:flex;align-items:center;gap:8px;padding-top:24px;border-top:1px solid #2A2A40;margin-top:24px}.form-actions--right{justify-content:flex-end}.form-actions--between{justify-content:space-between}.form-actions--center{justify-content:center}.toast-container{position:fixed;top:80px;right:16px;z-index:800;display:flex;flex-direction:column;gap:8px;max-width:420px;width:100%;pointer-events:none}@media(min-width:768px){.toast-container{right:24px;max-width:400px}}.toast-container--bottom{top:auto;bottom:24px;flex-direction:column-reverse}.toast-container--center{left:50%;right:auto;transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:8px;padding:16px;background:#141420;border:1px solid #2A2A40;border-radius:12px;box-shadow:0 20px 25px #00000073,0 8px 10px #0000004d;pointer-events:auto;position:relative;overflow:hidden;animation:toast-slide-in .25s ease cubic-bezier(.16,1,.3,1) forwards}.toast:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px}.toast--success{border-color:#22c55e4d}.toast--success:before{background:#22c55e}.toast--success .toast__icon{color:#22c55e;background:#22c55e1f}.toast--error{border-color:#ef44444d}.toast--error:before{background:#ef4444}.toast--error .toast__icon{color:#ef4444;background:#ef44441f}.toast--warning{border-color:#f59e0b4d}.toast--warning:before{background:#f59e0b}.toast--warning .toast__icon{color:#f59e0b;background:#f59e0b1f}.toast--info{border-color:#3b82f64d}.toast--info:before{background:#3b82f6}.toast--info .toast__icon{color:#3b82f6;background:#3b82f61f}.toast--exiting{animation:toast-slide-out .25s ease ease-in forwards}.toast__icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__icon svg{width:16px;height:16px}.toast__content{flex:1;min-width:0;padding-left:4px}.toast__title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px}.toast__message{font-size:.75rem;color:#a0a0b8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toast__close{width:24px;height:24px;border-radius:4px;background:transparent;color:#6b6b80;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .25s ease,background-color .25s ease;margin-top:-2px}.toast__close:hover{color:#fff;background:#1e1e2e}.toast__close svg{width:14px;height:14px}.toast__actions{display:flex;gap:8px;margin-top:8px}.toast__action{font-size:.75rem;font-weight:500;color:#38f;cursor:pointer;padding:2px 0;background:none;border:none;transition:color .25s ease}.toast__action:hover{color:#06f;text-decoration:underline}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#2a2a40;overflow:hidden}.toast__progress-bar{height:100%;background:var(--toast-progress-color, #0066FF);width:100%;transform-origin:left;animation:toast-progress var(--toast-duration, 5s) linear forwards}.toast--success .toast__progress-bar{background:#22c55e}.toast--error .toast__progress-bar{background:#ef4444}.toast--warning .toast__progress-bar{background:#f59e0b}.toast--info .toast__progress-bar{background:#3b82f6}.toast:hover .toast__progress-bar{animation-play-state:paused}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1);max-height:200px;margin-bottom:8px}to{opacity:0;transform:translate(100%) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dashboard{width:100%}.dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard__greeting h1{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:4px}@media(min-width:1024px){.dashboard__greeting h1{font-size:2.25rem}}.dashboard__greeting p{font-size:.875rem;color:#a0a0b8}.dashboard__actions{display:flex;align-items:center;gap:8px}.dashboard__stats{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:32px}@media(min-width:640px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.dashboard__stats{grid-template-columns:repeat(4,1fr)}}.dashboard__content{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1024px){.dashboard__content{grid-template-columns:1fr 360px}}.dashboard__main{min-width:0}.dashboard__aside{display:flex;flex-direction:column;gap:24px}.dashboard__section{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard__section:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.dashboard__section{margin-bottom:24px}.dashboard__section:last-child{margin-bottom:0}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard__section-title{font-size:1rem;font-weight:600;color:#fff}.dashboard__section-action{font-size:.75rem;color:#38f;cursor:pointer;transition:color .25s ease}.dashboard__section-action:hover{color:#06f}.dashboard__templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.dashboard__template-item{position:relative;background:#0a0a0f;border:1px solid #2A2A40;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.dashboard__template-item:hover{border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.dashboard__template-item-preview{aspect-ratio:16/9;background:#1e1e2e;overflow:hidden}.dashboard__template-item-preview img{width:100%;height:100%;object-fit:cover}.dashboard__template-item-info{padding:8px}.dashboard__template-item-name{font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__template-item-date{font-size:.75rem;color:#6b6b80;margin-top:2px}.dashboard__activity{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard__activity:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.dashboard__activity-list{display:flex;flex-direction:column}.dashboard__activity-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #2A2A40}.dashboard__activity-item:last-child{border-bottom:none;padding-bottom:0}.dashboard__activity-item:first-child{padding-top:0}.dashboard__activity-icon{width:28px;height:28px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#1e1e2e;color:#6b6b80}.dashboard__activity-icon svg{width:14px;height:14px}.dashboard__activity-icon--create{background:#0066ff1f;color:#38f}.dashboard__activity-icon--edit{background:#f59e0b1f;color:#f59e0b}.dashboard__activity-icon--live{background:#22c55e1f;color:#22c55e}.dashboard__activity-icon--delete{background:#ef44441f;color:#ef4444}.dashboard__activity-content{flex:1;min-width:0}.dashboard__activity-text{font-size:.875rem;color:#a0a0b8;line-height:1.5}.dashboard__activity-text strong{color:#fff;font-weight:500}.dashboard__activity-time{font-size:.75rem;color:#6b6b80;margin-top:2px}.dashboard__quick-actions{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard__quick-actions:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.dashboard__quick-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dashboard__quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:8px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease;text-align:center}.dashboard__quick-action:hover{background:#1e1e2e;border-color:#3a3a55}.dashboard__quick-action-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#38f;background:#0066ff1a}.dashboard__quick-action-icon svg{width:18px;height:18px}.dashboard__quick-action-label{font-size:.75rem;font-weight:500;color:#a0a0b8}.dashboard__status{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard__status:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.dashboard__status-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2A2A40}.dashboard__status-item:last-child{border-bottom:none;padding-bottom:0}.dashboard__status-item:first-child{padding-top:0}.dashboard__status-label{font-size:.875rem;color:#a0a0b8;display:flex;align-items:center;gap:4px}.dashboard__status-value{font-size:.875rem;font-weight:500;color:#fff;display:flex;align-items:center;gap:4px}.template-library{width:100%}.template-library__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.template-library__title-area h1{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:4px}.template-library__title-area p{font-size:.875rem;color:#a0a0b8}.template-library__header-actions{display:flex;align-items:center;gap:8px}.template-library__toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}@media(min-width:1024px){.template-library__toolbar{flex-wrap:nowrap}}.template-library__search{position:relative;flex:1;min-width:200px;max-width:480px}.template-library__search-input{width:100%;height:40px;padding:0 16px 0 40px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-size:.875rem;transition:border-color .25s ease,box-shadow .25s ease}.template-library__search-input::placeholder{color:#6b6b80}.template-library__search-input:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.template-library__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6b6b80;pointer-events:none}.template-library__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:4px;background:transparent;color:#6b6b80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .25s ease}.template-library__search-clear:hover{color:#fff}.template-library__search-clear svg{width:14px;height:14px}.template-library__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.template-library__sort{height:40px;padding:0 32px 0 16px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-size:.875rem;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B6B80' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .25s ease}.template-library__sort:hover{border-color:#3a3a55}.template-library__sort:focus{border-color:#06f}.template-library__sort option{background:#141420;color:#fff}.template-library__view-toggle{display:flex;border:1px solid #2A2A40;border-radius:8px;overflow:hidden}.template-library__view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#6b6b80;cursor:pointer;transition:color .25s ease,background-color .25s ease;border:none;border-right:1px solid #2A2A40}.template-library__view-btn:last-child{border-right:none}.template-library__view-btn:hover{color:#fff}.template-library__view-btn--active{background:#0066ff1a;color:#38f}.template-library__view-btn svg{width:16px;height:16px}.template-library__categories{display:flex;align-items:center;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.template-library__categories::-webkit-scrollbar{width:8px;height:8px}.template-library__categories::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.template-library__categories::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.template-library__categories::-webkit-scrollbar-thumb:hover{background:#3a3a55}.template-library__categories{-webkit-mask-image:linear-gradient(to right,transparent 0px,black 16px,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0px,black 16px,black calc(100% - 16px),transparent 100%);padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px}.template-library__category{padding:4px 16px;font-size:.875rem;font-weight:500;color:#a0a0b8;background:transparent;border:1px solid #2A2A40;border-radius:9999px;white-space:nowrap;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.template-library__category:hover{color:#fff;border-color:#3a3a55;background:#1e1e2e}.template-library__category--active{color:#38f;background:#0066ff1a;border-color:#06f}.template-library__category--active:hover{background:#0066ff26;color:#06f}.template-library__category-count{font-size:.75rem;color:#6b6b80;margin-left:4px}.template-library__active-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.template-library__filter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#0066ff1a;border:1px solid rgba(0,102,255,.2);border-radius:9999px;font-size:.75rem;color:#38f}.template-library__filter-tag-remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:9999px;transition:background-color .25s ease}.template-library__filter-tag-remove:hover{background:#06f3}.template-library__filter-tag-remove svg{width:10px;height:10px}.template-library__clear-filters{font-size:.75rem;color:#6b6b80;cursor:pointer;background:none;border:none;transition:color .25s ease}.template-library__clear-filters:hover{color:#fff}.template-library__results-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.875rem;color:#6b6b80}.template-library__results-count span{color:#fff;font-weight:500}.template-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}@media(min-width:1280px){.template-library__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.template-library__list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.template-library__list-item{display:flex;align-items:center;gap:16px;padding:16px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.template-library__list-item:hover{background:#242440;border-color:#3a3a55}.template-library__list-item-preview{width:120px;height:68px;border-radius:4px;overflow:hidden;background:#0a0a0f;flex-shrink:0}.template-library__list-item-preview img{width:100%;height:100%;object-fit:cover}.template-library__list-item-info{flex:1;min-width:0}.template-library__list-item-name{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:4px}.template-library__list-item-description{font-size:.75rem;color:#6b6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-library__list-item-meta{display:flex;align-items:center;gap:16px;margin-top:4px;font-size:.75rem;color:#6b6b80}.template-library__list-item-actions{display:flex;gap:4px;flex-shrink:0}.template-library__pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:24px;border-top:1px solid #2A2A40}.template-library__page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;border:1px solid transparent;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.template-library__page-btn:hover{background:#1e1e2e;color:#fff}.template-library__page-btn--active{background:#0066ff1a;color:#38f;border-color:#06f}.template-library__page-btn:disabled{opacity:.3;cursor:not-allowed}.template-library__empty{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:48px 32px;text-align:center}.template-library__empty-icon{width:64px;height:64px;border-radius:9999px;background:#1e1e2e;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#6b6b80}.template-library__empty-icon svg{width:32px;height:32px}.template-library__empty-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:8px}.template-library__empty-description{font-size:.875rem;color:#6b6b80;max-width:360px;margin-bottom:24px}.template-editor{display:flex;flex-direction:column;height:100vh;background:#0a0a0f;overflow:hidden}.template-editor__toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#141420;border-bottom:1px solid #2A2A40;flex-shrink:0;z-index:200}.template-editor__toolbar-left{display:flex;align-items:center;gap:8px}.template-editor__toolbar-center{display:flex;align-items:center;gap:4px}.template-editor__toolbar-right{display:flex;align-items:center;gap:8px}.template-editor__back-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#a0a0b8;cursor:pointer;transition:color .25s ease,background-color .25s ease}.template-editor__back-btn:hover{color:#fff;background:#1e1e2e}.template-editor__back-btn svg{width:18px;height:18px}.template-editor__template-name{font-size:.875rem;font-weight:500;color:#fff;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;transition:border-color .25s ease,background-color .25s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.template-editor__template-name:hover{border-color:#2a2a40;background:#0a0a0f}.template-editor__template-name:focus{border-color:#06f;background:#0a0a0f;outline:none}.template-editor__save-status{font-size:.75rem;color:#6b6b80;display:flex;align-items:center;gap:4px}.template-editor__save-status--saving{color:#f59e0b}.template-editor__save-status--saved{color:#22c55e}.template-editor__save-status--error{color:#ef4444}.template-editor__tool-btn{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;transition:color .25s ease,background-color .25s ease;position:relative}.template-editor__tool-btn:hover{color:#fff;background:#1e1e2e}.template-editor__tool-btn--active{color:#38f;background:#0066ff1a}.template-editor__tool-btn svg{width:16px;height:16px}.template-editor__tool-btn:after{content:attr(data-tooltip);position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:2px 8px;background:#2a2a48;color:#fff;font-size:10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:700}.template-editor__tool-btn:hover:after{opacity:1}.template-editor__tool-divider{width:1px;height:20px;background:#2a2a40;margin:0 4px}.template-editor__zoom{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b6b80}.template-editor__zoom-value{min-width:40px;text-align:center;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.template-editor__body{display:flex;flex:1;min-height:0;overflow:hidden}.template-editor__left-panel{width:320px;background:#141420;border-right:1px solid #2A2A40;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}@media(max-width:1023px){.template-editor__left-panel{display:none}}.template-editor__left-panel--collapsed{width:48px}.template-editor__panel-tabs{display:flex;border-bottom:1px solid #2A2A40;flex-shrink:0}.template-editor__panel-tab{flex:1;padding:8px;font-size:.75rem;font-weight:500;color:#6b6b80;text-align:center;cursor:pointer;border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease}.template-editor__panel-tab:hover{color:#fff}.template-editor__panel-tab--active{color:#38f;border-bottom-color:#06f}.template-editor__panel-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.template-editor__panel-content::-webkit-scrollbar{width:8px;height:8px}.template-editor__panel-content::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.template-editor__panel-content::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.template-editor__panel-content::-webkit-scrollbar-thumb:hover{background:#3a3a55}.template-editor__panel-content{padding:8px}.template-editor__canvas-area{flex:1;display:flex;flex-direction:column;min-width:0;background:#0a0a0f;position:relative}.template-editor__canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative;background-image:linear-gradient(45deg,#0D0D15 25%,transparent 25%),linear-gradient(-45deg,#0D0D15 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0D0D15 75%),linear-gradient(-45deg,transparent 75%,#0D0D15 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#111118}.template-editor__right-panel{width:320px;background:#141420;border-left:1px solid #2A2A40;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}@media(max-width:1279px){.template-editor__right-panel{display:none}}.template-editor__right-panel--collapsed{width:48px}.template-editor__properties{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.template-editor__properties::-webkit-scrollbar{width:8px;height:8px}.template-editor__properties::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.template-editor__properties::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.template-editor__properties::-webkit-scrollbar-thumb:hover{background:#3a3a55}.template-editor__property-section{border-bottom:1px solid #2A2A40;padding:16px}.template-editor__property-section:last-child{border-bottom:none}.template-editor__property-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;cursor:pointer}.template-editor__property-header-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.template-editor__property-header-toggle{width:16px;height:16px;color:#6b6b80;transition:transform .25s ease}.template-editor__property-header-toggle--collapsed{transform:rotate(-90deg)}.template-editor__property-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.template-editor__property-row:last-child{margin-bottom:0}.template-editor__property-label{font-size:.75rem;color:#6b6b80;min-width:60px;flex-shrink:0}.template-editor__property-input{flex:1;height:28px;padding:0 8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.template-editor__property-input:focus{border-color:#06f;outline:none}.template-editor__timeline-area{height:120px;background:#141420;border-top:1px solid #2A2A40;flex-shrink:0}@media(max-width:767px){.template-editor__timeline-area{height:80px}}.template-editor__resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background-color .25s ease;flex-shrink:0;position:relative}.template-editor__resize-handle:hover,.template-editor__resize-handle--active{background:#06f}.template-editor__resize-handle:after{content:"";position:absolute;inset:0 -4px}.live-control{width:100%;min-height:calc(100vh - 64px)}.live-control__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.live-control__title-area{display:flex;align-items:center;gap:16px}.live-control__title-area h1{font-size:1.875rem;font-weight:700;color:#fff}.live-control__status{display:flex;align-items:center;gap:8px;padding:4px 16px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.live-control__status--live{background:#ff000026;color:red;border:1px solid rgba(255,0,0,.3);animation:live-status-pulse 2s ease-in-out infinite}.live-control__status--standby{background:#1e1e2e;color:#889;border:1px solid #2A2A40}.live-control__status--offline{background:#1e1e2e;color:#6b6b80;border:1px solid #2A2A40}.live-control__status-dot{width:8px;height:8px;border-radius:9999px;background:currentColor}.live-control__header-actions{display:flex;align-items:center;gap:8px}.live-control__layout{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1280px){.live-control__layout{grid-template-columns:1fr 380px}}.live-control__main{min-width:0}.live-control__sidebar{display:flex;flex-direction:column;gap:16px}.live-control__monitors{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}@media(min-width:1024px){.live-control__monitors{grid-template-columns:repeat(2,1fr)}}.live-control__monitor{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;overflow:hidden}.live-control__monitor--program{border-color:#f006}.live-control__monitor--program .live-control__monitor-label{background:red;color:#fff}.live-control__monitor--preview{border-color:#ffd7004d}.live-control__monitor--preview .live-control__monitor-label{background:gold;color:#000}.live-control__monitor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #2A2A40}.live-control__monitor-label{padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px}.live-control__monitor-info{font-size:.75rem;color:#6b6b80;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.live-control__monitor-viewport{aspect-ratio:16/9;background:#000;position:relative}.live-control__monitor-viewport:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:2px dashed rgba(0,102,255,.4);margin:5%;pointer-events:none;border-radius:2px}.live-control__monitor-empty{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:8px;color:#6b6b80}.live-control__monitor-empty svg{width:32px;height:32px;opacity:.4}.live-control__monitor-empty span{font-size:.75rem}.live-control__transitions{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.live-control__transitions:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.live-control__transitions{margin-bottom:24px;padding:16px}.live-control__transition-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.live-control__transition-header h3{font-size:.875rem;font-weight:600;color:#fff}.live-control__transition-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-control__transition-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}.live-control__transition-btn:active{transform:scale(.97)}.live-control__transition-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.live-control__transition-btn:focus-visible{outline:2px solid #0066FF;outline-offset:2px}.live-control__transition-btn{padding:8px;font-size:.75rem;background:#0a0a0f;border:1px solid #2A2A40;color:#a0a0b8;border-radius:8px;flex-direction:column;gap:4px}.live-control__transition-btn:hover{background:#1e1e2e;border-color:#3a3a55;color:#fff}.live-control__transition-btn--active{border-color:#06f;background:#0066ff1a;color:#38f}.live-control__transition-btn svg{width:20px;height:20px}.live-control__take-btn{width:100%;padding:16px;background:red;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.live-control__take-btn:hover{background:#c00;box-shadow:0 0 20px #f006}.live-control__take-btn:active{transform:scale(.98)}.live-control__take-btn:disabled{background:#1e1e2e;color:#6b6b80;cursor:not-allowed;box-shadow:none}.live-control__overlays{margin-bottom:24px}.live-control__overlay-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80;margin-bottom:8px}.live-control__overlay-list{display:flex;flex-direction:column;gap:8px}.live-control__overlay-card{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.live-control__overlay-card:hover{background:#242440;border-color:#3a3a55}.live-control__overlay-card--active{border-color:#22c55e;background:#22c55e0d;box-shadow:0 0 0 1px #22c55e33}.live-control__overlay-card--on-air{border-color:red;background:#ff00000d;box-shadow:0 0 0 1px #f003}.live-control__overlay-card--on-air .live-control__overlay-status{color:red}.live-control__overlay-card--preview{border-color:gold}.live-control__overlay-preview{width:64px;height:36px;border-radius:4px;background:#0a0a0f;overflow:hidden;flex-shrink:0;border:1px solid #2A2A40}.live-control__overlay-preview img{width:100%;height:100%;object-fit:cover}.live-control__overlay-info{flex:1;min-width:0}.live-control__overlay-name{font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-control__overlay-type{font-size:.75rem;color:#6b6b80}.live-control__overlay-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#889;flex-shrink:0}.live-control__overlay-actions{display:flex;gap:4px;flex-shrink:0}.live-control__status-panel{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.live-control__status-panel:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.live-control__status-panel{padding:16px}.live-control__status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.live-control__status-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#0a0a0f;border-radius:8px;border:1px solid #2A2A40}.live-control__status-item-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.live-control__status-item-value{font-size:1.125rem;font-weight:700;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#fff}.live-control__status-item--healthy .live-control__status-item-value{color:#22c55e}.live-control__status-item--warning .live-control__status-item-value{color:#f59e0b}.live-control__status-item--error .live-control__status-item-value{color:#ef4444}.live-control__connection{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.live-control__connection:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.live-control__connection{padding:16px}.live-control__connection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.live-control__connection-header h3{font-size:.875rem;font-weight:600;color:#fff}.live-control__connection-url{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;color:#a0a0b8;padding:8px;background:#0a0a0f;border-radius:4px;border:1px solid #2A2A40;word-break:break-all;display:flex;align-items:center;justify-content:space-between;gap:8px}.live-control__connection-copy{flex-shrink:0;cursor:pointer;color:#6b6b80;transition:color .25s ease}.live-control__connection-copy:hover{color:#fff}@keyframes live-status-pulse{0%,to{opacity:1}50%{opacity:.6}}.test-mode{width:100%;min-height:calc(100vh - 64px)}.test-mode__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.test-mode__title-area h1{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:4px}.test-mode__title-area p{font-size:.875rem;color:#a0a0b8}.test-mode__header-actions{display:flex;align-items:center;gap:8px}.test-mode__layout{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1280px){.test-mode__layout{grid-template-columns:1fr 400px}}.test-mode__main{min-width:0}.test-mode__controls-panel{display:flex;flex-direction:column;gap:16px}.test-mode__video-area{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.test-mode__video-area:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.test-mode__video-area{padding:0;overflow:hidden;margin-bottom:24px}.test-mode__video-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #2A2A40;background:#141420}.test-mode__video-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80;display:flex;align-items:center;gap:4px}.test-mode__video-resolution{font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80}.test-mode__video-viewport{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.test-mode__video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.test-mode__video-bg--color{background:#1a1a2e}.test-mode__video-bg--gradient{background:linear-gradient(135deg,#0a0a1a,#1a1a3e,#0a1a0a)}.test-mode__video-bg--grid{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-color:#0a0a15}.test-mode__video-bg--image{background-size:cover;background-position:center}.test-mode__overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.test-mode__safe-zone{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.test-mode__safe-zone-action{position:absolute;inset:3.5%;border:1px dashed rgba(0,102,255,.2);border-radius:2px}.test-mode__safe-zone-title{position:absolute;inset:5%;border:1px dashed rgba(255,102,0,.25);border-radius:2px}.test-mode__safe-zone-label{position:absolute;font-size:9px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b8066;text-transform:uppercase;letter-spacing:.05em}.test-mode__video-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #2A2A40;background:#141420}.test-mode__bg-selector{display:flex;gap:4px}.test-mode__bg-option{width:28px;height:28px;border-radius:4px;border:2px solid #2A2A40;cursor:pointer;transition:border-color .25s ease;overflow:hidden}.test-mode__bg-option:hover{border-color:#3a3a55}.test-mode__bg-option--active{border-color:#06f}.test-mode__bg-option--black{background:#000}.test-mode__bg-option--dark{background:#1a1a2e}.test-mode__bg-option--grid{background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:6px 6px;background-color:#0a0a15}.test-mode__bg-option--green{background:#00b140}.test-mode__toggle-guides{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#6b6b80}.test-mode__control-section{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.test-mode__control-section:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.test-mode__control-section{padding:16px}.test-mode__control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.test-mode__control-header h3{font-size:.875rem;font-weight:600;color:#fff}.test-mode__template-selector{margin-bottom:16px}.test-mode__overlay-controls{display:flex;gap:8px;margin-bottom:16px}.test-mode__data-section{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.test-mode__data-section:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.test-mode__data-section{padding:16px}.test-mode__data-field{margin-bottom:16px}.test-mode__data-field:last-child{margin-bottom:0}.test-mode__data-field-label{font-size:.75rem;font-weight:500;color:#6b6b80;margin-bottom:4px;display:flex;align-items:center;gap:4px}.test-mode__data-field-type{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:10px;padding:1px 4px;background:#0a0a0f;border-radius:4px;color:#38f}.test-mode__json-editor{width:100%;min-height:120px;padding:8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1.75;resize:vertical;transition:border-color .25s ease}.test-mode__json-editor:focus{border-color:#06f;outline:none}.test-mode__device-frames{display:flex;gap:8px;margin-bottom:16px}.test-mode__device-frame{padding:4px 8px;font-size:.75rem;color:#6b6b80;background:#0a0a0f;border:1px solid #2A2A40;border-radius:8px;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.test-mode__device-frame:hover{color:#fff;border-color:#3a3a55}.test-mode__device-frame--active{color:#38f;border-color:#06f;background:#0066ff1a}.test-mode__console{background:#1a1a2e;border:1px solid #2A2A40;border-radius:12px;padding:24px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.test-mode__console:hover{background:#242440;border-color:#3a3a55;box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.test-mode__console{padding:0;overflow:hidden}.test-mode__console-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #2A2A40}.test-mode__console-header h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.test-mode__console-output{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.test-mode__console-output::-webkit-scrollbar{width:8px;height:8px}.test-mode__console-output::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.test-mode__console-output::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.test-mode__console-output::-webkit-scrollbar-thumb:hover{background:#3a3a55}.test-mode__console-output{padding:8px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1.75;background:#0a0a0f}.test-mode__console-line{padding:2px 4px;border-radius:4px;color:#a0a0b8}.test-mode__console-line--info{color:#3b82f6}.test-mode__console-line--success{color:#22c55e}.test-mode__console-line--warning{color:#f59e0b}.test-mode__console-line--error{color:#ef4444}.test-mode__console-line-time{color:#6b6b80;margin-right:8px}.login-page{min-height:100vh;display:flex;background:#0a0a0f}.login-page__hero{display:none}@media(min-width:1024px){.login-page__hero{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;padding:48px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#039,#0a0a0f)}.login-page__hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:0}.login-page__hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:9999px;background:radial-gradient(circle,rgba(0,102,255,.15) 0%,transparent 70%);z-index:0}}.login-page__hero-content{position:relative;z-index:1;text-align:center;max-width:480px}.login-page__hero-logo{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#06f,#f60);display:flex;align-items:center;justify-content:center;margin:0 auto 32px}.login-page__hero-logo svg{width:32px;height:32px;color:#fff}.login-page__hero-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.login-page__hero-subtitle{font-size:1rem;color:#a0a0b8;line-height:1.5;margin-bottom:32px}.login-page__hero-features{display:flex;flex-direction:column;gap:16px;text-align:left}.login-page__hero-feature{display:flex;align-items:center;gap:16px;color:#a0a0b8;font-size:.875rem}.login-page__hero-feature-icon{width:36px;height:36px;border-radius:8px;background:#0066ff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#38f}.login-page__hero-feature-icon svg{width:18px;height:18px}.login-page__form-area{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}@media(min-width:1024px){.login-page__form-area{flex:0 0 520px;padding:48px}}.login-page__form-container{width:100%;max-width:400px}.login-page__form-header{text-align:center;margin-bottom:32px}@media(min-width:1024px){.login-page__form-header .login-page__mobile-logo{display:none}}.login-page__mobile-logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#06f,#f60);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.login-page__mobile-logo svg{width:24px;height:24px;color:#fff}.login-page__form-title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:4px}.login-page__form-subtitle{font-size:.875rem;color:#a0a0b8}.login-page__form{width:100%}.login-page__field{margin-bottom:16px}.login-page__label{display:block;font-size:.875rem;font-weight:500;color:#a0a0b8;margin-bottom:4px}.login-page__input{width:100%;height:44px;padding:0 16px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-size:.875rem;transition:border-color .25s ease,box-shadow .25s ease}.login-page__input::placeholder{color:#6b6b80}.login-page__input:hover{border-color:#3a3a55}.login-page__input:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff26;outline:none}.login-page__input--error{border-color:#ef4444}.login-page__input--error:focus{box-shadow:0 0 0 3px #ef444426}.login-page__password-wrapper{position:relative}.login-page__password-wrapper .login-page__input{padding-right:44px}.login-page__password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;border-radius:4px;transition:color .25s ease}.login-page__password-toggle:hover{color:#fff}.login-page__password-toggle svg{width:18px;height:18px}.login-page__field-error{font-size:.75rem;color:#ef4444;margin-top:4px;display:flex;align-items:center;gap:4px}.login-page__options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.login-page__remember{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#a0a0b8;cursor:pointer}.login-page__remember input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid #2A2A40;border-radius:4px;background:#12121e;cursor:pointer;position:relative;transition:background-color .25s ease,border-color .25s ease}.login-page__remember input[type=checkbox]:checked{background:#06f;border-color:#06f}.login-page__remember input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:4px;width:5px;height:8px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-page__forgot{font-size:.875rem;color:#38f;cursor:pointer;transition:color .25s ease}.login-page__forgot:hover{color:#06f;text-decoration:underline}.login-page__submit{width:100%;height:44px;background:#06f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease;position:relative}.login-page__submit:hover{background:#04c;box-shadow:0 0 20px #0066ff4d}.login-page__submit:active{transform:scale(.98)}.login-page__submit:disabled{opacity:.6;cursor:not-allowed}.login-page__submit--loading{color:transparent;pointer-events:none}.login-page__submit--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:login-spinner .7s linear infinite}.login-page__divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:#2a2a40}.login-page__divider span{font-size:.75rem;color:#6b6b80;white-space:nowrap}.login-page__social{display:flex;flex-direction:column;gap:8px}.login-page__social-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:#1a1a2e;border:1px solid #2A2A40;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.login-page__social-btn:hover{background:#242440;border-color:#3a3a55}.login-page__social-btn svg{width:18px;height:18px}.login-page__footer{text-align:center;margin-top:32px;font-size:.875rem;color:#6b6b80}.login-page__footer a{color:#38f;font-weight:500;transition:color .25s ease}.login-page__footer a:hover{color:#06f;text-decoration:underline}.login-page__error-alert{display:flex;align-items:flex-start;gap:8px;padding:16px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px;font-size:.875rem;color:#ef4444;animation:login-shake .4s ease}.login-page__error-alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}@keyframes login-spinner{to{transform:rotate(360deg)}}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.streams-page{min-height:100%}.animate-spin{animation:spin 1s linear infinite}.demo-preview{min-height:100%}.editor-canvas{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.editor-canvas__frame{position:relative;background:#000;box-shadow:0 25px 50px #0000008c;border:1px solid #2A2A40;overflow:hidden}.editor-canvas__frame--hd{width:960px;height:540px}.editor-canvas__frame--full-hd{width:1920px;height:1080px}.editor-canvas__frame{transform-origin:center center;transition:transform .1s ease}.editor-canvas__grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .15s ease}.editor-canvas__grid--visible{opacity:1}.editor-canvas__grid--fine{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:10px 10px}.editor-canvas__grid--coarse{background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:50px 50px}.editor-canvas__grid--combined{background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.editor-canvas__ruler{position:absolute;background:#141420;z-index:10}.editor-canvas__ruler--horizontal{top:0;left:24px;right:0;height:24px;border-bottom:1px solid #2A2A40}.editor-canvas__ruler--vertical{top:24px;left:0;bottom:0;width:24px;border-right:1px solid #2A2A40}.editor-canvas__ruler-corner{position:absolute;top:0;left:0;width:24px;height:24px;background:#141420;border-right:1px solid #2A2A40;border-bottom:1px solid #2A2A40;z-index:11}.editor-canvas__ruler-tick{position:absolute;color:#6b6b80;font-size:9px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;pointer-events:none}.editor-canvas__ruler-mark{position:absolute;background:#6b6b804d}.editor-canvas__ruler--horizontal .editor-canvas__ruler-mark{width:1px;bottom:0;height:6px}.editor-canvas__ruler--horizontal .editor-canvas__ruler-mark--major{height:12px;background:#6b6b8080}.editor-canvas__ruler--vertical .editor-canvas__ruler-mark{height:1px;right:0;width:6px}.editor-canvas__ruler--vertical .editor-canvas__ruler-mark--major{width:12px;background:#6b6b8080}.editor-canvas__safe-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity .15s ease}.editor-canvas__safe-zones--visible{opacity:1}.editor-canvas__safe-zone{position:absolute;border:1px dashed;border-radius:2px}.editor-canvas__safe-zone--action{inset:3.5%;border-color:#0066ff59}.editor-canvas__safe-zone--action:after{content:"ACTION SAFE";position:absolute;top:-18px;left:4px;font-size:9px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#0066ff80;letter-spacing:.05em}.editor-canvas__safe-zone--title{inset:5%;border-color:#ff660059}.editor-canvas__safe-zone--title:after{content:"TITLE SAFE";position:absolute;top:-18px;left:4px;font-size:9px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#ff660080;letter-spacing:.05em}.editor-canvas__center-cross{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .15s ease}.editor-canvas__center-cross--visible{opacity:1}.editor-canvas__center-cross:before,.editor-canvas__center-cross:after{content:"";position:absolute;background:#06f3}.editor-canvas__center-cross:before{width:1px;top:0;bottom:0;left:50%}.editor-canvas__center-cross:after{height:1px;left:0;right:0;top:50%}.editor-canvas__selection-box{position:absolute;border:1px solid #0066FF;background:#0066ff14;z-index:20;pointer-events:none}.editor-canvas__transform-handles{position:absolute;z-index:21;border:1px solid #0066FF;pointer-events:none}.editor-canvas__handle{position:absolute;width:8px;height:8px;background:#fff;border:1px solid #0066FF;border-radius:1px;pointer-events:auto;z-index:22}.editor-canvas__handle--nw{top:-4px;left:-4px;cursor:nw-resize}.editor-canvas__handle--n{top:-4px;left:50%;margin-left:-4px;cursor:n-resize}.editor-canvas__handle--ne{top:-4px;right:-4px;cursor:ne-resize}.editor-canvas__handle--e{top:50%;right:-4px;margin-top:-4px;cursor:e-resize}.editor-canvas__handle--se{bottom:-4px;right:-4px;cursor:se-resize}.editor-canvas__handle--s{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.editor-canvas__handle--sw{bottom:-4px;left:-4px;cursor:sw-resize}.editor-canvas__handle--w{top:50%;left:-4px;margin-top:-4px;cursor:w-resize}.editor-canvas__handle--rotate{top:-28px;left:50%;margin-left:-4px;border-radius:9999px;cursor:grab;background:#06f;border-color:#fff}.editor-canvas__handle--rotate:before{content:"";position:absolute;top:100%;left:50%;width:1px;height:20px;background:#06f;margin-left:-.5px}.editor-canvas__guide{position:absolute;z-index:15;pointer-events:none}.editor-canvas__guide--horizontal{left:0;right:0;height:1px;background:#f609}.editor-canvas__guide--vertical{top:0;bottom:0;width:1px;background:#f609}.editor-canvas__guide--smart{background:#0066ffb3}.editor-canvas__zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;background:#141420;border:1px solid #2A2A40;border-radius:8px;padding:4px;z-index:30}.editor-canvas__zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#a0a0b8;cursor:pointer;transition:color .25s ease,background-color .25s ease}.editor-canvas__zoom-btn:hover{color:#fff;background:#1e1e2e}.editor-canvas__zoom-btn svg{width:14px;height:14px}.editor-canvas__zoom-value{font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80;min-width:44px;text-align:center;padding:0 4px}.editor-canvas__info-bar{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:16px;background:#141420;border:1px solid #2A2A40;border-radius:8px;padding:4px 8px;z-index:30;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80}.editor-canvas__info-item{display:flex;align-items:center;gap:4px}.editor-canvas__info-item span{color:#a0a0b8}.editor-timeline{display:flex;flex-direction:column;height:100%;background:#141420;-webkit-user-select:none;user-select:none}.editor-timeline__toolbar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 16px;border-bottom:1px solid #2A2A40;flex-shrink:0}.editor-timeline__playback{display:flex;align-items:center;gap:4px}.editor-timeline__play-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#a0a0b8;cursor:pointer;transition:color .25s ease,background-color .25s ease}.editor-timeline__play-btn:hover{color:#fff;background:#1e1e2e}.editor-timeline__play-btn--active{color:#38f}.editor-timeline__play-btn svg{width:14px;height:14px}.editor-timeline__time-display{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;color:#a0a0b8;padding:2px 8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;min-width:80px;text-align:center}.editor-timeline__time-display-current{color:#fff}.editor-timeline__time-display-separator{color:#6b6b80;margin:0 2px}.editor-timeline__time-display-total{color:#6b6b80}.editor-timeline__toolbar-right{display:flex;align-items:center;gap:8px}.editor-timeline__speed{font-size:.75rem;color:#6b6b80;padding:2px 4px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;cursor:pointer;transition:color .25s ease,border-color .25s ease}.editor-timeline__speed:hover{color:#fff;border-color:#3a3a55}.editor-timeline__duration-input{width:60px;height:24px;padding:0 4px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;text-align:center}.editor-timeline__duration-input:focus{border-color:#06f;outline:none}.editor-timeline__body{flex:1;display:flex;min-height:0;overflow:hidden}.editor-timeline__track-labels{width:160px;flex-shrink:0;border-right:1px solid #2A2A40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.editor-timeline__track-labels::-webkit-scrollbar{width:8px;height:8px}.editor-timeline__track-labels::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.editor-timeline__track-labels::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.editor-timeline__track-labels::-webkit-scrollbar-thumb:hover{background:#3a3a55}.editor-timeline__track-label{display:flex;align-items:center;gap:4px;height:32px;padding:0 8px;border-bottom:1px solid #2A2A40;font-size:.75rem;color:#a0a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-timeline__track-label:hover{background:#1e1e2e;color:#fff}.editor-timeline__track-label--selected{background:#0066ff14;color:#38f}.editor-timeline__track-label-icon{width:14px;height:14px;flex-shrink:0;color:#6b6b80}.editor-timeline__track-label-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-timeline__track-label-visibility{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .25s ease}.editor-timeline__track-label-visibility:hover{color:#fff}.editor-timeline__track-label-visibility--hidden{opacity:.3}.editor-timeline__track-label-visibility svg{width:12px;height:12px}.editor-timeline__timeline-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.editor-timeline__timeline-area::-webkit-scrollbar{width:8px;height:8px}.editor-timeline__timeline-area::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.editor-timeline__timeline-area::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.editor-timeline__timeline-area::-webkit-scrollbar-thumb:hover{background:#3a3a55}.editor-timeline__timeline-area{position:relative}.editor-timeline__ruler{height:24px;background:#0a0a0f;border-bottom:1px solid #2A2A40;position:relative;flex-shrink:0;cursor:pointer}.editor-timeline__ruler-tick{position:absolute;bottom:0;width:1px;background:#6b6b8033;height:6px}.editor-timeline__ruler-tick--major{height:12px;background:#6b6b8066}.editor-timeline__ruler-label{position:absolute;top:2px;font-size:9px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80;transform:translate(-50%);white-space:nowrap}.editor-timeline__tracks{flex:1;position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.editor-timeline__tracks::-webkit-scrollbar{width:8px;height:8px}.editor-timeline__tracks::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.editor-timeline__tracks::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.editor-timeline__tracks::-webkit-scrollbar-thumb:hover{background:#3a3a55}.editor-timeline__track{height:32px;border-bottom:1px solid #2A2A40;position:relative}.editor-timeline__track--selected{background:#0066ff0a}.editor-timeline__keyframe{position:absolute;top:50%;width:10px;height:10px;background:#f60;border:1px solid rgb(204,81.6,0);transform:translate(-50%) translateY(-50%) rotate(45deg);cursor:pointer;z-index:5;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.editor-timeline__keyframe:hover{background:#ff8533;box-shadow:0 0 6px #ff660080;transform:translate(-50%) translateY(-50%) rotate(45deg) scale(1.3)}.editor-timeline__keyframe--selected{background:#06f;border-color:#04c;box-shadow:0 0 8px #0066ff80}.editor-timeline__keyframe--ease-in{border-radius:0 0 2px}.editor-timeline__keyframe--ease-out{border-radius:2px 0 0}.editor-timeline__keyframe--ease-in-out{border-radius:2px}.editor-timeline__keyframe-range{position:absolute;top:50%;height:4px;margin-top:-2px;background:#ff66004d;border-radius:9999px;z-index:4}.editor-timeline__playhead{position:absolute;top:0;bottom:0;width:1px;background:red;z-index:20;pointer-events:none}.editor-timeline__playhead:before{content:"";position:absolute;top:-2px;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FF0000}.editor-timeline__scrubber{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer}.editor-timeline__scrubber:active{cursor:grabbing}.editor-timeline__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#6b6b80;font-size:.75rem;gap:8px;padding:16px}.editor-timeline__empty svg{width:16px;height:16px;opacity:.4}.layer-manager{display:flex;flex-direction:column;height:100%}.layer-manager__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #2A2A40;flex-shrink:0}.layer-manager__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.layer-manager__actions{display:flex;align-items:center;gap:2px}.layer-manager__action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b6b80;cursor:pointer;transition:color .25s ease,background-color .25s ease}.layer-manager__action-btn:hover{color:#fff;background:#1e1e2e}.layer-manager__action-btn--active{color:#38f}.layer-manager__action-btn svg{width:14px;height:14px}.layer-manager__search{padding:4px 8px;border-bottom:1px solid #2A2A40;flex-shrink:0}.layer-manager__search-input{width:100%;height:28px;padding:0 8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem}.layer-manager__search-input::placeholder{color:#6b6b80}.layer-manager__search-input:focus{border-color:#06f;outline:none}.layer-manager__list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}.layer-manager__list::-webkit-scrollbar{width:8px;height:8px}.layer-manager__list::-webkit-scrollbar-track{background:#141420;border-radius:9999px}.layer-manager__list::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}.layer-manager__list::-webkit-scrollbar-thumb:hover{background:#3a3a55}.layer-manager__list{padding:4px 0}.layer-manager__item{display:flex;align-items:center;gap:4px;height:32px;padding:0 4px 0 0;cursor:pointer;transition:background-color .25s ease;position:relative}.layer-manager__item:hover{background:#1e1e2e}.layer-manager__item:hover .layer-manager__drag-handle,.layer-manager__item:hover .layer-manager__item-actions{opacity:1}.layer-manager__item--selected{background:#0066ff1a;border-right:2px solid #0066FF}.layer-manager__item--selected:hover{background:#0066ff26}.layer-manager__item--dragging{opacity:.5;background:#0066ff0d}.layer-manager__item--drop-target:after{content:"";position:absolute;left:0;right:0;height:2px;background:#06f}.layer-manager__item--drop-target--above:after{top:-1px}.layer-manager__item--drop-target--below:after{bottom:-1px}.layer-manager__item--hidden{opacity:.4}.layer-manager__item--locked .layer-manager__item-name{color:#6b6b80;font-style:italic}.layer-manager__item--depth-1{padding-left:20px}.layer-manager__item--depth-2{padding-left:36px}.layer-manager__item--depth-3{padding-left:52px}.layer-manager__drag-handle{width:20px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:grab;opacity:0;transition:opacity .25s ease;flex-shrink:0}.layer-manager__drag-handle:active{cursor:grabbing}.layer-manager__drag-handle svg{width:10px;height:10px}.layer-manager__drag-handle:before{content:"";display:block;width:6px;height:14px;background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:3px 3px}.layer-manager__type-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6b6b80}.layer-manager__type-icon svg{width:14px;height:14px}.layer-manager__type-icon--text{color:#a78bfa}.layer-manager__type-icon--image{color:#34d399}.layer-manager__type-icon--shape{color:#60a5fa}.layer-manager__type-icon--video{color:#f472b6}.layer-manager__type-icon--group{color:#f60}.layer-manager__type-icon--ticker{color:#f59e0b}.layer-manager__group-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;flex-shrink:0;transition:transform .25s ease}.layer-manager__group-toggle--expanded{transform:rotate(90deg)}.layer-manager__group-toggle svg{width:10px;height:10px}.layer-manager__item-name{flex:1;font-size:.75rem;color:#a0a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.layer-manager__item--selected .layer-manager__item-name{color:#fff;font-weight:500}.layer-manager__item-name-input{flex:1;height:22px;padding:0 4px;background:#0a0a0f;border:1px solid #0066FF;border-radius:4px;color:#fff;font-size:.75rem;outline:none;min-width:0}.layer-manager__item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .25s ease;flex-shrink:0}.layer-manager__item--selected .layer-manager__item-actions,.layer-manager__item:hover .layer-manager__item-actions{opacity:1}.layer-manager__visibility-btn,.layer-manager__lock-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b6b80;cursor:pointer;transition:color .25s ease,background-color .25s ease}.layer-manager__visibility-btn:hover,.layer-manager__lock-btn:hover{color:#fff;background:#ffffff0d}.layer-manager__visibility-btn svg,.layer-manager__lock-btn svg{width:12px;height:12px}.layer-manager__visibility-btn--active,.layer-manager__lock-btn--active{color:#38f}.layer-manager__visibility-btn--off,.layer-manager__lock-btn--off{color:#6b6b80;opacity:.4}.layer-manager__footer{border-top:1px solid #2A2A40;padding:4px 8px;flex-shrink:0}.layer-manager__add-btn{width:100%;padding:4px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.75rem;color:#6b6b80;border:1px dashed #2A2A40;border-radius:4px;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease}.layer-manager__add-btn:hover{color:#fff;border-color:#3a3a55;background:#1e1e2e}.layer-manager__add-btn svg{width:12px;height:12px}.layer-manager__empty{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:32px 16px;text-align:center;color:#6b6b80;gap:8px}.layer-manager__empty svg{width:24px;height:24px;opacity:.3}.layer-manager__empty p{font-size:.75rem}.layer-manager__context-menu{position:fixed;z-index:600;min-width:180px;background:#141420;border:1px solid #2A2A40;border-radius:8px;box-shadow:0 20px 25px #00000073,0 8px 10px #0000004d;padding:4px;animation:layer-context-fade-in .1s ease}.layer-manager__context-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;color:#a0a0b8;border-radius:4px;cursor:pointer;transition:color .25s ease,background-color .25s ease}.layer-manager__context-item:hover{color:#fff;background:#1e1e2e}.layer-manager__context-item--danger{color:#ef4444}.layer-manager__context-item--danger:hover{background:#ef44441f}.layer-manager__context-item--disabled{opacity:.4;pointer-events:none}.layer-manager__context-item svg{width:14px;height:14px;flex-shrink:0}.layer-manager__context-item-shortcut{margin-left:auto;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:10px;color:#6b6b80}.layer-manager__context-divider{height:1px;background:#2a2a40;margin:4px 0}@keyframes layer-context-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.editor-controls__section{border-bottom:1px solid #2A2A40}.editor-controls__section:last-child{border-bottom:none}.editor-controls__section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;transition:background-color .25s ease}.editor-controls__section-header:hover{background:#ffffff05}.editor-controls__section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b6b80}.editor-controls__section-toggle{width:16px;height:16px;color:#6b6b80;transition:transform .25s ease}.editor-controls__section-toggle--collapsed{transform:rotate(-90deg)}.editor-controls__section-body{padding:0 16px 16px}.editor-controls__section-body--collapsed{display:none}.editor-controls__row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.editor-controls__row:last-child{margin-bottom:0}.editor-controls__row--stacked{flex-direction:column;align-items:stretch}.editor-controls__label{font-size:.75rem;color:#6b6b80;min-width:56px;flex-shrink:0;white-space:nowrap}.editor-controls__number-input{display:flex;align-items:center;height:28px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;overflow:hidden;flex:1}.editor-controls__number-input:focus-within{border-color:#06f}.editor-controls__number-input input{width:100%;height:100%;padding:0 4px;background:transparent;border:none;color:#fff;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;text-align:center}.editor-controls__number-input input:focus{outline:none}.editor-controls__number-input-unit{font-size:10px;color:#6b6b80;padding-right:4px;flex-shrink:0}.editor-controls__number-input-prefix{font-size:10px;color:#6b6b80;padding-left:4px;flex-shrink:0}.editor-controls__linked-inputs{display:flex;align-items:center;gap:4px;flex:1}.editor-controls__link-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;border-radius:4px;transition:color .25s ease,background-color .25s ease}.editor-controls__link-btn:hover{color:#fff;background:#1e1e2e}.editor-controls__link-btn--active{color:#38f}.editor-controls__link-btn svg{width:12px;height:12px}.editor-controls__text-input{flex:1;height:28px;padding:0 8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem}.editor-controls__text-input:focus{border-color:#06f;outline:none}.editor-controls__text-input--mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.editor-controls__color-input{display:flex;align-items:center;gap:4px;flex:1}.editor-controls__color-swatch{width:28px;height:28px;border-radius:4px;border:1px solid #2A2A40;cursor:pointer;transition:border-color .25s ease;flex-shrink:0;position:relative;overflow:hidden}.editor-controls__color-swatch:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#999;z-index:0}.editor-controls__color-swatch-fill{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.editor-controls__color-swatch:hover{border-color:#3a3a55}.editor-controls__color-value{height:28px;padding:0 4px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;width:80px}.editor-controls__color-value:focus{border-color:#06f;outline:none}.editor-controls__opacity-slider{flex:1;min-width:40px}.editor-controls__select{flex:1;height:28px;padding:0 24px 0 8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;color:#fff;font-size:.75rem;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B6B80' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.editor-controls__select:focus{border-color:#06f;outline:none}.editor-controls__select option{background:#141420}.editor-controls__slider{flex:1;appearance:none;height:4px;background:#1e1e2e;border-radius:9999px;outline:none;cursor:pointer}.editor-controls__slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:9999px;background:#fff;border:2px solid #141420;cursor:pointer}.editor-controls__slider::-moz-range-thumb{width:14px;height:14px;border-radius:9999px;background:#fff;border:2px solid #141420;cursor:pointer}.editor-controls__slider-wrapper{display:flex;align-items:center;gap:4px;flex:1}.editor-controls__slider-wrapper-value{font-size:10px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#6b6b80;min-width:32px;text-align:right}.editor-controls__btn-group{display:flex;border:1px solid #2A2A40;border-radius:4px;overflow:hidden;flex-shrink:0}.editor-controls__btn-group-item{width:28px;height:26px;display:flex;align-items:center;justify-content:center;background:#0a0a0f;color:#6b6b80;cursor:pointer;border-right:1px solid #2A2A40;transition:color .25s ease,background-color .25s ease}.editor-controls__btn-group-item:last-child{border-right:none}.editor-controls__btn-group-item:hover{color:#fff;background:#1e1e2e}.editor-controls__btn-group-item--active{color:#38f;background:#0066ff1a}.editor-controls__btn-group-item svg{width:12px;height:12px}.editor-controls__element-library{padding:8px}.editor-controls__element-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.editor-controls__element-item{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:4px;padding:8px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:8px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.editor-controls__element-item:hover{background:#1e1e2e;border-color:#3a3a55}.editor-controls__element-item-icon{width:24px;height:24px;color:#a0a0b8}.editor-controls__element-item-label{font-size:10px;color:#6b6b80}.editor-controls__data-binding-field{display:flex;align-items:center;gap:4px;padding:4px;background:#0a0a0f;border:1px solid #2A2A40;border-radius:4px;margin-bottom:4px}.editor-controls__data-binding-field:last-child{margin-bottom:0}.editor-controls__data-binding-field-icon{width:14px;height:14px;color:#38f;flex-shrink:0}.editor-controls__data-binding-field-key{font-size:.75rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#38f}.editor-controls__data-binding-field-arrow{color:#6b6b80;font-size:10px;flex-shrink:0}.editor-controls__data-binding-field-target{font-size:.75rem;color:#a0a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-controls__no-selection{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:48px 16px;text-align:center;gap:16px}.editor-controls__no-selection-icon{width:40px;height:40px;border-radius:9999px;background:#1e1e2e;display:flex;align-items:center;justify-content:center;color:#6b6b80}.editor-controls__no-selection-icon svg{width:20px;height:20px}.editor-controls__no-selection-text{font-size:.75rem;color:#6b6b80;line-height:1.5}.overlay-renderer{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay-renderer *{pointer-events:none}.overlay-renderer--interactive *{pointer-events:auto}.overlay-element{position:absolute;display:flex;transform-origin:center center}.overlay-element--hidden{opacity:0;visibility:hidden}.overlay-lower-third{position:absolute;bottom:8%;left:5%;display:flex;flex-direction:column;max-width:50%}.overlay-lower-third__accent-bar{width:48px;height:4px;background:#06f;border-radius:2px;margin-bottom:8px}.overlay-lower-third__primary-line{font-size:32px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:4px}.overlay-lower-third__secondary-line{font-size:20px;font-weight:400;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.overlay-lower-third--boxed{background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 24px;border-radius:6px;border-left:4px solid #0066FF}.overlay-lower-third--boxed .overlay-lower-third__accent-bar{display:none}.overlay-lower-third--gradient:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06f,#f60);border-radius:2px}.overlay-lower-third--gradient{padding-bottom:12px}.overlay-nameplate{position:absolute;bottom:10%;left:5%;display:flex;align-items:stretch;max-width:45%;box-shadow:0 4px 20px #0006}.overlay-nameplate__color-tab{width:6px;background:#06f;flex-shrink:0}.overlay-nameplate__content{background:#0a0a14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;display:flex;flex-direction:column;justify-content:center}.overlay-nameplate__name{font-size:26px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap}.overlay-nameplate__title{font-size:16px;font-weight:400;color:#38f;white-space:nowrap;margin-top:2px}.overlay-nameplate__logo{width:56px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;padding:8px;flex-shrink:0}.overlay-nameplate__logo img,.overlay-nameplate__logo svg{max-width:100%;max-height:100%}.overlay-ticker{position:absolute;bottom:0;left:0;right:0;height:48px;background:#0a0a14e6;border-top:2px solid #0066FF;display:flex;align-items:center;overflow:hidden}.overlay-ticker__label{padding:0 16px;background:#06f;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.overlay-ticker__content{flex:1;overflow:hidden;white-space:nowrap;display:flex;align-items:center;height:100%}.overlay-ticker__scroll{display:flex;align-items:center;animation:ticker-scroll var(--ticker-speed, 30s) linear infinite;padding-left:100%}.overlay-ticker__item{font-size:18px;color:#fff;white-space:nowrap;padding-right:64px}.overlay-ticker__item-separator{color:#06f;margin:0 32px}.overlay-ticker__clock{padding:0 16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;border-left:1px solid rgba(255,255,255,.1);height:100%;display:flex;align-items:center;justify-content:center}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.overlay-scoreboard{position:absolute;top:5%;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background:#0a0a14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;overflow:hidden;box-shadow:0 4px 24px #00000080}.overlay-scoreboard__team{padding:8px 20px;display:flex;align-items:center;justify-content:center;gap:12px;min-width:140px}.overlay-scoreboard__team-logo{width:32px;height:32px}.overlay-scoreboard__team-logo img{width:100%;height:100%;object-fit:contain}.overlay-scoreboard__team-name{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase}.overlay-scoreboard__score{display:flex;align-items:center;justify-content:center;padding:0 16px;background:#ffffff0d;min-width:80px}.overlay-scoreboard__score-value{font-size:36px;font-weight:700;color:#fff;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-variant-numeric:tabular-nums}.overlay-scoreboard__score-separator{font-size:24px;color:#6b6b80;margin:0 8px}.overlay-scoreboard__info{display:flex;align-items:center;justify-content:center;padding:0 16px;border-left:1px solid rgba(255,255,255,.08)}.overlay-scoreboard__info-text{font-size:14px;color:#38f;font-weight:500}.overlay-bug{position:absolute;top:5%;right:3%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;opacity:.7}.overlay-bug img,.overlay-bug svg{max-width:100%;max-height:100%}.overlay-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;align-items:center;justify-content:center;display:flex;flex-direction:column;background:#000000d9;text-align:center;padding:10%}.overlay-fullscreen__title{font-size:64px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px}.overlay-fullscreen__subtitle{font-size:28px;color:#ffffffb3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}}@keyframes bounce-dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes breathe{0%,to{box-shadow:0 0 #06f6}50%{box-shadow:0 0 0 8px #06f0}}@keyframes recording-pulse{0%,to{opacity:1;box-shadow:0 0 #f009}50%{opacity:.6;box-shadow:0 0 0 6px #f000}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes overlay-slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}@keyframes overlay-slide-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes overlay-slide-in-bottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-slide-out-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes overlay-slide-in-top{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes overlay-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes overlay-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes overlay-wipe-in-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes overlay-wipe-out-right{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes overlay-wipe-in-bottom{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes overlay-reveal-horizontal{0%{max-width:0;opacity:0}to{max-width:800px;opacity:1}}@keyframes overlay-text-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes overlay-pop-in{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.anim-spin{animation:spin 1s linear infinite}.anim-pulse{animation:pulse 1.5s ease-in-out infinite}.anim-breathe{animation:breathe 2s ease-in-out infinite}.anim-recording{animation:recording-pulse 1.5s ease-in-out infinite}.anim-bounce-loader{display:flex;align-items:center;gap:4px}.anim-bounce-loader span{width:6px;height:6px;background:#06f;border-radius:9999px;animation:bounce-dot 1.4s ease-in-out infinite}.anim-bounce-loader span:nth-child(1){animation-delay:-.32s}.anim-bounce-loader span:nth-child(2){animation-delay:-.16s}.anim-bounce-loader span:nth-child(3){animation-delay:0}.anim-skeleton{background:linear-gradient(90deg,#1e1e2e 25%,#242440,#1e1e2e 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.anim-progress-bar{position:relative;height:3px;background:#1e1e2e;border-radius:9999px;overflow:hidden}.anim-progress-bar:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:#06f;border-radius:9999px;animation:progress-indeterminate 1.5s ease-in-out infinite}.overlay-enter--fade{animation:overlay-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--slide-left{animation:overlay-slide-in-left .5s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--slide-right{animation:overlay-slide-in-right .5s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--slide-up{animation:overlay-slide-in-bottom .5s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--slide-down{animation:overlay-slide-in-top .5s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--scale{animation:overlay-scale-in .4s cubic-bezier(.16,1,.3,1) forwards}.overlay-enter--wipe-left{animation:overlay-wipe-in-left .6s cubic-bezier(.4,0,.2,1) forwards}.overlay-enter--wipe-up{animation:overlay-wipe-in-bottom .6s cubic-bezier(.4,0,.2,1) forwards}.overlay-enter--pop{animation:overlay-pop-in .5s cubic-bezier(.16,1,.3,1) forwards}.overlay-exit--fade{animation:overlay-fade-out .3s ease-in forwards}.overlay-exit--slide-left{animation:overlay-slide-out-left .4s ease-in forwards}.overlay-exit--slide-right{animation:overlay-slide-out-right .4s ease-in forwards}.overlay-exit--slide-down{animation:overlay-slide-out-bottom .4s ease-in forwards}.overlay-exit--slide-up{animation:overlay-slide-out-top .4s ease-in forwards}.overlay-exit--scale{animation:overlay-scale-out .3s ease-in forwards}.overlay-exit--wipe-right{animation:overlay-wipe-out-right .5s cubic-bezier(.4,0,.2,1) forwards}.transparent-output{width:100vw;height:100vh;background:transparent;overflow:hidden;margin:0;padding:0;position:relative}.transparent-output::-webkit-scrollbar{display:none}.transparent-output,.transparent-output:before,.transparent-output:after{background-color:transparent!important}body.transparent-output-body{margin:0;padding:0;background:transparent!important;overflow:hidden;width:100vw;height:100vh}body.transparent-output-body #root{background:transparent!important;min-height:auto}body.transparent-output-body .header,body.transparent-output-body .sidebar,body.transparent-output-body .toast-container,body.transparent-output-body .modal-overlay{display:none!important}.transparent-canvas{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.transparent-canvas--fullscreen{width:100vw;height:100vh}.transparent-canvas--1080p{width:1920px;height:1080px}.transparent-canvas--720p{width:1280px;height:720px}.transparent-canvas--4k{width:3840px;height:2160px}.transparent-canvas__layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.transparent-canvas__layer--z-0{z-index:0}.transparent-canvas__layer--z-1{z-index:1}.transparent-canvas__layer--z-2{z-index:2}.transparent-canvas__layer--z-3{z-index:3}.transparent-canvas__layer--z-4{z-index:4}.transparent-canvas__layer--z-5{z-index:5}.transparent-canvas__layer--z-10{z-index:10}.transparent-canvas__layer--z-20{z-index:20}.transparent-canvas__debug{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;display:none}.transparent-canvas__debug--visible{display:block}.transparent-canvas__debug-action-safe{position:absolute;inset:3.5%;border:1px dashed rgba(0,128,255,.4)}.transparent-canvas__debug-title-safe{position:absolute;inset:5%;border:1px dashed rgba(255,165,0,.4)}.transparent-canvas__debug-center:before,.transparent-canvas__debug-center:after{content:"";position:absolute}.transparent-canvas__debug-center:before{width:1px;top:10%;bottom:10%;left:50%;background:#ff000026}.transparent-canvas__debug-center:after{height:1px;left:10%;right:10%;top:50%;background:#ff000026}.transparent-canvas__debug-reg-mark{position:absolute;width:20px;height:20px}.transparent-canvas__debug-reg-mark:before,.transparent-canvas__debug-reg-mark:after{content:"";position:absolute;background:#fff3}.transparent-canvas__debug-reg-mark--tl{top:3.5%;left:3.5%}.transparent-canvas__debug-reg-mark--tl:before{width:100%;height:1px;top:0;left:0}.transparent-canvas__debug-reg-mark--tl:after{width:1px;height:100%;top:0;left:0}.transparent-canvas__debug-reg-mark--tr{top:3.5%;right:3.5%}.transparent-canvas__debug-reg-mark--tr:before{width:100%;height:1px;top:0;right:0}.transparent-canvas__debug-reg-mark--tr:after{width:1px;height:100%;top:0;right:0}.transparent-canvas__debug-reg-mark--bl{bottom:3.5%;left:3.5%}.transparent-canvas__debug-reg-mark--bl:before{width:100%;height:1px;bottom:0;left:0}.transparent-canvas__debug-reg-mark--bl:after{width:1px;height:100%;bottom:0;left:0}.transparent-canvas__debug-reg-mark--br{bottom:3.5%;right:3.5%}.transparent-canvas__debug-reg-mark--br:before{width:100%;height:1px;bottom:0;right:0}.transparent-canvas__debug-reg-mark--br:after{width:1px;height:100%;bottom:0;right:0}.transparent-canvas__debug-info{position:absolute;top:8px;left:8px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:10px;color:#ffffff4d;background:#0000004d;padding:4px 8px;border-radius:3px;z-index:101;line-height:1.6}.transparent-canvas--checkerboard{background-image:linear-gradient(45deg,#1a1a2e 25%,transparent 25%),linear-gradient(-45deg,#1a1a2e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a2e 75%),linear-gradient(-45deg,transparent 75%,#1a1a2e 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#12121e}.transparent-canvas--output{background:transparent!important;background-image:none!important}.transparent-canvas,.transparent-canvas *{will-change:auto}.transparent-canvas__layer{transform:translateZ(0);backface-visibility:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;tab-size:4}body{min-height:100vh;background-color:#0a0a0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track{background:#141420;border-radius:9999px}body::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}body::-webkit-scrollbar-thumb:hover{background:#3a3a55}#root{min-height:100vh;display:flex;flex-direction:column}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}img,video,canvas,svg{display:block;max-width:100%}img{height:auto}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0;margin:0}fieldset{border:none;padding:0;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}*{scrollbar-width:thin;scrollbar-color:#2A2A40 #141420}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#141420;border-radius:9999px}*::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:9999px;border:2px solid #141420}*::-webkit-scrollbar-thumb:hover{background:#3a3a55}.app-layout{display:flex;min-height:100vh;background:#0a0a0f}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:64px;transition:margin-left .25s ease}@media(min-width:1024px){.app-content{margin-left:260px}}.app-content--sidebar-collapsed{margin-left:64px}.app-content--no-sidebar{margin-left:0}.app-main{flex:1;padding:88px 24px 24px;min-height:calc(100vh - 64px)}@media(min-width:1024px){.app-main{padding:96px 32px 32px}}.app-main--player{padding:64px 0 0;overflow:hidden}.page{width:100%;max-width:1440px}.page__header{margin-bottom:32px}@media(min-width:1024px){.page__header{display:flex;align-items:center;justify-content:space-between}}.page__title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:4px}.page__subtitle{font-size:.875rem;color:#a0a0b8}.page__actions{display:flex;align-items:center;gap:8px;margin-top:16px}@media(min-width:1024px){.page__actions{margin-top:0}}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-inline-block{display:inline-block!important}.d-inline{display:inline!important}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.self-center{align-self:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.m-0{margin:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:32px}.px-md{padding-left:16px;padding-right:16px}.px-lg{padding-left:24px;padding-right:24px}.py-md{padding-top:16px;padding-bottom:16px}.py-lg{padding-top:24px;padding-bottom:24px}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-visible{overflow:visible}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.border{border:1px solid #2A2A40}.border-t{border-top:1px solid #2A2A40}.border-b{border-bottom:1px solid #2A2A40}.border-l{border-left:1px solid #2A2A40}.border-r{border-right:1px solid #2A2A40}.border-0{border:none}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.shadow-sm{box-shadow:0 1px 2px #0000004d}.shadow-md{box-shadow:0 4px 6px #00000059,0 2px 4px #0003}.shadow-lg{box-shadow:0 10px 15px #0006,0 4px 6px #00000040}.shadow-xl{box-shadow:0 20px 25px #00000073,0 8px 10px #0000004d}.shadow-2xl{box-shadow:0 25px 50px #0000008c}.shadow-none{box-shadow:none}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.select-text{-webkit-user-select:text;user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-fast{transition:all .15s ease}.transition-base{transition:all .25s ease}.transition-slow{transition:all .4s ease}.transition-none{transition:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{width:100%;height:1px;background:#2a2a40;margin:16px 0}.divider--vertical{width:1px;height:100%;margin:0 16px}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap;line-height:1.4}.badge--primary{background:#0066ff26;color:#38f}.badge--success{background:#22c55e1f;color:#22c55e}.badge--warning{background:#f59e0b1f;color:#f59e0b}.badge--error{background:#ef44441f;color:#ef4444}.badge--info{background:#3b82f61f;color:#3b82f6}.badge--live{background:#ff000026;color:red;font-weight:700;text-transform:uppercase;letter-spacing:.05em;animation:pulse-dot 1.5s ease-in-out infinite}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}