@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;border-color:#e5e7eb}html,body{width:100%;height:100%;overflow:hidden;scroll-behavior:smooth}#root{width:100%;height:100%}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);background-image:radial-gradient(circle at 25%25%,rgba(59,130,246,5%)0%,transparent 50%),radial-gradient(circle at 75%75%,rgba(147,51,234,5%)0%,transparent 50%);color:#111827}.glass-effect{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(229,231,235,.5);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%)}.text-gradient{background:linear-gradient(to right,#2563eb,#9333ea,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prose{color:#374151;max-width:65ch}.prose h1{font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111;font-weight:800;color:#111827}.prose h2{font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-weight:700;color:#111827}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6;font-weight:600;color:#111827}.prose p{margin-top:1.25em;margin-bottom:1.25em;line-height:1.75}.prose a{color:#2563eb;text-decoration:underline;font-weight:500}.prose strong{color:#111827;font-weight:600}.prose code{color:#111827;font-weight:600;font-size:.875em;background-color:#f3f4f6;padding:.2em .4em;border-radius:.25rem}.prose pre{background-color:#1f2937;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose ul,.prose ol{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:.25rem;border-left-color:#e5e7eb;quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose img{margin-top:2em;margin-bottom:2em;max-width:100%;height:auto}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm h1{font-size:2em}.prose-sm h2{font-size:1.4285714em}.prose-sm h3{font-size:1.2857143em}@keyframes float{0%,to{transform:translatey(0)}50%{transform:translatey(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.app{width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;position:relative}.app .infinite-canvas-container{width:calc(100vw - 400px)}.infinite-canvas-container{width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#f5f5f5}.infinite-canvas-top-bar{width:100%;background-color:#fff;border-bottom:1px solid#e0e0e0;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;flex-shrink:0}.top-bar-content{display:flex;align-items:center;gap:12px;font-size:14px;color:#333}.infinite-canvas-viewport{flex:1;width:100%;position:relative;overflow:hidden;cursor:grab}.infinite-canvas-viewport.panning{cursor:grabbing}.infinite-canvas-content{position:absolute;top:50%;left:50%;transform-origin:0 0;will-change:transform;transition:transform 50ms ease-out}.infinite-canvas-viewport.panning *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.floating-input-panel{width:400px;background:white;border:1px solid#e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);display:flex;flex-direction:column;max-height:500px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-panel-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fafafa;min-height:150px;max-height:350px;scrollbar-gutter:stable}.floating-panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:12px;text-align:center;padding:0 16px;font-style:italic}.floating-panel-message{display:flex;flex-direction:column;gap:4px;animation:slideIn.3s ease-out}.floating-panel-message.user{align-items:flex-end}.floating-panel-message.assistant{align-items:flex-start}.message-content{padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.4;max-width:100%;word-break:break-word}.floating-panel-message.user .message-content{background:#3b82f6;color:white;border-bottom-right-radius:4px}.floating-panel-message.assistant .message-content{background:#e5e7eb;color:#1f2937;border-bottom-left-radius:4px}.message-content.streaming{display:flex;align-items:center;gap:6px}.streaming-indicator{display:inline-flex;gap:2px;align-items:center;min-width:20px}.dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#1f2937;animation:bounce 1.4s infinite}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.3;transform:translatey(0)}30%{opacity:1;transform:translatey(-4px)}}.message-content.error{background:#fee2e2;color:#991b1b;border-bottom-left-radius:4px}.message-content.tool{background:#f0fdf4;color:#166534;border-left:3px solid#22c55e;border-bottom-left-radius:4px}.tool-call{font-weight:600;margin-bottom:4px}.tool-output{padding:4px 0;font-family:"Monaco","Courier New",monospace;font-size:11px;opacity:.8;max-height:60px;overflow:hidden;text-overflow:ellipsis}.floating-panel-input-area{border-top:1px solid#e5e7eb;padding:12px;background:white;border-radius:0 0 12px 12px}.floating-panel-input-wrapper{display:flex;gap:8px;align-items:center}.floating-panel-input{flex:1;padding:8px 12px;border:1px solid#d1d5db;border-radius:6px;font-size:12px;outline:none;transition:all.2s;font-family:inherit}.floating-panel-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.floating-panel-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.floating-panel-send-btn{padding:8px 12px;background:#3b82f6;color:white;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all.2s;min-width:36px;height:36px}.floating-panel-send-btn:hover:not(:disabled){background:#2563eb;transform:translatey(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.floating-panel-send-btn:active:not(:disabled){transform:translatey(0)}.floating-panel-send-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.floating-panel-send-btn.loading{background:#60a5fa}.loading-spinner{display:inline-block;font-size:18px;letter-spacing:2px;animation:spin 1s linear infinite}.floating-panel-loading{margin-top:8px;padding:6px;background:#dbeafe;border-radius:4px;font-size:11px;color:#1e40af;text-align:center;animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.floating-panel-messages::-webkit-scrollbar{width:6px}.floating-panel-messages::-webkit-scrollbar-track{background:transparent}.floating-panel-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.floating-panel-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.layout-editor-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.layout-editor-container{background:white;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);width:95vw;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.layout-editor-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid#e5e7eb}.layout-editor-title{font-size:20px;font-weight:600;color:#111827;margin:0}.layout-editor-close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color.2s ease;border-radius:6px}.layout-editor-close-btn:hover{color:#111827;background-color:#f3f4f6}.layout-editor-toolbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid#e5e7eb;background-color:#f9fafb}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:white;border:1px solid#d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all.2s ease}.toolbar-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.primary{background-color:#3b82f6;color:white;border-color:#3b82f6}.toolbar-btn.primary:hover:not(:disabled){background-color:#2563eb}.toolbar-btn.danger{color:#dc2626;border-color:#fca5a5}.toolbar-btn.danger:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171}.toolbar-spacer{flex:1}.layout-editor-canvas{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;background-color:#f9fafb;background-image:linear-gradient(#e5e7eb 1px,transparent 1px),linear-gradient(90deg,#e5e7eb 1px,transparent 1px);background-size:20px 20px;overflow:auto;padding:24px;position:relative}.layout-editor-canvas canvas{background-color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%);border-radius:8px}.layout-editor-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;padding:24px 32px;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:#6b7280;font-size:14px;text-align:center;pointer-events:none;z-index:1}.resource-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background-color:#fff;border:1px solid#e0e0e0;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,5%);min-width:120px;max-width:160px;cursor:pointer;transition:all.2s ease;flex-shrink:0}.resource-card:hover{border-color:#4a90e2;box-shadow:0 2px 6px rgba(74,144,226,.15);transform:translatey(-2px)}.resource-card-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px}.resource-card-info{display:flex;flex-direction:column;gap:4px;width:100%}.resource-card-name{font-size:13px;font-weight:500;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card-meta{display:flex;justify-content:center;gap:8px;font-size:11px;color:#888}.resource-card-type{padding:2px 6px;background-color:#f0f0f0;border-radius:3px}.resource-card-version{padding:2px 6px;background-color:#e8f4fd;color:#4a90e2;border-radius:3px}.style-guide-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.style-guide-panel-container{background:white;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.style-guide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid#e5e7eb}.style-guide-panel-title{font-size:20px;font-weight:600;color:#111827;margin:0}.style-guide-panel-close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color.2s ease;border-radius:6px;hover:{
    color: #111827;
    background-color: #f3f4f6;
  }}.style-guide-panel-close-btn:hover{color:#111827;background-color:#f3f4f6}.style-guide-panel-content{flex:1;overflow-y:auto;padding:32px}.style-guide-upload-area{display:flex;flex-direction:column;align-items:center;gap:24px}.style-guide-upload-box{width:100%;border:2px dashed#93c5fd;border-radius:12px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all.3s ease;background-color:#eff6ff}.style-guide-upload-box:hover{border-color:#3b82f6;background-color:#dbeafe}.upload-icon{color:#3b82f6;width:48px;height:48px}.upload-title{font-size:18px;font-weight:600;color:#111827;margin:0}.upload-description{font-size:14px;color:#6b7280;margin:0}.upload-button{padding:10px 20px;background-color:#3b82f6;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color.2s ease}.upload-button:hover{background-color:#2563eb}.upload-hint{font-size:14px;color:#6b7280;text-align:center;margin:0}.style-guide-generation-area{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto}.generation-info{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f9fafb;border-radius:8px}.generation-file{font-size:14px;font-weight:500;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-status{font-size:13px;color:#6b7280;margin:0}.generation-error{padding:12px;background-color:#fee2e2;border:1px solid#fca5a5;border-radius:8px;color:#991b1b;font-size:14px;margin-top:12px}.generation-close-btn{padding:10px 20px;background-color:#f3f4f6;border:1px solid#d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:#374151;transition:all.2s ease;margin-top:12px;align-self:flex-end}.generation-close-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.generation-messages{display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:400px;overflow-y:auto;padding:12px;background-color:#f9fafb;border-radius:8px;border:1px solid#e5e7eb}.generation-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:14px;text-align:center}.generation-message{display:flex;flex-direction:column;gap:8px}.generation-message.user .message-content{background-color:#dbeafe;color:#1e40af;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5}.generation-message.assistant .message-content{background-color:#ecfdf5;color:#065f46;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5}.message-content{word-break:break-word}.message-content.streaming{display:flex;align-items:flex-start;gap:8px}.streaming-indicator{display:flex;align-items:center;gap:4px;margin-top:2px}.streaming-indicator .dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;animation:pulse 1.4s infinite}.streaming-indicator .dot:first-child{animation-delay:0s}.streaming-indicator .dot:nth-child(2){animation-delay:.2s}.streaming-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.message-content.error{background-color:#fee2e2;color:#991b1b;border-radius:8px;padding:8px 12px;font-size:13px}.message-content.tool{background-color:#fef3c7;color:#92400e;border-radius:8px;padding:8px 12px;font-size:13px}.tool-call{font-weight:500;margin-bottom:4px}.tool-output{margin-top:4px;padding-top:4px;border-top:1px solid#fcd34d;font-size:12px;font-family:monospace}.prototype-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prototype-panel-container{background:white;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.prototype-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid#e5e7eb}.prototype-panel-title{font-size:20px;font-weight:600;color:#111827;margin:0}.prototype-panel-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all.2s}.prototype-panel-close-btn:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.prototype-panel-close-btn:disabled{opacity:.5;cursor:not-allowed}.prototype-panel-content{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.prototype-panel-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{animation:spin 1s linear infinite;color:#3b82f6}.loading-text{font-size:16px;color:#6b7280;margin:0}.prototype-panel-error{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.error-text{font-size:16px;color:#ef4444;margin:0;text-align:center}.error-close-btn{padding:10px 24px;background-color:#3b82f6;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color.2s}.error-close-btn:hover{background-color:#2563eb}.prototype-panel-success{display:flex;flex-direction:column;align-items:center}.success-text{font-size:16px;color:#10b981;margin:0;text-align:center}.context-card{display:inline-flex;flex-direction:column;border:2px solid#d0d0d0;border-radius:8px;background-color:#fafafa;min-width:240px;padding:12px;box-sizing:border-box}.context-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid#e0e0e0}.context-card-title{font-size:14px;font-weight:600;color:#333}.context-card-count{font-size:12px;color:#888}.context-card-resources{display:flex;flex-direction:row;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0}.context-card-resources::-webkit-scrollbar{height:6px}.context-card-resources::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.context-card-resources::-webkit-scrollbar-track{background-color:#f0f0f0}.context-card-empty{font-size:13px;color:#999;padding:20px;text-align:center;width:100%}.debug-sync-button-container{position:fixed;bottom:20px;left:20px;z-index:999}.debug-sync-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all.3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-user-select:none;user-select:none}.debug-sync-button:hover:not(:disabled){transform:translatey(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.debug-sync-button:active:not(:disabled){transform:translatey(0);box-shadow:0 2px 8px rgba(0,0,0,.2)}.debug-sync-button:disabled{opacity:.8;cursor:not-allowed}.sync-icon{display:inline-block;transition:transform.3s ease}.sync-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-toast-container{position:fixed;bottom:70px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.debug-toast{padding:12px 16px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.15);animation:slideIn.3s ease;max-width:300px;word-wrap:break-word}.debug-toast-success{background-color:#10b981;color:white}.debug-toast-error{background-color:#ef4444;color:white}.debug-toast-info{background-color:#3b82f6;color:white}.debug-sync-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.canvas-layout{display:flex;flex-direction:column;gap:40px;padding:20px;min-width:1e3px;min-height:800px}.canvas-layout-global{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;align-items:flex-start}.canvas-layout-local{display:flex;flex-direction:column-reverse;gap:16px;align-items:flex-start}.canvas-layout-empty{font-size:14px;color:#999;padding:40px;text-align:center;width:100%;border:2px dashed#ddd;border-radius:8px;background-color:#fafafa}.conversation-debug-panel{position:fixed;right:0;top:0;bottom:0;width:400px;background:#fff;border-left:1px solid#e0e0e0;display:flex;flex-direction:column;box-shadow:-2px 0 8px rgba(0,0,0,.1);z-index:1000}.panel-header{padding:16px;border-bottom:1px solid#e0e0e0;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.clear-button{padding:6px 12px;background:#fff;border:1px solid#d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;transition:all.2s}.clear-button:hover:not(:disabled){background:#f0f0f0}.clear-button:disabled{opacity:.5;cursor:not-allowed}.project-id-input{padding:12px 16px;border-bottom:1px solid#e0e0e0;background:#fafafa}.project-id-input label{display:block;font-size:12px;font-weight:500;color:#666;margin-bottom:6px}.project-id-controls{display:flex;flex-direction:column;gap:8px}.project-id-input input{width:100%;padding:8px;border:1px solid#d0d0d0;border-radius:4px;font-size:13px;box-sizing:border-box}.project-id-input input:focus{outline:none;border-color:#4a90e2}.project-id-input input:disabled{background:#f0f0f0;cursor:not-allowed}.create-project-button{padding:8px 16px;background:#4caf50;color:white;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all.2s}.create-project-button:hover:not(:disabled){background:#45a049}.create-project-button:disabled{background:#ccc;cursor:not-allowed}.messages-container{flex:1;overflow-y:auto;padding:16px;background:#fafafa}.message{margin-bottom:16px;padding:12px;border-radius:8px;animation:slideIn.2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translatey(10px)}to{opacity:1;transform:translatey(0)}}.message-user{background:#e3f2fd;border:1px solid#bbdefb}.message-assistant{background:#f5f5f5;border:1px solid#e0e0e0}.message-assistant.streaming{background:#fff9e6;border:1px solid#ffe082}.message-tool{background:#f3e5f5;border:1px solid#ce93d8}.message-error{background:#ffebee;border:1px solid#ef5350}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-role{font-size:12px;font-weight:600;color:#333}.message-time{font-size:11px;color:#999}.message-content{font-size:13px;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word}.input-container{padding:16px;border-top:1px solid#e0e0e0;background:#fff;display:flex;flex-direction:column;gap:12px}.input-container textarea{width:100%;padding:10px;border:1px solid#d0d0d0;border-radius:4px;font-size:13px;font-family:inherit;resize:none;box-sizing:border-box}.input-container textarea:focus{outline:none;border-color:#4a90e2}.input-container textarea:disabled{background:#f0f0f0;cursor:not-allowed}.input-actions{display:flex;gap:8px;align-items:center}.upload-button{padding:10px 16px;background:#f5f5f5;color:#333;border:1px solid#d0d0d0;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all.2s;white-space:nowrap}.upload-button:hover:not(:disabled){background:#e8e8e8;border-color:#b0b0b0}.upload-button:disabled{opacity:.5;cursor:not-allowed}.send-button{padding:10px 16px;background:#4a90e2;color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all.2s;flex:1}.send-button:hover:not(:disabled){background:#357abd}.send-button:disabled{background:#ccc;cursor:not-allowed}.image-preview-container{position:relative;display:inline-block;max-width:200px}.image-preview{max-width:100%;max-height:150px;border-radius:8px;border:2px solid#e0e0e0;display:block}.remove-image-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef5350;color:white;border:2px solid white;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all.2s;padding:0;line-height:1}.remove-image-button:hover:not(:disabled){background:#d32f2f;transform:scale(1.1)}.remove-image-button:disabled{opacity:.5;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f0f0f0}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#999}.tool-input,.tool-output{margin-bottom:12px}.tool-input strong,.tool-output strong{display:block;margin-bottom:6px;font-size:12px;color:#666}.tool-input pre,.tool-output pre{background:#fff;padding:8px;border-radius:4px;border:1px solid#e0e0e0;font-size:11px;line-height:1.4;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.tool-pending{font-size:12px;color:#ff9800;font-style:italic;margin-top:8px}.error-content{margin-bottom:8px}.error-content strong{display:block;margin-bottom:6px;font-size:12px;color:#d32f2f}.error-content p{background:#fff;padding:8px;border-radius:4px;border:1px solid#e0e0e0;font-size:13px;line-height:1.4;margin:0;color:#c62828;white-space:pre-wrap;word-wrap:break-word}.error-code{margin-top:8px;padding:6px 8px;background:#fff;border-radius:4px;border:1px solid#e0e0e0;font-size:12px}.error-code strong{display:inline;margin:0;color:#666}