@tailwind base;@tailwind components;@tailwind utilities;html,body{overscroll-behavior-x:none;overscroll-behavior-y:auto}.font-bebas{font-family:Bebas Neue,sans-serif}.font-headline{font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.font-body{font-family:Lora,serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}:root{--bg-main: #050505;--bg-panel: #0a0a0a;--bg-header: #0f0f0f;--border-color: #1f2937;--text-main: #ffffff;--text-muted: #9ca3af;--bg-media: #000000;--accent-color: #0e7490;--accent-hover: #155e75;--input-bg: #1a1c1e;--text-hover: #ffffff;--scroll-track: #1a1c1e;--scroll-thumb: #4A4E54}[data-theme=light]{--bg-main: #f3f4f6;--bg-panel: #ffffff;--bg-header: #e5e7eb;--border-color: #94a3b8;--text-main: #111827;--text-muted: #374151;--bg-media: #d1d5db;--accent-color: #0891b2;--accent-hover: #0e7490;--input-bg: #ffffff;--text-hover: #000000;--scroll-track: #e5e7eb;--scroll-thumb: #9ca3af}@layer base{input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{@apply theme-bg-input border theme-border rounded-lg px-3 py-2 text-sm theme-text-main focus:outline-none focus:border-cyan-400 focus:ring-2 focus:ring-cyan-400/30 transition-all;}#chat-input,#media-chat-input,#creative-chat-input,#adcp-chat-input,#pubmatic-chat-input,#watchtower-input,#jarvis-input{@apply rounded-full;}}.theme-bg-main{background-color:var(--bg-main)}.theme-bg-panel{background-color:var(--bg-panel)}.theme-bg-header{background-color:var(--bg-header)}.theme-border{border-color:var(--border-color)}.theme-text-main{color:var(--text-main)}.theme-text-muted{color:var(--text-muted)}.theme-bg-input{background-color:var(--input-bg)}.theme-bg-media{background-color:var(--bg-media)}.theme-bg-accent{background-color:var(--accent-color)}.theme-border-accent{border-color:var(--accent-color)}.theme-text-accent{color:var(--accent-color)}.theme-bg-accent:hover{background-color:var(--accent-hover)}.hover\:theme-bg-accent:hover,.group:hover .group-hover\:theme-bg-accent{background-color:var(--accent-color)}.group:hover .group-hover\:theme-border-accent{border-color:var(--accent-color)}.theme-text-hover:hover{color:var(--text-hover)}body,div,nav,aside,header,input,textarea,select,button,svg,img,tr,td,th,table{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scroll-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-down{animation:slideDown .4s ease-out forwards}@keyframes pulse-border{0%{box-shadow:0 0 #06b6d466;border-color:#06b6d466}50%{box-shadow:0 0 15px 2px #06b6d499;border-color:#06b6d4e6;transform:scale(1.02)}to{box-shadow:0 0 #06b6d466;border-color:#06b6d466;transform:scale(1)}}@keyframes green-glow-pulse{0%,to{box-shadow:0 0 20px #06b6d41a;border-color:#06b6d44d}50%{box-shadow:0 0 40px #06b6d44d;border-color:#06b6d4cc}}.pulse-green-card{animation:green-glow-pulse 3s infinite ease-in-out}@keyframes cyan-glow-pulse{0%,to{box-shadow:0 0 20px #06b6d41a;border-color:#06b6d44d}50%{box-shadow:0 0 40px #06b6d44d;border-color:#06b6d4cc}}.pulse-cyan-card{animation:cyan-glow-pulse 3s infinite ease-in-out}.pulse-wave{animation:pulse-border 1.5s infinite}@keyframes text-pulse-cyan{0%,to{opacity:1;text-shadow:0 0 10px rgba(6,182,212,.5)}50%{opacity:.8;text-shadow:0 0 2px rgba(6,182,212,.2)}}.text-cyan-400.animate-pulse{animation:text-pulse-cyan 3s infinite ease-in-out}.delay-0{animation-delay:0s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.aspect-16-9{aspect-ratio:16 / 9}.aspect-9-16{aspect-ratio:9 / 16}.aspect-1-1{aspect-ratio:1 / 1}.aspect-4-5{aspect-ratio:4 / 5}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;height:20px;cursor:pointer;margin:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:99px;border:none;transition:background .2s}input[type=range]:hover::-webkit-slider-runnable-track{background:var(--text-muted)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#22d3ee;border:2px solid #ffffff;cursor:pointer;margin-top:-5px;box-shadow:0 1px 3px #00000080;transition:transform .1s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#0891b2}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:99px}input[type=range]::-moz-range-thumb{height:14px;width:14px;border:2px solid #ffffff;border-radius:50%;background:#22d3ee;cursor:pointer;box-shadow:0 1px 3px #00000080}aside.sidebar-collapsed{width:5rem!important}aside.sidebar-collapsed .nav-label,aside.sidebar-collapsed .logo-text,aside.sidebar-collapsed .section-header,aside.sidebar-collapsed .footer-details{display:none!important;opacity:0!important;pointer-events:none!important}aside.sidebar-collapsed .sidebar-nav-btn,aside.sidebar-collapsed #sidebar-logo{justify-content:center!important;padding-left:0!important;padding-right:0!important}aside.sidebar-collapsed #sidebar-footer{display:flex!important;flex-direction:column-reverse!important;align-items:center!important;gap:1.5rem!important;padding:1.5rem 0!important}aside.sidebar-collapsed #sidebar-footer-icons{display:flex!important;flex-direction:column!important;gap:.75rem!important;width:100%!important;align-items:center!important;border-top:none!important;margin-top:0!important;padding-top:0!important;grid-template-columns:none!important}aside.sidebar-collapsed #sidebar-footer-icons button{width:2.5rem!important;height:2.5rem!important;justify-content:center!important}aside.sidebar-collapsed #user-menu-btn{padding:0!important;justify-content:center!important;margin:0!important;width:100%!important}aside.sidebar-collapsed #user-menu-btn img{margin:0!important;width:2.5rem!important;height:2.5rem!important}aside.sidebar-collapsed #user-menu-btn svg,aside.sidebar-collapsed #user-menu-btn>div{display:none!important}aside.sidebar-collapsed #auth-btn{justify-content:center!important;padding:.5rem!important}aside.sidebar-collapsed #auth-btn span{display:none!important}.sidebar-nav-btn.active{background-color:#164e63;border-color:#06b6d4;color:#fff;box-shadow:0 0 10px #06b6d44d}body.chat-open #app-container{margin-right:360px!important;transition:margin-right .3s ease-in-out}#preview-modal{position:fixed;top:0;bottom:0;left:20rem;right:0;width:auto;z-index:40;transition:left .3s ease-in-out,right .3s ease-in-out}body.sidebar-closed #preview-modal{left:5rem!important}body.chat-open #preview-modal{right:360px!important}#chat-panel{z-index:50!important}#nle-track-headers{z-index:70!important}#timeline-ruler{z-index:65!important}#timeline-playhead-indicator{z-index:60!important}.timeline-clip-element{position:absolute;top:4px;bottom:4px;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none;transition:box-shadow .1s ease}.interaction-locked{pointer-events:none;position:relative}#app-container.interaction-locked:after{content:"AUTONOMOUS MODE ACTIVE";position:absolute;top:20px;left:50%;transform:translate(-50%);background:#313d37e6;border:1px solid #06b6d4;color:#22d3ee;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;z-index:9999;box-shadow:0 0 15px #06b6d44d;letter-spacing:1px;pointer-events:none;animation:fadeIn .3s ease-out}.interaction-locked *{cursor:wait!important}.interaction-locked .allow-interaction{pointer-events:auto!important;cursor:pointer!important;z-index:10001}.bg-stars{background-color:#050505;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#fff,#0000),radial-gradient(1.5px 1.5px at 130px 80px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:stars-move 100s linear infinite}@keyframes stars-move{0%{background-position:0 0}to{background-position:0 1000px}}.glass-panel{background:#0a0a0a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.text-gradient-cyan{background:linear-gradient(to right,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(to right,#34d399,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-orb{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.15;z-index:0;pointer-events:none}.glow-cyan{background:#06b6d4}.glow-emerald{background:#10b981}.ruliad-card:hover{transform:translateY(-4px);border-color:#06b6d466;box-shadow:0 10px 40px -10px #06b6d426}.nle-card{@apply aspect-video bg-black rounded-lg overflow-hidden relative group cursor-grab active:cursor-grabbing flex flex-col items-center justify-center p-2 text-center border-2 border-gray-800;transition:all .2s ease-in-out}.nle-card:hover{@apply border-cyan-500 shadow-[0_0_15px_rgba(6,182,212,.3)];transform:translateY(-2px)}.wizard-director-card{@apply theme-bg-input border-2 theme-border rounded-xl p-4 flex items-start gap-4 cursor-pointer transition-all duration-200;}.wizard-director-card:hover{@apply border-cyan-500/50 bg-cyan-900/10;}.wizard-director-card.selected{@apply border-cyan-500 bg-cyan-950/30 shadow-[0_0_25px_rgba(6,182,212,.15)] ring-2 ring-cyan-500/50;}.wizard-director-card.disabled{@apply opacity-40 grayscale cursor-not-allowed;}.bg-gradient-ruliad{background-image:linear-gradient(to right,#8b5cf6,#3b82f6)}.bg-gradient-ruliad:hover{filter:brightness(1.2)}
