.sidebar-select{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:13px;cursor:pointer;appearance:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}:root{--bg-app: #09090b;--bg-panel: #121217;--bg-card: #1c1c24;--bg-hover: #272730;--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-dim: rgba(139, 92, 246, .15);--secondary: #ec4899;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);--glow-primary: 0 0 20px rgba(139, 92, 246, .3);--ease-spring: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:flex;height:100vh;width:100vw;background-color:var(--bg-app);background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.08),transparent 25%);overflow:hidden}.main{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#8b5cf64d;color:#fff}.sidebar{width:280px;min-width:280px;background:var(--bg-panel);border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:32px;z-index:10;height:100%;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.sidebar-logo{flex-shrink:0;width:40px;height:40px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #8b5cf666}.sidebar-brand{display:flex;flex-direction:column;justify-content:center}.sidebar-title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:#fff}.sidebar-subtitle{font-size:12px;color:var(--text-dim);font-weight:500}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sidebar-select{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:13px;cursor:pointer;appearance:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sidebar-select:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.sidebar-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ratio-grid:empty{display:none}.ratio-btn{padding:10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ratio-btn:hover{border-color:var(--primary);color:var(--text-main);background:var(--bg-hover);box-shadow:0 2px 8px #0003}.ratio-btn.active{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.svg-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.svg-toggle:hover{border-color:var(--border-hover);background:var(--bg-hover)}.svg-toggle-label{font-size:13px;color:var(--text-main);font-weight:500}.svg-toggle input{accent-color:var(--primary);width:16px;height:16px}.sidebar-divider{height:1px;background:var(--border-color);margin:8px 0}.sidebar-tip{margin-top:auto;padding:16px;background:linear-gradient(135deg,#8b5cf61a,#ec48990d);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);font-size:12px;color:var(--text-dim);line-height:1.5}.sidebar-tip strong{display:block;margin-bottom:6px;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.sidebar{display:none}}.sidebar-version{text-align:center;font-size:10px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-header{flex-shrink:0;padding:20px 32px;border-bottom:1px solid var(--border-color);background:#09090b80;backdrop-filter:blur(10px);z-index:5;display:flex;align-items:center;justify-content:space-between}.chat-header-content{display:flex;flex-direction:column}.chat-header h1{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:4px;display:flex;align-items:center;gap:12px}.chat-header p{font-size:13px;color:var(--text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.msg{display:flex;gap:16px;max-width:900px;width:100%}.msg.user{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.msg.assistant{margin-right:auto}.msg-avatar{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.msg.user .msg-avatar{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.msg.assistant .msg-avatar{background:var(--bg-card);border:1px solid var(--border-color);color:var(--primary)}.msg-body{display:flex;flex-direction:column;max-width:100%}.msg-bubble{padding:14px 20px;border-radius:18px;font-size:15px;line-height:1.6;position:relative;box-shadow:var(--shadow-sm)}.msg.user .msg-bubble{background:var(--primary);background:var(--accent-gradient);color:#fff;border-top-right-radius:4px}.msg.assistant .msg-bubble{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-top-left-radius:4px}.msg-text{font-family:inherit;white-space:pre-wrap}.msg-ref{margin-top:12px;background:#0003;padding:8px;border-radius:var(--radius-sm);display:inline-flex;flex-direction:column;align-items:flex-start}.msg-ref img{height:80px;border-radius:4px;border:1px solid var(--border-color)}.msg-ref span{font-size:11px;margin-top:4px;opacity:.8}.msg-image{margin-top:16px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#000}.msg-image img{display:block;max-width:100%;height:auto;transition:transform .4s ease}.msg-image img:hover{transform:scale(1.02)}.msg-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--text-dim);padding-left:2px}.msg.user .msg-status{justify-content:flex-end;color:#ffffffb3}.msg-status.converting{color:var(--warning, #f59e0b)}.msg-status.complete{color:var(--success, #10b981)}.msg-status.error{color:var(--error, #ef4444)}.msg-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #8b5cf640}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-secondary{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-dim)}.btn-success{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.msg-loading{padding:8px 0;display:flex;gap:6px}.msg-loading span{width:6px;height:6px;background:var(--text-dim);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.msg-loading span:nth-child(1){animation-delay:-.32s}.msg-loading span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{flex-shrink:0;padding:24px 32px 32px;background:transparent;width:100%;max-width:1000px;margin:0 auto}.input-attached{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;width:fit-content;max-width:100%}.input-attached img{width:48px;height:48px;object-fit:cover;border-radius:6px}.input-attached span{font-size:13px;color:var(--text-main);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-attached button{width:24px;height:24px;background:#ef444433;color:#ef4444;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:8px}.input-attached button:hover{background:#ef4444;color:#fff}.input-wrap{display:flex;align-items:flex-end;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:12px 16px;box-shadow:var(--shadow-lg);transition:all .2s ease}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-dim)}.input-text{flex:1;background:transparent;border:none;color:var(--text-main);font-size:15px;padding:10px 0;resize:none;min-height:44px;max-height:160px;font-family:inherit;line-height:1.5}.input-text::placeholder{color:var(--text-muted)}.input-text:focus{outline:none}.input-btns{display:flex;align-items:center;gap:12px;padding-bottom:6px;margin-right:8px}.input-btn{width:40px;height:40px;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.input-btn:hover{color:var(--primary-hover);background:#8b5cf61a}.input-send{width:40px;height:40px;background:var(--text-dim);border:none;border-radius:var(--radius-full);color:var(--bg-app);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding-bottom:6px;margin-left:4px}.input-send:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.input-send:not(:disabled):hover{background:var(--primary-hover);transform:scale(1.05)}.input-send:disabled{opacity:.5;cursor:not-allowed}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 30px;position:relative;height:100%}.empty-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.empty-icon{width:80px;height:80px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:24px;box-shadow:var(--shadow-lg);position:relative;z-index:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.empty p{font-size:14px;color:var(--text-muted);max-width:320px;line-height:1.6;position:relative;z-index:1}.empty-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:32px;max-width:500px;position:relative;z-index:1}.chip{padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .2s ease}.chip:hover{border-color:var(--primary);color:#fff;background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.camera-modal{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.camera-box{display:flex;flex-direction:column;align-items:center;gap:20px}.camera-video{max-width:85vw;max-height:60vh;border-radius:var(--radius-lg);border:2px solid var(--primary);box-shadow:0 0 40px #8b5cf633}.camera-btns{display:flex;gap:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b981}.badge-warning{background:#f59e0b}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:6px 10px;background:#000;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.method-picker-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100}.method-picker{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.method-picker h4{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:8px}.method-picker p{font-size:13px;color:var(--text-dim);margin-bottom:24px}.method-btn{width:100%;display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left}.method-btn:hover{border-color:var(--primary);background:var(--bg-hover)}.method-icon{font-size:24px}.method-info strong{display:block;font-size:14px;color:var(--text-main);margin-bottom:2px}.method-info small{font-size:12px;color:var(--text-muted)}.btn-cancel{width:100%;margin-top:8px;background:transparent;color:var(--text-dim);border:none;font-size:13px;cursor:pointer;padding:8px}.btn-cancel:hover{color:var(--text-main);text-decoration:underline}