:root{--bg-color: #0a0a0c;--sidebar-bg: rgba(15, 15, 20, .95);--text-color: #a0a0a0;--text-bright: #ffffff;--accent-color: #06b6d4;--accent-hover: #0891b2;--primary-color: #f59e0b;--border-color: #334155;--input-bg: #171717;--input-border: #262626;--success-color: #10b981;--danger-color: #ef4444;--font-mono: "Share Tech Mono", monospace;--font-display: "Orbitron", sans-serif;--font-sans: "Noto Sans SC", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);height:100vh;display:flex;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,#1a1a2e,#0a0a0c)}.sidebar{width:320px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem;flex-shrink:0;box-shadow:4px 0 20px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color);position:relative}.sidebar-header h2{margin:0;font-family:var(--font-display);font-size:1.5rem;color:var(--text-bright);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(245,158,11,.3)}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);margin:0 0 1rem;border-left:3px solid var(--accent-color);padding-left:.5rem}.control-group{display:flex;flex-direction:column;gap:1rem}label{font-size:.9rem;display:block;margin-bottom:.4rem;color:var(--text-color);opacity:.8}select,input[type=number],input[type=text]{width:100%;padding:.75rem 2rem .75rem .75rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-bright);font-family:var(--font-mono);font-size:1rem;border-radius:0;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2306b6d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select option{background-color:var(--sidebar-bg);color:var(--text-bright);padding:10px}select:focus,input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #06b6d41a;background-color:#06b6d40d}.checkbox-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;position:relative}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:20px;background:var(--input-bg);border:1px solid var(--border-color);position:relative;cursor:pointer;outline:none;transition:all .3s ease;border-radius:0}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#666;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0}input[type=checkbox]:checked{background:#06b6d433;border-color:var(--accent-color)}input[type=checkbox]:checked:after{transform:translate(20px);background:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]+label{margin-bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem}button{padding:.8rem 1.2rem;border:1px solid transparent;border-radius:0;cursor:pointer;font-family:var(--font-display);font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;width:100%;margin-bottom:.5rem;position:relative;overflow:hidden}#connect{background-color:transparent;border:1px solid var(--success-color);color:var(--success-color)}#connect:hover{background-color:#10b9811a;box-shadow:0 0 15px #10b98133;text-shadow:0 0 5px var(--success-color)}#connect:disabled{border-color:var(--border-color);color:#666;cursor:not-allowed;box-shadow:none}button#download,button#clear{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}button#download:hover,button#clear:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:#06b6d40d}.main-content{flex-grow:1;display:flex;flex-direction:column;background-color:#0006;position:relative;overflow:hidden;padding-bottom:20px}#terminal{flex-grow:1;width:100%;height:100%;padding:15px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.footer-info{font-size:.75rem;color:#555;margin-top:auto;text-align:center;padding-top:2rem;opacity:.7}.footer-info a{color:var(--accent-color);text-decoration:none;transition:color .2s}.footer-info a:hover{color:var(--text-bright);text-shadow:0 0 5px var(--accent-color)}.crt-overlay:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,6px 100%;z-index:9999;pointer-events:none;opacity:.6;animation:flicker .15s infinite}.crt-overlay:after{content:none}@keyframes flicker{0%{opacity:.55}5%{opacity:.6}10%{opacity:.55}15%{opacity:.6}20%{opacity:.55}25%{opacity:.6}30%{opacity:.55}35%{opacity:.6}40%{opacity:.55}45%{opacity:.6}50%{opacity:.55}55%{opacity:.6}60%{opacity:.55}65%{opacity:.6}70%{opacity:.55}75%{opacity:.6}80%{opacity:.55}85%{opacity:.6}90%{opacity:.55}95%{opacity:.6}to{opacity:.55}}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}