body{margin:0;padding:0;background-color:#1a1a1a;font-family:Courier New,monospace;height:100vh;color:#f0f0f0;overflow:hidden}.terminal-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;height:500px;min-width:400px;min-height:300px;background-color:#0f0f0f;border-radius:5px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;overflow:hidden}.terminal-container.draggable{transform:none;transition:none}.terminal-container.maximized{left:0!important;top:0!important;transform:none;width:100vw!important;height:100vh!important;border-radius:0;box-shadow:none}.terminal-header{background-color:#333;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;font-size:14px;flex-shrink:0;cursor:move;-webkit-user-select:none;user-select:none}.terminal-header:active{cursor:grabbing}.terminal-title{display:flex;align-items:center;gap:8px}.status-light{display:inline-block;width:12px;height:12px;border-radius:50%;cursor:default}.status-light.connected{background:radial-gradient(circle at 30% 30%,#86efac,#22c55e 60%,#15803d);box-shadow:0 0 6px #22c55e99}.status-light.disconnected{background:radial-gradient(circle at 30% 30%,#fca5a5,#ef4444 60%,#b91c1c);box-shadow:0 0 6px #ef444499}.status-light.partial{background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b 60%,#b45309);box-shadow:0 0 6px #f59e0b99}.status-light.checking{background:radial-gradient(circle at 30% 30%,#9ca3af,#6b7280 60%,#4b5563);box-shadow:0 0 4px #6b728080}.status{display:flex;align-items:center;gap:10px}.header-btn{background-color:#444;border:none;color:#888;font-size:14px;padding:3px 8px;border-radius:3px;cursor:pointer;transition:background-color .2s}.header-btn:hover{background-color:#555;color:#fff}.maximize-btn{font-size:22px;line-height:1;padding:0 4px}.maximize-btn.maximized{background-color:#666;color:#fff}.maximize-btn.maximized:hover{background-color:#777}.split-btn{padding:4px 6px;display:flex;align-items:center;justify-content:center}.split-icon{display:flex;width:16px;height:14px;border:1.5px solid #888;border-radius:2px;position:relative}.split-icon:after{content:"";position:absolute;background-color:#888}.split-icon-h:after{width:1.5px;height:100%;left:50%;top:0;transform:translate(-50%)}.split-icon-v:after{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.header-btn:hover .split-icon{border-color:#fff}.header-btn:hover .split-icon:after{background-color:#fff}.connected{background-color:#2a4;color:#fff}.disconnected{background-color:#a42;color:#fff}.partial{background-color:#a84;color:#fff}.resize-handle{position:absolute;background:transparent}.resize-handle-n{top:0;left:10px;right:10px;height:6px;cursor:n-resize}.resize-handle-s{bottom:0;left:10px;right:10px;height:6px;cursor:s-resize}.resize-handle-e{right:0;top:10px;bottom:10px;width:6px;cursor:e-resize}.resize-handle-w{left:0;top:10px;bottom:10px;width:6px;cursor:w-resize}.resize-handle-ne{top:0;right:0;width:12px;height:12px;cursor:ne-resize}.resize-handle-nw{top:0;left:0;width:12px;height:12px;cursor:nw-resize}.resize-handle-se{bottom:0;right:0;width:12px;height:12px;cursor:se-resize}.resize-handle-sw{bottom:0;left:0;width:12px;height:12px;cursor:sw-resize}.terminal-container.maximized .resize-handle{display:none}#terminal-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.split-container{display:flex;flex:1;overflow:hidden}.split-horizontal{flex-direction:row}.split-vertical{flex-direction:column}.split-pane{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;flex-shrink:1;flex-grow:1;transition:flex-basis .2s ease-out,opacity .2s ease-out}body.resizing-split .split-pane{transition:none}.split-pane.animating-in{flex-basis:0%!important;opacity:0}.split-pane.animating-out{flex-basis:0%!important;opacity:0;pointer-events:none}.split-divider{background-color:#333;flex-shrink:0;transition:background-color .15s,opacity .2s ease-out}.split-divider.animating-in{opacity:0}.split-divider:hover{background-color:#555}.split-divider-horizontal{width:4px;cursor:col-resize}.split-divider-vertical{height:4px;cursor:row-resize}.terminal-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;border:1px solid transparent;transition:border-color .15s}.terminal-panel.focused{border-color:#4a9eff}.panel-header{background-color:#252525;padding:4px 10px;display:flex;align-items:center;gap:8px;font-size:11px;color:#888;flex-shrink:0}.panel-header span:first-child{flex:1}.panel-status{font-size:10px;padding:2px 6px;border-radius:3px}.panel-status.connected{background-color:#2a4;color:#fff}.panel-status.disconnected{background-color:#a42;color:#fff}.panel-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:2px 4px;line-height:1}.panel-btn:hover{color:#fff}.panel-close-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:2px 4px;line-height:1}.panel-close-btn:hover{color:#f55}.terminal-area{flex:1;overflow:hidden}.xterm{height:100%;padding:2px}.xterm-viewport{overflow-y:auto!important}body.dragging,body.resizing,body.resizing-split{-webkit-user-select:none;user-select:none;cursor:inherit}body.dragging *{cursor:move!important}body.resizing-split .split-divider-horizontal{cursor:col-resize!important}body.resizing-split .split-divider-vertical{cursor:row-resize!important}