body{margin:0;padding:0;width:100vw;height:100vh}:root{--bg-dark: #0f1115;--bg-panel: #161b22;--bg-input: #0d1117;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--border: #30363d;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text-primary)}.app-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.app-header{height:50px;background-color:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.logo{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.logo .icon{color:var(--accent)}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.icon-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.settings-panel{position:absolute;top:55px;right:16px;background-color:var(--bg-panel);border:1px solid var(--border);padding:16px;border-radius:6px;width:300px;z-index:100}.input-group label{display:block;font-size:12px;margin-bottom:4px;color:var(--text-secondary)}.input-group input{width:100%;background:var(--bg-input);border:1px solid var(--border);padding:8px;color:var(--text-primary);border-radius:4px}.app-main{flex:1;display:grid;grid-template-columns:350px 1fr;height:100%;min-height:0;overflow:hidden}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background-color:var(--bg-panel);height:100%;min-height:0;overflow:hidden}.viewer-area{position:relative;background-color:#000;display:flex;align-items:center;justify-content:center;height:100%;min-height:0;overflow:hidden}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-bottom:1px solid var(--border)}.editor-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.panel-header{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:#0003;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-input{padding:12px;border-top:1px solid var(--border);flex-shrink:0;background-color:var(--bg-panel)}.chat-input input{width:-webkit-fill-available;background:var(--bg-input);border:1px solid var(--border);padding:8px 12px;color:var(--text-primary);border-radius:4px}.message{padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;max-width:85%;word-wrap:break-word}.message.user{background-color:var(--accent);color:#fff;align-self:flex-end}.message.agent{background-color:var(--bg-input);color:var(--text-primary);align-self:flex-start}textarea.code-editor{flex:1;background-color:var(--bg-input);color:var(--text-primary);border:none;padding:12px;font-family:var(--font-mono);font-size:13px;resize:none;outline:none;width:100%;height:100%;box-sizing:border-box}