:root{--bg:#010806;--panel:#04120d;--line:#65ff9461;--green:#65ff94;--muted:#91caa8;--cyan:#80fff2;--amber:#ffe08a;--red:#ff5c5c;--win-gray:silver;--win-light:#fff;--win-dark:#404040;--win-blue:navy;--shadow:0 0 20px #65ff9429, inset 0 0 28px #65ff940d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--green);background:linear-gradient(145deg,#010503,#02120a 55%,#010806);font-family:Courier New,Courier,ui-monospace,monospace;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{grid-template-columns:minmax(0,3fr) minmax(330px,1fr);height:100vh;display:grid}.terminal-shell{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.terminal-shell:before{content:"";z-index:1;pointer-events:none;opacity:.55;background:repeating-linear-gradient(#ffffff07 0 1px,#0000 2px 4px);position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid var(--line);background:#010806db;align-items:center;gap:12px;min-height:58px;padding:12px 18px;display:flex;position:relative}.icon-button{width:42px;height:38px;color:var(--green);border:1px solid var(--line);box-shadow:var(--shadow);background:#65ff9412;border-radius:8px;place-items:center;display:inline-grid}.icon-button.compact{width:30px;height:30px}.brand{flex:1;min-width:0}.brand h1{text-transform:uppercase;text-shadow:0 0 12px #65ff948c;margin:0;font-size:22px;line-height:1.05}.brand p{color:var(--muted);margin:4px 0 0;font-size:12px}.status-pill{border:1px solid var(--line);white-space:nowrap;background:#65ff9414;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.status-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.status-dot.live{background:var(--green)}.drawer{z-index:10;opacity:0;border:1px solid var(--line);width:min(370px,100% - 36px);max-height:calc(100% - 96px);box-shadow:0 18px 60px #00000080, var(--shadow);background:#02100afa;border-radius:8px;transition:transform .18s,opacity .18s;position:absolute;top:76px;left:18px;overflow:auto;transform:translate(-112%)}.drawer.open{opacity:1;transform:translate(0)}.drawer-header{border-bottom:1px solid var(--line);background:#02100afa;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex;position:sticky;top:0}.drawer-header h2{text-transform:uppercase;margin:0;font-size:14px}.drawer-body{gap:10px;padding:12px;display:grid}.drawer-btn,.template-card{text-align:left;width:100%;color:var(--green);border:1px solid var(--line);background:#65ff9413;border-radius:8px;padding:12px}.drawer-btn:hover,.template-card:hover,.send-btn:hover,.quick-actions button:hover{background:#65ff9429}.drawer-btn.danger{color:var(--red);border-color:#ff5c5c99}.drawer-btn strong,.template-card strong{text-transform:uppercase;margin-bottom:5px;display:block}.drawer-btn small,.template-card small{color:var(--muted);line-height:1.35;display:block}.template-card span{color:var(--amber);margin-top:8px;font-size:11px;display:block}.chat-area{z-index:2;flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px;display:flex;position:relative}.transcript{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);background:#0000003d;border-radius:8px;flex:1;padding:18px;overflow:auto}.message{white-space:pre-wrap;background:#65ff940e;border:1px solid #65ff9442;border-radius:8px;width:min(850px,96%);margin:0 0 14px;padding:12px 13px;line-height:1.48}.message .meta{color:var(--amber);text-transform:uppercase;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;display:flex}.message.user{color:var(--cyan);border-color:#80fff261;margin-left:auto}.message.blocked{color:#ffd1d1;background:#ff5c5c14;border-color:#ff5c5c8c}.message.allowed,.message.won{background:#65ff9414;border-color:#65ff948c}.message.won{color:#fff;box-shadow:0 0 28px #65ff9440}.input-dock{border:1px solid var(--line);box-shadow:var(--shadow);background:#010806eb;border-radius:8px;padding:12px}.input-row{grid-template-columns:1fr auto;gap:10px;display:grid}textarea{resize:vertical;width:100%;min-height:82px;max-height:200px;color:var(--green);background:#00000059;border:1px solid #65ff9459;border-radius:8px;outline:none;padding:12px}.send-btn{border:1px solid var(--line);min-width:128px;color:var(--green);text-transform:uppercase;background:#65ff9414;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.quick-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quick-actions button{color:var(--muted);background:#65ff940b;border:1px solid #65ff943d;border-radius:999px;padding:6px 10px;font-size:12px}.right-panel{background:var(--win-gray);color:#111;flex-direction:column;min-width:0;height:100vh;display:flex}.tabs{grid-template-columns:1fr 1fr;min-height:58px;padding:10px 10px 0;display:grid}.tabs button{border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark);color:#111;text-transform:uppercase;background:#a9a9a9;border-bottom:0;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-weight:700;display:inline-flex}.tabs button.active{background:var(--win-gray)}.tab-content{flex:1;min-height:0;padding:10px}.win-window,.activity-window{border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark);border-bottom:2px solid var(--win-dark);background:var(--win-gray);flex-direction:column;height:100%;min-height:0;display:flex}.win-titlebar{background:var(--win-blue);color:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:4px 8px;font-weight:700;display:flex}.win-toolbar{border-bottom:1px solid #8f8f8f;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.win-toolbar button,.win-toolbar span,.modal-actions button,.modal-window button{border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark);border-bottom:2px solid var(--win-dark);background:var(--win-gray);color:#111;align-items:center;gap:5px;min-height:26px;padding:4px 7px;display:inline-flex}.file-list{border-top:2px solid var(--win-dark);border-left:2px solid var(--win-dark);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);background:#fff;flex:1;min-height:0;margin:8px;overflow:auto}.file-row{color:#111;text-align:left;background:0 0;border:0;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.file-row:hover{background:var(--win-blue);color:#fff}.win-status{border-top:1px solid #8f8f8f;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 8px;font-size:12px;display:flex}.activity-window{color:var(--green);background:#020806;border-color:#65ff946b}.activity-window .win-titlebar{color:var(--green);background:#072b18}.activity-log{background:#020806;flex:1;min-height:0;padding:12px;font-size:12px;line-height:1.42;overflow:auto}.log-line{white-space:pre-wrap;word-break:break-word;margin:0 0 8px}.log-line span{color:var(--muted)}.log-line.ok{color:var(--green)}.log-line.warn{color:var(--amber)}.log-line.bad{color:var(--red)}.log-line.info{color:var(--cyan)}.activity-footer{color:var(--muted);border-top:1px solid #65ff9447;padding:8px 10px;font-size:12px}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-window{background:var(--win-gray);color:#111;border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark);border-bottom:2px solid var(--win-dark);flex-direction:column;width:min(560px,100%);max-height:min(620px,92vh);display:flex;box-shadow:12px 12px #0000005c}.modal-body{padding:18px;overflow:auto}.modal-body pre{white-space:pre-wrap;border-top:2px solid var(--win-dark);border-left:2px solid var(--win-dark);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);background:#fff;margin:0;padding:12px}.restricted-note{grid-template-columns:52px 1fr;align-items:center;gap:12px;display:grid}.modal-actions{justify-content:flex-end;padding:10px 12px 12px;display:flex}@media (width<=930px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh}.terminal-shell,.right-panel{height:100vh}}@media (width<=600px){.topbar{padding-inline:10px}.brand p,.status-pill{display:none}.chat-area{padding:10px}.input-row{grid-template-columns:1fr}.send-btn{min-height:44px}.message{width:100%}}