@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--fp-bg: #05060b;--fp-bg-soft: #0b0d16;--fp-panel: rgba(13, 16, 28, .86);--fp-panel-strong: rgba(18, 20, 33, .94);--fp-border: rgba(148, 163, 184, .14);--fp-border-strong: rgba(125, 211, 252, .22);--fp-text: #f8fafc;--fp-muted: #94a3b8;--fp-blue: #38bdf8;--fp-indigo: #2563eb;--fp-pink: #f472b6;--fp-violet: #a855f7;--fp-green: #34d399;--fp-warning: #fbbf24;--fp-danger: #fb7185;--fp-radius: 14px;--fp-shadow: 0 22px 70px rgba(0, 0, 0, .42)}:root[data-theme=light]{color-scheme:light;--fp-bg: #f4f7fb;--fp-bg-soft: #edf2f7;--fp-panel: rgba(255, 255, 255, .9);--fp-panel-strong: rgba(255, 255, 255, .97);--fp-border: rgba(51, 65, 85, .16);--fp-border-strong: rgba(2, 132, 199, .3);--fp-text: #172033;--fp-muted: #64748b;--fp-blue: #0284c7;--fp-indigo: #2563eb;--fp-pink: #db2777;--fp-violet: #9333ea;--fp-green: #059669;--fp-warning: #b45309;--fp-danger: #e11d48;--fp-shadow: 0 18px 55px rgba(15, 23, 42, .12)}body{margin:0;padding:0;background:radial-gradient(circle at 8% 0%,rgba(56,189,248,.12),transparent 28%),radial-gradient(circle at 92% 8%,rgba(244,114,182,.11),transparent 28%),linear-gradient(135deg,#04050a 0%,#080914 48%,#05060b 100%);color:var(--fp-text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light] body{background:radial-gradient(circle at 8% 0%,rgba(14,165,233,.13),transparent 28%),radial-gradient(circle at 92% 8%,rgba(236,72,153,.09),transparent 28%),linear-gradient(135deg,#f8fafc 0%,#eef4fb 48%,#f7f9fc 100%)}::selection{color:#fff;background:rgba(56,189,248,.36)}#root{display:flex;width:100vw;height:100vh;overflow:hidden}.app-layout{display:flex;width:100%;height:100%}.main-content{flex:1;overflow-y:auto;background:radial-gradient(circle at top right,rgba(37,99,235,.13),transparent 30%),linear-gradient(180deg,rgba(10,12,22,.98),rgba(5,6,11,1));padding:24px 32px}:root[data-theme=light] .main-content{background:radial-gradient(circle at top right,rgba(37,99,235,.09),transparent 30%),linear-gradient(180deg,rgba(248,250,252,.98),#eef3f8)}.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:250;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--fp-border-strong);border-radius:999px;background:var(--fp-panel-strong);color:var(--fp-text);box-shadow:var(--fp-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;font:700 .8rem/1 Inter,system-ui,sans-serif;transition:transform .16s ease,border-color .16s ease,background .16s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--fp-blue)}.theme-toggle:focus-visible{outline:3px solid rgba(56,189,248,.3);outline-offset:2px}.main-content.studio-content{padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(56,189,248,.42),rgba(168,85,247,.32));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(56,189,248,.68),rgba(244,114,182,.5))}.timeline-scroll-container{scrollbar-width:auto;scrollbar-color:rgba(56,189,248,.58) rgba(15,23,42,.72)}.timeline-scroll-container::-webkit-scrollbar{width:8px;height:14px}.timeline-scroll-container::-webkit-scrollbar-track{background:rgba(15,23,42,.72);border-radius:999px}.timeline-scroll-container::-webkit-scrollbar-thumb{min-width:56px;border:3px solid rgba(15,23,42,.72);background:linear-gradient(90deg,rgba(56,189,248,.72),rgba(168,85,247,.62));background-clip:padding-box;border-radius:999px}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(56,189,248,.95),rgba(244,114,182,.82));background-clip:padding-box}.glass-panel{background:var(--fp-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--fp-border);box-shadow:var(--fp-shadow)}.studio-shell{background:radial-gradient(circle at 18% 8%,rgba(56,189,248,.13),transparent 34%),radial-gradient(circle at 94% 4%,rgba(244,114,182,.1),transparent 30%),linear-gradient(135deg,#05060b 0%,#090b16 52%,#05060b 100%)!important}:root[data-theme=light] .studio-shell{background:radial-gradient(circle at 18% 8%,rgba(14,165,233,.11),transparent 34%),radial-gradient(circle at 94% 4%,rgba(236,72,153,.07),transparent 30%),linear-gradient(135deg,#f8fafc 0%,#edf3f9 52%,#f8fafc 100%)!important}.studio-toolbar{background:linear-gradient(90deg,rgba(10,13,24,.96),rgba(18,20,34,.92)),radial-gradient(circle at 18% 0%,rgba(56,189,248,.14),transparent 36%)!important;border-bottom:1px solid var(--fp-border)!important;box-shadow:0 14px 42px #00000047}:root[data-theme=light] .studio-toolbar{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(244,247,251,.94))!important;box-shadow:0 10px 32px #0f172a1a}.studio-pane{background:rgba(7,9,17,.82)!important;border-color:var(--fp-border)!important}:root[data-theme=light] .studio-pane{background:rgba(248,250,252,.9)!important}.studio-soft-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026))!important;border-color:#94a3b829!important;box-shadow:0 10px 28px #00000038}:root[data-theme=light] .studio-soft-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.96))!important;box-shadow:0 8px 24px #0f172a17}.mobile-production-strip,.mobile-clip-picker{display:none}.chat-generated-asset{width:100%;padding:0;overflow:hidden;cursor:pointer;text-align:left;color:inherit;border:0;border-radius:10px;background:transparent}.chat-generated-asset img,.chat-generated-asset video{display:block;width:100%;max-height:220px;object-fit:cover;background:#02030a}.chat-generated-asset-copy{display:flex;flex-direction:column;gap:5px;padding:10px 2px 2px}.chat-generated-asset-copy strong{color:#f8fafc;font-size:.9rem}.chat-generated-asset-copy>span{color:#cbd5e1}.chat-generated-asset-copy .chat-generated-asset-cta{color:#7dd3fc;font-weight:800;font-size:.72rem}.mobile-preview-toggle{display:none}.studio-chat-clip-context{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:8px;padding:7px 10px;border:1px solid rgba(56,189,248,.3);border-radius:10px;background:rgba(14,165,233,.09);color:#bae6fd;font-size:.7rem}.studio-chat-clip-context span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-primary-button{background:linear-gradient(135deg,#38bdf8,#2563eb 52%,#a855f7)!important;color:#fff!important;border:1px solid rgba(125,211,252,.24)!important;box-shadow:0 12px 32px #2563eb52}.fp-secondary-button{background:rgba(255,255,255,.055)!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.18)!important}:root[data-theme=light] .fp-secondary-button{background:rgba(255,255,255,.85)!important;color:#1e3a5f!important;border-color:#3341552e!important}:root[data-theme=light] .app-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.96))!important;border-color:var(--fp-border)!important;box-shadow:10px 0 34px #0f172a17!important}:root[data-theme=light] :is(input,textarea,select){background-color:#ffffffeb!important;color:#172033!important;border-color:#33415533!important}:root[data-theme=light] :is(input,textarea)::placeholder{color:#7c8aa0!important}:root[data-theme=light] :is(.bg-studio-900,.bg-studio-800,.bg-studio-700,.bg-black){background-color:#f8fafc!important}:root[data-theme=light] :is(.border-studio-700,.border-studio-600,.border-white\/10){border-color:#3341552e!important}:root[data-theme=light] :is(.text-white,.text-studio-100,.text-studio-300){color:#172033!important}:root[data-theme=light] :is(.text-studio-500,.text-slate-400,.text-gray-400){color:#64748b!important}:root[data-theme=light] [style*="color: rgb(248, 250, 252)"],:root[data-theme=light] [style*="color: rgb(243, 244, 246)"],:root[data-theme=light] [style*="color: rgb(229, 231, 235)"],:root[data-theme=light] [style*="color: rgb(203, 213, 225)"],:root[data-theme=light] [style*="color: #f8fafc"],:root[data-theme=light] [style*="color: #f3f4f6"],:root[data-theme=light] [style*="color: #e5e7eb"],:root[data-theme=light] [style*="color: #cbd5e1"],:root[data-theme=light] [style*="color: #dbeafe"]{color:#172033!important}:root[data-theme=light] .timeline-scroll-container{scrollbar-color:rgba(2,132,199,.58) rgba(203,213,225,.7)}:root[data-theme=light] .timeline-scroll-container::-webkit-scrollbar-track{background:rgba(203,213,225,.7)}:root[data-theme=light] .timeline-scroll-container::-webkit-scrollbar-thumb{border-color:#cbd5e1b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-analysis-spinner{display:inline-block;border:2px solid rgba(148,163,184,.28);border-top-color:#38bdf8;border-right-color:#f472b6;border-radius:999px;animation:wizardAnalysisSpin .78s linear infinite;flex:0 0 auto}.wizard-analysis-overlay{animation:wizardAnalysisBreathe 1.35s ease-in-out infinite alternate}.wizard-analysis-progress{height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.95),rgba(244,114,182,.9),transparent);background-size:220% 100%;animation:wizardAnalysisSweep 1.05s linear infinite}@keyframes wizardAnalysisSpin{to{transform:rotate(360deg)}}@keyframes wizardAnalysisBreathe{0%{box-shadow:inset 0 0 0 1px #38bdf81f,0 22px 60px #00000042}to{box-shadow:inset 0 0 0 1px #f472b629,0 28px 76px #38bdf829}}@keyframes wizardAnalysisSweep{0%{background-position:100% 0}to{background-position:-120% 0}}.animate-in{animation:fadeIn .3s ease-out forwards}@media (max-width: 700px){#root{height:100dvh}.theme-toggle{right:10px;bottom:10px;min-width:40px;justify-content:center;padding:10px}.theme-toggle span{display:none}.app-layout{flex-direction:column}.app-sidebar{width:100%!important;height:86px!important;min-height:86px!important;max-height:86px!important;flex-direction:row!important;align-items:center;gap:8px;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid #2a2a2a;overflow:hidden;flex-shrink:0;box-sizing:border-box}.app-sidebar>div:first-child{margin-bottom:0!important;padding:0!important;flex:0 0 74px;min-width:0}.app-sidebar>div:first-child img{width:62px!important;border-radius:6px!important}.app-sidebar>div:nth-child(2){margin-bottom:0!important;padding:0!important;flex:1 1 auto;min-width:0;max-width:calc(100vw - 178px)}.app-sidebar>div:nth-child(2) button{min-width:0;width:100%;justify-content:center;padding:10px!important;gap:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem!important}.app-sidebar nav{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important}.app-sidebar>div:last-child{display:none!important}.main-content{padding:18px 12px 12px}.studio-shell{height:100dvh!important;overflow:hidden}.studio-toolbar{height:auto!important;min-height:54px;padding:7px 10px!important}.studio-toolbar>div:first-child{min-width:0;gap:8px!important}.studio-toolbar h1{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-toolbar>div:last-child button{padding:7px!important}.studio-toolbar>div:last-child button svg+*{display:none}.studio-workspace{flex-direction:column!important;overflow:hidden!important}.studio-chat-pane{order:1;width:100%!important;flex:1 1 auto!important;min-height:0!important;border-left:0!important}.studio-chat-pane>div:first-child{display:none}.mobile-clip-picker{display:block;flex:0 0 auto;padding:10px 10px 9px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(10,14,27,.98),rgba(6,9,18,.96))}.mobile-clip-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.mobile-clip-picker-heading>div{min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-clip-picker-heading strong{color:#f8fafc;font-size:.78rem;line-height:1.2}.mobile-clip-picker-heading span{color:#94a3b8;font-size:.65rem;line-height:1.2}.mobile-clip-picker-count{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:rgba(56,189,248,.12);color:#7dd3fc!important;font-weight:800}.mobile-clip-picker-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:1px 1px 5px;scrollbar-width:none}.mobile-clip-picker-list::-webkit-scrollbar{display:none}.mobile-clip-option{flex:0 0 78px;scroll-snap-align:start;padding:4px;border:1px solid rgba(148,163,184,.18);border-radius:11px;background:rgba(255,255,255,.035);color:#e2e8f0;text-align:left}.mobile-clip-option.is-selected{border-color:#38bdf8;background:rgba(14,165,233,.14);box-shadow:0 0 0 2px #38bdf829,0 8px 22px #0284c729}.mobile-clip-option-preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:9 / 12;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#1e293b,#0f172a);background-size:cover;background-position:center;color:#64748b;font-size:1.05rem;font-weight:900}.mobile-clip-option-check{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#0ea5e9;color:#fff;font-size:.7rem;box-shadow:0 3px 10px #00000059}.mobile-clip-option-copy{display:flex;flex-direction:column;gap:1px;padding:5px 2px 2px}.mobile-clip-option-copy strong{overflow:hidden;color:#f8fafc;font-size:.68rem;white-space:nowrap;text-overflow:ellipsis}.mobile-clip-option-copy span{color:#94a3b8;font-size:.62rem}.mobile-clip-picker-empty{padding:8px 0 3px;color:#64748b;font-size:.72rem}.studio-editor-pane{order:2;flex:0 0 160px!important;min-height:160px!important;border-top:1px solid rgba(148,163,184,.14)}.studio-editor-pane>div:first-child{min-height:160px!important}.studio-editor-pane>div:last-child{display:none!important}.mobile-preview-toggle{display:grid;place-items:center;position:absolute;z-index:80;top:8px;right:8px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(2,6,23,.72);color:#fff;font-size:20px;cursor:pointer}.studio-editor-pane.mobile-preview-expanded{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2100;min-height:100dvh!important;height:100dvh!important}.studio-editor-pane.mobile-preview-expanded>div:first-child{min-height:100dvh!important}.studio-assets-pane{display:none!important}.studio-assets-pane+div{display:none!important}.studio-chat-input{font-size:16px!important;min-height:44px}.team-chat-messages{padding-bottom:14px;scroll-padding-bottom:70px}.team-chat-root[data-automation=dummy] .studio-quick-actions{width:100%}.team-chat-root[data-automation=dummy] .studio-quick-actions button{width:100%;min-height:44px;justify-content:center;color:#eff6ff!important;font-size:.82rem!important;font-weight:800;border-color:#60a5fa6b!important;background:linear-gradient(135deg,rgba(37,99,235,.78),rgba(124,58,237,.76))!important}.chat-generated-asset img,.chat-generated-asset video{max-height:34vh}.create-asset-overlay{padding:0!important;align-items:stretch!important}.create-asset-modal{width:100vw!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important}.create-asset-modal-body{display:flex!important;flex-direction:column!important;padding:10px!important;gap:10px!important}.create-asset-preview{order:-1;flex:0 0 auto}.create-asset-preview>div:nth-child(2){max-height:43dvh!important}.create-asset-form{flex:0 0 auto}.create-asset-form textarea{max-height:120px!important;min-height:88px!important}.create-asset-footer{padding:8px 10px!important;gap:6px!important}.create-asset-footer>div:first-child{display:none!important}.create-asset-footer>div:last-child{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}.create-asset-footer button{min-height:42px;padding:9px 8px!important;font-size:.74rem;line-height:1.15}.mobile-production-strip{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;margin:8px 10px 0;padding:10px 12px;border:1px solid rgba(96,165,250,.28);border-radius:14px;background:radial-gradient(circle at 12% 10%,rgba(56,189,248,.2),transparent 42%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,13,28,.92));box-shadow:0 12px 30px #00000047;flex-shrink:0}.mobile-production-pulse{width:18px;height:18px;border-radius:999px;background:#67e8f9;box-shadow:0 0 0 6px #67e8f91a,0 0 22px #67e8f99e;animation:mobile-production-pulse 1.2s ease-in-out infinite}.mobile-production-copy{min-width:0}.mobile-production-title{color:#f8fafc;font-size:.88rem;font-weight:800;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-production-detail{margin-top:3px;color:#bfdbfe;font-size:.72rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-language-selector{top:-72px!important;right:12px!important;width:92px}.dashboard-language-selector label{width:100%;gap:0!important;font-size:0!important;letter-spacing:0!important}.dashboard-language-selector select{width:100%;min-width:0;padding:9px 26px 9px 12px!important;font-size:.82rem!important;border-radius:999px!important}.wizard-shell-mobile{width:100%!important;height:100dvh!important;border-radius:0!important;border:0!important;max-height:100dvh!important}.wizard-shell-mobile .wizard-header{padding-right:58px!important}.wizard-shell-mobile textarea,.wizard-shell-mobile input,.wizard-shell-mobile button{font-size:16px!important}}@keyframes mobile-production-pulse{0%,to{transform:scale(.9);opacity:.72}50%{transform:scale(1.08);opacity:1}}.capture-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;background:#fff;animation:capture-flash-fade .42s ease-out forwards}.capture-flash-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:44;box-shadow:inset 0 0 90px #ffffff9e;animation:capture-flash-vignette .42s ease-out forwards}@keyframes capture-flash-fade{0%{opacity:.96}14%{opacity:.84}to{opacity:0}}@keyframes capture-flash-vignette{0%{opacity:1}to{opacity:0}}