:root{--bg: #0a0a0a;--surface: #111111;--border: #222222;--accent: #c8f04e;--accent2: #4ef0c8;--text: #e8e8e8;--muted: #555555;--danger: #f04e4e;--warn: #f0a44e}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){body{min-height:100vh;min-height:100dvh;height:auto;overflow:auto}}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}header{border-bottom:1px solid var(--border);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:100}@media(max-width:768px){header{padding:12px 16px 12px 60px;position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);min-height:50px}.logo{flex:1}}.logo{font-family:Syne,sans-serif;font-weight:800;font-size:16px;color:var(--accent)}.logo span{color:var(--text)}.info-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:4px 8px;cursor:pointer;font-size:11px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.info-btn:hover{border-color:var(--accent);color:var(--accent)}main{flex:1;display:grid;grid-template-columns:300px 1fr;min-height:0;overflow:hidden}@media(max-width:768px){main{grid-template-columns:1fr;position:relative;flex:1;min-height:0;overflow:visible}}.panel-left{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100vh;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.panel-section:nth-child(3){flex-grow:1}.panel-section:nth-child(4),.stats-section{margin-top:auto;flex-shrink:0}@media(max-width:768px){.panel-left{position:fixed;top:0;left:-300px;width:300px;height:100vh;height:100dvh;z-index:1000;background:var(--bg);border-right:1px solid var(--border);transition:left .3s ease;border-bottom:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.panel-left.open{left:0}}.panel-section{border-bottom:1px solid var(--border);padding:16px;flex-shrink:0}.section-label{font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}select,input[type=text],textarea{width:100%;background:transparent;border:1px solid var(--border);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:12px;padding:9px 11px;outline:none;transition:border-color .2s}select:focus,input:focus,textarea:focus{border-color:var(--accent)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;appearance:none}select option:disabled{color:var(--muted)!important;background:#ff00000d!important;font-style:italic}.model-info{margin-top:8px;padding:9px;background:#c8f04e0a;border:1px solid rgba(200,240,78,.1);font-size:10px;color:var(--muted);line-height:1.7}.model-info strong{color:var(--accent)}.btn{width:100%;padding:11px;border:none;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#d4f566}.btn-primary:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--accent2);border:1px solid rgba(78,240,200,.3);margin-top:8px}.btn-secondary:hover{background:#4ef0c80f;border-color:var(--accent2)}.btn-secondary:disabled{color:var(--muted);border-color:var(--border);cursor:not-allowed}.btn-cancel{background:transparent;color:var(--danger);border:1px solid rgba(240,78,78,.3);font-size:10px;padding:2px 6px;width:auto;display:none}.btn-cancel:hover{background:#f04e4e1a;border-color:var(--danger)}.progress-wrap{margin-top:12px;display:none}.progress-wrap.visible{display:block}.progress-header{font-size:10px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.progress-files{display:flex;flex-direction:column;gap:6px}.progress-file{font-size:9px;color:var(--muted)}.progress-file-name{display:flex;justify-content:space-between;margin-bottom:2px}.progress-file-bar{height:2px;background:var(--border);overflow:hidden}.progress-file-fill{height:100%;background:var(--accent);transition:width .3s ease;width:0}.progress-file-fill.indeterminate{animation:indet 1.4s infinite;width:30%!important}.progress-file-fill.complete{background:var(--accent2)}@keyframes indet{0%{transform:translate(-200%)}to{transform:translate(500%)}}.gauge-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.gauge-item{padding:6px 8px;background:#ffffff05;border:1px solid var(--border);text-align:center}.gauge-val{font-size:12px;font-weight:500;color:var(--accent);line-height:1}.gauge-label{font-size:8px;color:var(--muted);margin-top:2px;letter-spacing:.05em}.stats-section{padding:12px 16px!important}.panel-right{display:flex;flex-direction:column;height:100%;min-height:0}@media(max-width:768px){.panel-right{min-height:0;flex:1;display:flex;flex-direction:column}}.chat-area{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;min-height:0}@media(max-width:768px){.chat-area{padding:16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-corner{background:var(--bg)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}.chat-area::-webkit-scrollbar{width:3px}.chat-area::-webkit-scrollbar-thumb{background:var(--border)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px;text-align:center;padding:40px;min-height:200px}.empty-icon{font-size:36px;opacity:.2}.empty-state p{line-height:1.9}.welcome-state{flex:1;overflow-y:auto;padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.welcome-state{padding:16px}}.welcome-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.welcome-icon{font-size:36px;opacity:.2}.welcome-header h1{font-family:Syne,sans-serif;font-size:20px;font-weight:600;color:var(--text);margin-bottom:6px}.welcome-header h1 strong{color:var(--accent)}.welcome-subtitle{color:var(--muted);font-size:13px;margin:0}.welcome-content{display:grid;gap:16px;margin-bottom:24px}.welcome-section{background:#ffffff03;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:4px}.welcome-section h2{font-family:Syne,sans-serif;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.welcome-section p{color:var(--muted);line-height:1.5;font-size:12px;margin:0}.welcome-section ol,.welcome-section ul{color:var(--muted);font-size:12px;line-height:1.5;margin:0;padding-left:16px}.welcome-section ol li,.welcome-section ul li{margin-bottom:4px}.task-list{margin-top:12px;display:grid;gap:6px}.task-item{font-size:11px;color:var(--muted);line-height:1.4}.task-item em{color:var(--muted);font-weight:500}.welcome-section a{color:var(--accent);text-decoration:none;transition:color .2s ease}.welcome-section a:hover{color:var(--accent2);text-decoration:underline}.welcome-cta{text-align:center;padding:12px;background:#4ef0c805;border:1px solid rgba(78,240,200,.1);border-radius:4px}.welcome-cta p{color:var(--muted);font-size:12px;margin:0;font-weight:400}footer{border-top:1px solid var(--border);padding:12px 28px;flex-shrink:0;background:var(--bg);position:relative;z-index:100}@media(max-width:768px){footer{padding:12px 16px;position:relative;bottom:0;width:100%}}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:768px){.footer-content{flex-direction:column;gap:8px;text-align:center}}.footer-text{font-size:11px;color:var(--muted)}.footer-text a{color:var(--text);text-decoration:none;transition:color .2s ease}.footer-text a:hover{color:var(--accent)}.footer-links{display:flex;gap:12px;font-size:11px}@media(max-width:768px){.footer-links{gap:16px}}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s ease;padding:2px 0}.footer-links a:hover{color:var(--accent)}.msg{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.03);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.msg-role{font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding-top:2px;font-weight:600}.msg-role.user{color:var(--accent2)}.msg-role.assistant{color:var(--accent)}.msg-role.system{color:var(--warn)}.msg-content{font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word}.msg-content.streaming:after{content:"▋";animation:blink .7s step-end infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.input-area{border-top:1px solid var(--border);padding:16px 28px;display:flex;gap:10px;align-items:flex-end;flex-shrink:0;flex-basis:auto}@media(max-width:768px){.input-area{padding:12px 16px}}textarea#userInput{flex:1;resize:none;height:80px;max-height:140px;line-height:1.6;padding:13px 14px;font-size:13px}.send-btn{padding:13px 18px;background:var(--accent);border:none;cursor:pointer;color:#000;font-size:16px;transition:all .15s;flex-shrink:0;height:50px;display:flex;align-items:center;justify-content:center}.send-btn:hover{background:#d4f566}.send-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.task-config{display:none}.task-config.visible{display:block}.field-label{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-bottom:4px;margin-top:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.error-toast{position:fixed;bottom:20px;right:20px;background:var(--danger);color:#fff;padding:12px 14px;font-size:11px;max-width:360px;z-index:9000;display:none;line-height:1.5;border-left:3px solid #ff8080}.error-toast.visible{display:block}.hamburger{display:none;background:none;border:none;color:var(--text);font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s;z-index:101}.hamburger:hover{background:#ffffff1a}.hamburger:active{background:#fff3}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;touch-action:none}@media(max-width:768px){.hamburger{display:flex;align-items:center;justify-content:center;position:absolute;left:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:36px;min-height:36px}.sidebar-overlay.visible{display:block}body.sidebar-open{overflow:hidden}}