.app-container{display:flex;height:100vh;color:#fff;background:#1e1e1e;font-size:16px;font-weight:700;line-height:1.6}.tabbar{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.tab-button{padding:6px 12px;background:#222;color:#fff;border:1px solid #333;border-radius:6px;cursor:pointer}.tab-button.active{background:#444;border-color:#666}.preview-controls{margin-left:auto;display:flex;align-items:center}.preview-pane{display:flex;height:calc(100vh - 60px)}.preview-frame{flex:1;border:none;background:#000}.preview-hint{display:flex;align-items:center;gap:8px;background:#1e1e1e;color:#fff;border:1px solid #333;padding:8px 10px;border-radius:8px;margin:10px}.sidebar{width:300px;padding:12px;border-right:1px solid #333}.btn-new-file{margin-bottom:8px;padding:6px 10px;background:#2b2b2b;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer}.file-list{list-style:none;padding:0;margin-top:10px}.file-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;cursor:pointer;border-radius:4px}.file-list li.active{background:#2d2d2d}.btn-delete{background:transparent;border:none;color:#ff6b6b;cursor:pointer;font-size:14px}.editor-container{flex:1;padding:0}.editor-header{display:flex;align-items:center;gap:10px}.site-logo{background:#000;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;margin:10px 0 12px;box-shadow:0 2px 8px #00000059}.site-logo__emoji{font-size:20px}.site-logo__text{font-size:20px;font-weight:800;letter-spacing:.3px}.loading{font-size:12px;color:#aaa}.suggestions-panel{margin-top:12px;background:#2b2b2b;border:1px solid #444;border-radius:6px;padding:8px 12px}.tree-wrapper{border:1px solid #333;border-radius:6px;padding:6px;max-height:420px;overflow:auto;background:#222}.back-to-top{position:fixed;bottom:14px;right:14px;z-index:1000;padding:10px 12px;background:#2b2b2b;color:#fff;border:1px solid #444;border-radius:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.back-to-top.show{opacity:.9;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{opacity:1}@media(max-width:768px){.app-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;padding:10px;border-right:none;border-bottom:1px solid #333}.sidebar.mobile-hidden{display:none}.editor-container{width:100%;flex:none}.editor-header{flex-wrap:wrap;justify-content:space-between;gap:6px}.tree-wrapper{max-height:220px}.btn-new-file{width:100%;padding:10px 12px}.file-list li{padding:10px}.mobile-actions-toggle{position:fixed;top:10px;right:10px;z-index:1000;padding:8px 12px;background:#2b2b2b;color:#fff;border:1px solid #444;border-radius:6px;cursor:pointer;box-shadow:0 2px 6px #0006}.mobile-actions-menu{position:fixed;top:50px;right:10px;z-index:999;background:#1f1f1f;border:1px solid #444;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 16px #00000080}.mobile-actions-menu .btn-new-file{width:180px;text-align:left}.back-to-top{bottom:12px;right:12px;padding:12px 14px;font-size:16px;border-radius:24px}}.chat-panel{display:flex;flex-direction:column;gap:8px;width:360px;height:calc(100vh - 60px);flex-shrink:0;padding:8px;border-left:1px solid #333;background:#1f1f1f}.chat-row{display:flex;align-items:center;gap:8px}.chat-output{flex:1;overflow:auto;white-space:pre-wrap;background:#222;border:1px solid #444;border-radius:6px;padding:8px}.msg-list{display:flex;flex-direction:column;gap:10px}.msg{display:flex;flex-direction:column;gap:6px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:8px}.msg.user{background:#2a2a2a}.msg.assistant{background:#262626}.msg-role{font-size:12px;color:#ccc}.msg-content{color:#fff}.msg-images,.pending-images{display:flex;flex-wrap:wrap;gap:6px}.msg-images img,.pending-images img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #444}.chat-input{width:100%;resize:vertical;background:#2b2b2b;color:#fff;border:1px solid #444;border-radius:4px;padding:8px}.chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chat-actions select{max-width:220px;background:#2b2b2b;color:#fff;border:1px solid #444;border-radius:4px;padding:4px 6px}.chat-warning{font-size:12px;color:#fc6}@media(max-width:768px){.chat-panel{width:100%;height:auto;min-height:40vh;border-left:none;border-top:1px solid #333;padding:10px}.chat-output{max-height:50vh;overflow-y:auto;scroll-behavior:smooth}.chat-input{font-size:16px;padding:10px}.chat-actions{gap:6px}.chat-actions select{max-width:100%;width:100%;font-size:16px;padding:8px}.msg{padding:10px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block}#app{width:100vw;height:100vh;margin:0;padding:0;text-align:left}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}