.file-tree{font-size:14px}.tree-node{display:flex;align-items:center;gap:4px;padding:6px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node:hover{background-color:#3c3f41}.tree-node.selected{background-color:#2f65ca}.node-name{flex:1;color:#787878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node.selected .node-name{color:#bbb}.expand-icon{color:#787878}.tree-children{margin-left:12px}.code-editor{height:100%;display:flex;flex-direction:column;padding:8px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.editor-header h3{color:#bbb;margin:0;font-size:16px}.editor-actions{display:flex;align-items:center;gap:12px}.language-indicator{font-size:12px;color:#787878;background-color:#3c3f41;padding:2px 6px;border-radius:4px}.copy-button{display:flex;align-items:center;gap:4px;background-color:transparent;border:none;color:#4a88c7;cursor:pointer;padding:4px 8px;border-radius:4px}.copy-button:hover{background-color:#4a88c71a}.editor-content{flex:1;overflow:auto;background-color:#2b2b2b;border-radius:4px;padding:8px}pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:Fira Code,monospace;font-size:12px;line-height:1.5;color:#bbb}.image-file-info{padding:16px;background-color:#3c3f41;border-radius:4px;color:#bbb}.image-file-info p{margin:8px 0}.language-kotlin .keyword,.language-java .keyword{color:#cc7832}.language-xml .tag{color:#e8bf6a}.language-xml .attribute{color:#bababa}.language-xml .string{color:#6a8759}.language-gradle .keyword{color:#cc7832}.language-gradle .string{color:#6a8759}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;background-color:#1a1a1a}.logo-container{width:64px;height:64px;background-color:#222;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:24px}.logo-container img{width:100%;height:100%;opacity:.8}.welcome-screen h1{color:#e0e0e0;font-size:24px;margin-bottom:16px;font-weight:500}.examples-container{width:100%;max-width:600px;margin-bottom:32px}.examples-container h2{color:#999;text-align:center;margin-bottom:16px;font-size:16px;font-weight:400}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.example-card{background-color:#222;border-radius:6px;padding:12px;height:100px;display:flex;flex-direction:column;cursor:pointer;transition:background-color .2s;border:1px solid #333}.example-card:hover{background-color:#2a2a2a}.example-card h3{color:#b0b0b0;margin-top:0;margin-bottom:8px;font-size:15px;font-weight:500}.example-card p{color:#777;font-size:13px;line-height:18px}.bottom-text{color:#666;font-size:14px}.navbar{background-color:#1a1a1a;padding:16px;border-top:1px solid #2a2a2a}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.loading-indicator .spinner{width:20px;height:20px;border:2px solid rgba(100,100,100,.3);border-radius:50%;border-top-color:#777;animation:spin 1s linear infinite}.loading-indicator span{color:#777;font-size:14px}.error-message{color:#ff6b68;margin-bottom:8px}.input-container{position:relative;display:flex;flex-direction:column;max-width:900px;margin:0 auto}.input-container input{height:44px;background-color:#101010;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:0 120px 0 16px;font-size:14px;box-shadow:0 2px 6px #0000001a}.input-container input::placeholder{color:#666}.input-container input:focus{outline:none;border-color:#444}.input-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.mode-button,.model-button{background-color:#1e1e1e;color:#999;border:none;border-radius:4px;padding:4px 6px;font-size:11px;cursor:pointer;transition:all .2s}.mode-button:hover,.model-button:hover{background-color:#252525;color:#ccc}.mode-button.active,.model-button.active{background-color:#2d2d2d;color:#e0e0e0}.send-button{width:24px;height:24px;border-radius:4px;background-color:transparent;color:#666;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:2px}.send-button:hover{color:#e0e0e0;background-color:#222}.send-button:disabled{color:#444;cursor:not-allowed}.app-container{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a;color:silver}.main-content{flex:1;overflow:hidden;padding:0}.ide-container{display:flex;height:100%}.file-tree-container{width:25%;min-width:180px;max-width:350px;background-color:#1a1a1a;overflow-y:auto;border-right:1px solid #2a2a2a}.section-header{background-color:#222;color:#777;padding:8px;margin:0;font-size:13px;font-weight:500}.divider{width:1px;background-color:#2a2a2a;cursor:col-resize}.editor-container{flex:1;background-color:#1a1a1a;overflow:auto}.empty-editor{display:flex;justify-content:center;align-items:center;height:100%;color:#666}.loading{display:flex;align-items:center;gap:8px}.spinner{width:20px;height:20px;border:2px solid rgba(100,100,100,.3);border-radius:50%;border-top-color:#777;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:silver;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1a1a1a}#root{width:100%;height:100vh}code,pre{font-family:Fira Code,monospace}button,input{font-family:Inter,system-ui,sans-serif}