.app-shell[data-v-ce015add]{height:100%;display:flex;flex-direction:column}.app-header[data-v-ce015add]{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;gap:16px}.header-brand[data-v-ce015add]{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.brand-icon[data-v-ce015add]{height:22px;width:auto;vertical-align:middle}.nav-icon[data-v-ce015add]{height:16px;width:auto;vertical-align:middle}.brand-text[data-v-ce015add]{font-size:16px;font-weight:700;color:var(--text-0);white-space:nowrap}.header-nav[data-v-ce015add]{display:flex;gap:4px}.nav-link[data-v-ce015add]{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-2);transition:all .15s;text-decoration:none}.nav-link[data-v-ce015add]:hover{background:var(--bg-2);color:var(--text-0)}.nav-link.active[data-v-ce015add]{background:var(--accent-light);color:var(--accent);font-weight:600}.header-actions[data-v-ce015add]{display:flex;align-items:center;gap:8px;flex-shrink:0}.key-manager-btn[data-v-ce015add]{display:flex;align-items:center;gap:4px;font-size:14px;padding:4px 10px}.key-manager-btn .key-badge[data-v-ce015add]{padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600;background:var(--success-light);color:var(--success);min-width:18px;text-align:center}.key-manager-btn .key-badge-empty[data-v-ce015add]{background:var(--warning-light);color:var(--warning);font-size:11px}.key-badge[data-v-ce015add]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--success-light);color:var(--success)}.theme-btn[data-v-ce015add]{font-size:18px;padding:4px 8px}.model-toggle[data-v-ce015add]{display:flex;background:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.model-btn[data-v-ce015add]{padding:4px 10px;font-size:12px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--text-2);transition:all .15s;white-space:nowrap}.model-btn[data-v-ce015add]:hover{color:var(--text-0)}.model-btn.active[data-v-ce015add]{background:var(--accent);color:#fff}.model-label[data-v-ce015add]{font-size:10px;color:var(--text-3);padding:0 4px;align-self:center}.model-cost[data-v-ce015add]{font-size:10px;color:var(--text-3);padding:0 4px;align-self:center;white-space:nowrap}.app-content[data-v-ce015add]{flex:1;overflow:hidden}@media(max-width:640px){.nav-label[data-v-ce015add]{display:none}.brand-text[data-v-ce015add]{font-size:14px}.header-nav[data-v-ce015add]{gap:2px}.nav-link[data-v-ce015add]{padding:6px 10px}}.inline-icon[data-v-ce015add]{height:14px;width:auto;vertical-align:-2px;margin-right:4px;image-rendering:pixelated}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--bg-0: #ffffff;--bg-1: #f5f7fa;--bg-2: #eef1f5;--bg-3: #e2e6ec;--text-0: #1a1d23;--text-1: #3d4451;--text-2: #6b7280;--text-3: #9ca3af;--border: #d1d5db;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59,130,246,.1);--success: #10b981;--success-light: rgba(16,185,129,.1);--warning: #f59e0b;--warning-light: rgba(245,158,11,.1);--error: #ef4444;--error-light: rgba(239,68,68,.1);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.1);--header-h: 56px}[data-theme=dark]{--bg-0: #0f1117;--bg-1: #161822;--bg-2: #1e2030;--bg-3: #282a3a;--text-0: #e8eaed;--text-1: #c4c8d0;--text-2: #8b9099;--text-3: #5f6368;--border: #2e3040;--accent: #5b9bf6;--accent-hover: #7db4ff;--accent-light: rgba(91,155,246,.12);--success: #34d399;--success-light: rgba(52,211,153,.12);--warning: #fbbf24;--warning-light: rgba(251,191,36,.12);--error: #f87171;--error-light: rgba(248,113,113,.12);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}body{background:var(--bg-0);color:var(--text-0)}button{cursor:pointer;font-family:inherit;border:none}input,textarea,select{font-family:inherit}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--text-0)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.input{padding:8px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-3)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--success-light);color:var(--success)}.badge-yellow{background:var(--warning-light);color:var(--warning)}.badge-red{background:var(--error-light);color:var(--error)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translateY(10px)}.slide-leave-to{opacity:0;transform:translateY(-10px)}@media(max-width:768px){:root{--header-h: 48px}.btn{padding:6px 12px;font-size:13px}.input{font-size:16px}}