:root{--bg: #050505;--panel: rgba(18, 18, 18, .7);--panel-solid: #121212;--panel-light: rgba(30, 30, 30, .5);--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: #a0a0a0;--accent: #00a2ff;--accent-glow: rgba(0, 162, 255, .3);--error: #ff4d4d;--success: #00e676;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--font: "Outfit", "Inter", -apple-system, sans-serif;--glass: blur(20px) saturate(180%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:row;height:100vh;background:radial-gradient(circle at 50% -20%,#1a1a1a,#050505)}.activity-bar{width:64px;background:#0006;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:24px;z-index:100}.activity-icon{width:40px;height:40px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-icon:hover,.activity-icon.active{color:var(--text);background:#ffffff0d;box-shadow:0 0 20px var(--accent-glow)}.layout-container{display:flex;flex:1;overflow:hidden}.main-view{flex:1;display:flex;flex-direction:column;position:relative;background:transparent}.view-tabs{height:48px;display:flex;align-items:center;padding:0 20px;gap:8px;background:#0003;border-bottom:1px solid var(--border)}.tab{height:32px;padding:0 16px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.tab.active{background:#ffffff14;color:var(--text)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.video-container{width:100%;max-width:1200px;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 50px 100px #000c,0 0 0 1px var(--border);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.video-box-anim{animation:videoAppear .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes videoAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-sidebar{width:420px;background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-left:1px solid var(--border);display:flex;flex-direction:column;position:relative;box-shadow:-10px 0 30px #0000004d}.panel-header{height:60px;padding:0 24px;display:flex;align-items:center;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.message-item{display:flex;flex-direction:column;gap:10px;animation:slideIn .4s cubic-bezier(.2,.8,.2,1) both}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.message-item.user{align-self:flex-end;max-width:85%}.message-item.user .message-text{background:var(--accent);color:#fff;padding:12px 18px;border-radius:18px 18px 2px;font-weight:500;box-shadow:0 4px 15px var(--accent-glow)}.message-role{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;margin-bottom:2px}.message-item.assistant .message-text{background:#ffffff0d;padding:16px;border-radius:18px 18px 18px 2px;border:1px solid var(--border);line-height:1.5}.tool-pill{margin-top:12px;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;overflow:hidden}.tool-pill-header{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--accent);gap:8px}.command-container{padding:24px;background:linear-gradient(to top,var(--panel-solid) 0%,transparent 100%)}.command-bar{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;box-shadow:0 20px 40px #0006;transition:all .3s}.command-bar:focus-within{border-color:var(--accent);background:#ffffff0f;box-shadow:0 20px 50px #00000080,0 0 0 3px var(--accent-glow)}.command-input-wrapper{padding:12px 16px}.command-textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:var(--font);font-size:14px;outline:none;resize:none;min-height:24px}.command-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip-row{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.chip-row::-webkit-scrollbar{display:none}.chip-item{background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.chip-item:hover{background:#ffffff1a;color:var(--text);border-color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.empty-state label{cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.empty-state label:hover{transform:scale(1.1)}.shimmer-text{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.music-item,.video-item,.sticker-item{transition:transform .2s;cursor:pointer}.music-item:hover,.video-item:hover,.sticker-item:hover{transform:scale(1.02)}.live-caption-controls{animation:slideUp .4s cubic-bezier(.2,.8,.2,1) both}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}