@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--sidebar-width: 350px;--bg-sidebar: #0a0f1d;--bg-workspace: #030712;--box-border: rgba(255, 255, 255, .05);--box-bg: rgba(255, 255, 255, .03);--resolve-blue: #6366f1}body{margin:0;padding:0;background-color:var(--bg-workspace);color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;height:100dvh}@media(min-width:320px)and (max-width:430px){.layout-phone{display:flex;flex-direction:column}.workspace-artline{margin:0;padding:.75rem;border-radius:0;border:none}.sidebar-width{width:100vw}}@media(min-width:768px)and (max-width:1024px){.layout-tablet{display:flex}.workspace-artline{margin:1rem;padding:1rem;border-radius:1.5rem}.sidebar-width{width:80px}}@media(min-width:1025px){.layout-desktop{display:flex}.workspace-artline{margin:2rem;padding:1.5rem;border-radius:3rem}.sidebar-width{width:350px}}.sidebar-box{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:1.25rem;padding:1.25rem;margin-bottom:1rem}.sidebar-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#64748b;margin-bottom:1rem;display:block}.nav-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:1rem;transition:all .2s ease;color:#94a3b8;font-weight:600;cursor:pointer;margin-bottom:.5rem}.scrollbar-professional::-webkit-scrollbar{height:12px;width:12px}.scrollbar-professional::-webkit-scrollbar-track{background:#0a0f1d;border-top:1px solid rgba(255,255,255,.05)}.scrollbar-professional::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px;border:2px solid #0a0f1d;box-shadow:inset 0 0 6px #0000004d}.scrollbar-professional::-webkit-scrollbar-thumb:hover{background:#6366f1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f1}@keyframes ken-burns{0%{transform:scale(1.05)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}.animate-ken-burns{animation:ken-burns 40s ease-in-out infinite}.workspace-artline{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid transparent;overflow:hidden;box-shadow:0 0 0 0 transparent}.neon-active-frame{border-color:rgba(var(--glow-color-rgb, 99, 102, 241),.4);box-shadow:0 0 10px -10px var(--glow-color);opacity:1}.themed-artline{border:1px solid var(--glow-color)!important;border-color:rgba(var(--glow-color-rgb, 99, 102, 241),.5)!important;padding:4px!important;background:#070b14;box-shadow:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-glow-btn{position:relative;overflow:hidden;transition:all .3s ease}.sidebar-glow-btn.active{background:#ffffff08;border-color:var(--glow-color);box-shadow:inset 0 0 6px -6px var(--glow-color),0 0 4px -4px var(--glow-color);color:#fff}.sidebar-glow-btn.active span{text-shadow:0 0 2px var(--glow-color)}@keyframes pulse-amber{0%{border-color:#f59e0b1a;box-shadow:0 0 #f59e0b03}50%{border-color:#f59e0b33;box-shadow:0 0 5px #f59e0b08}to{border-color:#f59e0b1a;box-shadow:0 0 #f59e0b03}}.animate-pulse-amber{animation:pulse-amber 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fade-in-soft{0%{opacity:-1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-soft{animation:fade-in-soft 1.6s ease-out forwards}.handle{opacity:0;transition:opacity .2s}.clip-block:hover .handle{opacity:1}@media(max-width:430px){.handle{opacity:.8!important}}html[data-display=brighter]{--bg-workspace: #111827;--bg-sidebar: #172033;--box-border: #52627a;--box-bg: #1e293b}html[data-display=brighter] .workspace-artline{background-color:#111827;border-color:#53627c}html[data-display=brighter] :is(.sidebar-box,.refine-zone){background-color:#1e293b;border-color:#65748b}html[data-display=brighter] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background-color:#263449!important;color:#f8fafc!important;border:1px solid #718198!important;border-radius:.65rem}html[data-display=brighter] :is(input,textarea)::placeholder{color:#c0cada!important;opacity:1}html[data-display=brighter] :is(input,textarea,select,button):focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}html[data-display=brighter] :is(.text-gray-500,.text-gray-600,.text-slate-500,.text-slate-600,.sidebar-label){color:#c0cada!important}html[data-display=brighter] :is(.border-white\/5,.border-white\/10){border-color:#52627a}html[data-display=brighter] :is(.bg-gray-950,.bg-gray-900,.bg-\[\#0a0f1d\],.bg-\[\#030712\]){background-color:#172033}html[data-display=brighter] :is(.bg-black\/40,.bg-black\/50){background-color:#202d41}html[data-display=brighter] button:disabled{cursor:not-allowed}.storybook-scene{container-type:inline-size;min-width:0;border-radius:1.25rem;padding:12px}.storybook-scene-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.storybook-scene-field{display:flex;flex-direction:column;gap:8px;min-width:0}.storybook-field-heading{min-height:32px}.storybook-scene-text{box-sizing:border-box;display:block;width:100%;min-width:0;height:200px;padding:12px;border-radius:12px;resize:vertical;overflow:auto}.storybook-scene-actions{max-width:100%}@container (min-width: 560px){.storybook-scene-fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.storybook-scene-field{display:grid;grid-row:span 2;grid-template-rows:subgrid}.storybook-field-heading{min-height:32px}}.storybook-field-heading label{font-size:11px;letter-spacing:.08em}.storyboard-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;align-items:start}.scene-card-footer{container-type:inline-size;min-width:0;padding:12px;gap:12px}.scene-card-toolbar{min-width:0}.scene-card-primary-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.scene-card-primary-button{min-width:0;min-height:40px;padding:8px;letter-spacing:normal;line-height:1.35}.scene-card-primary-button svg{flex-shrink:0}.scene-card-primary-button span{min-width:0;overflow-wrap:break-word}@container (min-width: 320px){.scene-card-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.workspace-sync-notice{position:fixed;top:8px;left:8px;right:8px;z-index:999;max-height:35dvh;overflow:auto;border-radius:12px}.workspace-sync-notice button:disabled{opacity:.5}.scene-media-frame{height:auto;max-height:none}.scene-motion-panel{min-width:0;padding:12px;gap:12px}.motion-dialogue-toolbar,.motion-dialogue-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.motion-voice-toggle{width:30px;height:30px}.motion-produce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.motion-produce-button{flex:1 1 130px}.motion-dialogue-tools>button:first-child{min-height:30px}.motion-dialogue-tools>.motion-voice-toggle{order:1}.motion-dialogue-tools>[role=group]{order:2}.storyboard-card-grid>*{width:100%;min-width:0;max-width:260px;justify-self:center}.character-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b3}.character-preview-dialog{width:fit-content;max-width:min(calc(100vw - 40px),420px);border:1px solid #475569;border-radius:16px;background:#111827;overflow:hidden;box-shadow:0 20px 60px #0008}.character-preview-image{display:block;width:auto;max-width:min(calc(100vw - 42px),420px);max-height:65dvh;height:auto;object-fit:contain}.scene-media-toolbar{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px 0;background:#111827}.scene-media-toolbar>span{flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-media-selectors{display:flex;flex:1;min-width:0;gap:5px;overflow-x:auto;padding:2px}.scene-media-selectors button{position:relative;width:30px;height:28px;flex:0 0 30px;border-radius:6px;border:1px solid #64748b;overflow:hidden;background:#1e293b}.scene-media-selectors button[aria-pressed=true]{border:2px solid #818cf8}.scene-media-selectors img{width:100%;height:100%;object-fit:cover;opacity:.65}.scene-media-selectors .media-kind-icon{position:absolute;width:14px;height:14px;left:6px;top:5px;color:#fff;filter:drop-shadow(0 1px 2px #000)}.media-index{position:absolute;right:1px;bottom:0;font-size:8px;font-weight:800;color:#fff}.scene-card-tools{display:flex;flex-wrap:nowrap;gap:clamp(2px,1.5cqw,6px);width:100%;min-width:0}.scene-card-tools>button{flex:1 1 0;min-width:0;width:auto;max-width:36px;height:auto;aspect-ratio:1}.scene-card-tools>button svg{flex-shrink:0;width:clamp(12px,6cqw,18px);height:clamp(12px,6cqw,18px)}@media(min-width:768px){.storyboard-card-grid{display:flex;flex-wrap:wrap;align-items:flex-start}.storyboard-card-grid>*{flex:0 1 235px;max-width:235px}.storyboard-card-grid>:has([data-orientation=landscape]),.storyboard-card-grid>[data-orientation=landscape]{flex-basis:340px;max-width:340px}}