html,body,#root{color:#1a1a1a;background:#fff;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}:root{--bg:#fff;--surface:#fff;--surface-alt:#f5f5f5;--border:#e5e5e5;--border-light:#f0f0f0;--text:#1a1a1a;--text-muted:#888;--text-secondary:#666;--green:#22c55e;--green-hover:#16a34a;--green-bg:#f0fdf4;--red:#ef4444;--red-hover:#dc2626;--red-bg:#fef2f2}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--surface:#141414;--surface-alt:#1a1a1a;--border:#2a2a2a;--border-light:#222;--text:#e5e5e5;--text-muted:#666;--text-secondary:#888;--green:#4ade80;--green-hover:#22c55e;--green-bg:#052e16;--red:#f87171;--red-hover:#ef4444;--red-bg:#450a0a}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--text-muted)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app{width:100%;height:100%;display:flex}.left-col{border-right:1px solid var(--border);flex-direction:column;width:55%;height:100%;display:flex}.right-col{flex-direction:column;width:45%;height:100%;display:flex}.editor-area,.data-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bottom-panel{border-top:1px solid var(--border);flex-direction:column;flex:0 0 300px;min-height:0;display:flex}.editor-header{background:var(--surface-alt);border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.editor-header-left,.editor-header-right{align-items:center;gap:8px;display:flex}.period-selector{border:1px solid var(--border);background:var(--surface);gap:0;display:flex}.interval-selector{border:1px solid var(--border);background:var(--surface);gap:0;margin-left:4px;display:flex}.interval-selector .period-btn{padding:4px 6px;font-size:10px}.period-btn{background:var(--surface);color:var(--text);cursor:pointer;letter-spacing:.2px;border:none;border-right:1px solid var(--border);padding:4px 10px;font-size:11px;font-weight:600}.period-btn:last-child{border-right:none}.period-btn:hover{background:var(--surface-alt)}.period-btn.active{background:var(--text);color:var(--surface)}.upload-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;letter-spacing:.3px;padding:5px 14px;font-size:12px;font-weight:600}.upload-btn:hover{border-color:var(--green);color:var(--green)}.template-panel{background:var(--surface-alt);border-bottom:1px solid var(--border);max-height:200px;padding:8px 12px;overflow-y:auto}.template-list{flex-direction:column;gap:4px;display:flex}.template-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:border-color .15s;display:flex}.template-item:hover{border-color:var(--green)}.template-name{font-weight:600}.template-desc{color:var(--text-muted);font-size:11px}.run-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;letter-spacing:.3px;padding:5px 16px;font-size:12px;font-weight:600}.run-btn:hover{border-color:var(--red);color:var(--red)}.save-indicator{letter-spacing:.5px;text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .2s}.save-indicator.saving{color:var(--red);background:#ff3b301a}.save-indicator.saved{color:#34c759;background:#34c7591a}.run-btn:active{background:var(--red-bg)}.run-btn:disabled{opacity:.5;cursor:not-allowed}.run-btn:disabled:hover{border-color:var(--border);color:var(--text);background:var(--surface)}.editor-body{flex:1;min-height:0;overflow-y:auto}.panel{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.panel:last-child{border-bottom:none}.stocks-panel{flex:none}.news-panel{flex:1;min-height:0}.panel-header{background:var(--surface-alt);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:8px 16px;font-size:12px;font-weight:700}.stock-tabs{background:var(--surface-alt);border-bottom:1px solid var(--border);display:flex}.stock-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.3px;border-bottom:2px solid #0000;padding:8px 16px;font-size:12px;font-weight:600}.stock-tab:hover{color:var(--text)}.stock-tab.active{color:var(--text);border-bottom-color:var(--green);background:var(--surface)}.chart-container{padding:12px 16px}.chart-header{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.chart-stock-info{align-items:baseline;gap:8px;display:flex}.chart-symbol{color:var(--text);font-size:18px;font-weight:700}.chart-name{color:var(--text-muted);font-size:13px}.chart-price-block{align-items:baseline;gap:8px;display:flex}.chart-price{color:var(--text);font-size:18px;font-weight:700}.chart-change{font-size:14px;font-weight:600}.chart-change.positive{color:var(--green)}.chart-change.negative{color:var(--red)}.chart-area{margin:0 -8px}.chart-stats{border-top:1px solid var(--border-light);gap:24px;margin-top:8px;padding-top:8px;display:flex}.chart-stat{flex-direction:column;gap:2px;display:flex}.chart-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.chart-stat-value{color:var(--text);font-size:13px;font-weight:600}.chart-stat-value.positive{color:var(--green)}.chart-stat-value.negative{color:var(--red)}.news-list{flex:1;padding:0;overflow-y:auto}.news-item{border-bottom:1px solid var(--border-light);cursor:pointer;opacity:.55;padding:10px 16px}.news-item.relevant{opacity:1}.news-item:hover{background:var(--surface-alt)}.news-headline{color:var(--text);font-size:13px;font-weight:600;line-height:1.4}.news-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.news-source{color:var(--green);font-weight:600}.terminal-body{background:var(--surface);color:var(--text);flex:1;padding:8px 16px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.terminal-line{white-space:pre-wrap}.terminal-line.system{color:var(--text-muted)}.terminal-line.success{color:var(--green);font-weight:600}.terminal-line.error{color:var(--red);font-weight:600}.results-body{background:var(--surface);color:var(--text);flex:1;padding:12px 16px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.results-line{white-space:pre-wrap}.results-line.success{color:var(--green);font-weight:600}.results-line.error{color:var(--red);font-weight:600}.results-line.info{color:var(--text-muted)}.cm-editor{height:100%!important}.cm-scroller{font-family:SF Mono,Fira Code,Cascadia Code,monospace!important;font-size:13px!important;line-height:1.6!important;overflow-y:auto!important}.loading-screen,.error-screen{background:var(--bg);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px}.loading-subtext{color:var(--text-muted);opacity:.7;font-size:12px}.error-screen h2{color:var(--red);font-size:20px}.error-screen p{color:var(--text-muted);text-align:center;max-width:400px;font-size:14px}.error-screen button{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;margin-top:8px;padding:8px 24px;font-size:13px;font-weight:600}.error-screen button:hover{border-color:var(--green);color:var(--green)}.chart-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.news-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}