.layout{flex-direction:column;width:100%;max-width:900px;height:100dvh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:18px 24px;display:flex}.header-dot{background:#3bff7e;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-title{letter-spacing:-.01em;font-size:15px;font-weight:500}.mode-tabs{-webkit-overflow-scrolling:touch;justify-content:center;gap:6px;padding:10px 8px;display:flex;overflow-x:auto}.tab{font-size:13px;font-family:var(--font);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 20px;transition:all .15s}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{background:var(--surface2);border-color:var(--border);color:var(--text)}.messages{scroll-behavior:smooth;flex:1;padding:24px 16px;overflow-y:auto}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;animation:.4s fadeIn;display:flex}.empty-title{letter-spacing:-.03em;font-size:26px;font-weight:600}.empty-sub{color:var(--text-muted);font-size:14px;font-weight:300}.msg-row{gap:12px;margin-bottom:24px;animation:.2s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-row.user{flex-direction:row-reverse}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.avatar.user{color:#000;background:#fff}.avatar.assistant{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.bubble{border-radius:var(--radius);word-break:break-word;max-width:78%;padding:12px 16px;font-size:14.5px;line-height:1.65}.bubble.user{background:var(--user-bg);border:1px solid var(--border);border-top-right-radius:4px}.bubble.assistant{border-top-left-radius:4px;padding-left:4px}.bubble-image{border:1px solid var(--border);border-radius:10px;max-width:260px;margin-top:8px;display:block}.typing{align-items:center;gap:4px;padding:14px 4px;display:flex}.typing-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.output-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;animation:.3s fadeIn;display:flex}.generated-img{border:1px solid var(--border);border-radius:14px;max-width:100%;max-height:440px;box-shadow:0 8px 32px #0006}.audio-player{accent-color:#3bff7e;width:100%;max-width:480px}.output-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.analysis-text{color:var(--text-muted);max-width:480px;font-size:13px;line-height:1.6}.input-area{flex-shrink:0;padding:12px 12px 16px}.input-wrapper{background:var(--input-bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:8px;padding:12px 12px 10px 16px;transition:border-color .15s;display:flex}.input-wrapper:focus-within{border-color:#444}.attachment-preview{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.preview-thumb{object-fit:cover;border:1px solid var(--border);border-radius:7px;flex-shrink:0;width:44px;height:44px}.audio-icon{background:var(--surface);border:1px solid var(--border);color:#3bff7e;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.attachment-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.remove-btn{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:background .15s;display:flex}.remove-btn:hover{color:var(--text);background:#ffffff26}.voice-row{align-items:center;gap:8px;padding:0 2px 2px;display:flex}.voice-label{color:var(--text-muted);font-size:11px}.voice-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font);cursor:pointer;border-radius:8px;outline:none;padding:3px 8px;font-size:12px}.textarea-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}textarea{resize:none;color:var(--text);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:0;font-size:14.5px;line-height:1.5;overflow-y:auto}textarea::placeholder{color:var(--text-muted)}textarea:disabled{opacity:.4;cursor:not-allowed}textarea::-webkit-scrollbar{width:3px}textarea::-webkit-scrollbar-thumb{background:var(--border)}.input-actions{align-items:center;gap:4px;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.icon-btn:hover{color:var(--text);background:var(--surface2)}.send-btn{background:var(--send-bg);width:34px;height:34px;color:var(--send-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.send-btn:disabled{background:var(--send-disabled);color:var(--send-disabled-color);cursor:not-allowed}.send-btn:not(:disabled):hover{background:#e8e8e8;transform:scale(1.05)}.hint{text-align:center;color:var(--text-muted);opacity:.5;margin-top:10px;font-size:11.5px}.error-msg{color:#ff6b6b;background:#ff505014;border:1px solid #ff505033;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.model-selector-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px;display:flex}.model-label{color:var(--text-muted);font-size:12px}.model-select-wrapper{align-items:center;gap:6px;display:flex}.model-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 10px;font-size:13px}.provider-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.provider-badge.openai{color:#10a37f;background:#10a37f22}.provider-badge.anthropic{color:#c96f32;background:#c96f3222}.provider-badge.google{color:#1a73e8;background:#1a73e822}.provider-notice{color:var(--text-muted);font-size:11px;font-style:italic}.tab-disabled{opacity:.4;cursor:not-allowed}.tab-lock{margin-left:4px;font-size:11px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.bubble{max-width:92%;font-size:14px}.empty-title{font-size:20px}}@media (max-width:480px){.input-wrapper{border-radius:16px;padding:10px}textarea{font-size:14px}.send-btn{width:38px;height:38px}.icon-btn{padding:8px}.header{padding:12px 16px}.header-title{font-size:13px}}