:root{--bg-color:#1e1e1e;--text-color:#e0e0e0;--accent-color:#007acc;--border-color:#333;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:20px;}.container{max-width:800px;margin:0 auto;}header{margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px;}.controls{display:flex;align-items:center;gap:20px;margin-bottom:20px;background:#252526;padding:15px;border-radius:5px;}button{background-color:var(--accent-color);color:white;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;height:40px;white-space:nowrap;}button i{margin-right:6px;}button:hover{opacity:0.9;}button:disabled{background-color:#555;cursor:not-allowed;}#packSelectBtn{min-width:105px;}.log-container{background:#000;border:1px solid var(--border-color);border-radius:5px;padding:10px;height:400px;overflow-y:auto;font-family:'Consolas','Courier New',monospace;font-size:13px;}.log-entry{margin:2px 0;white-space:pre-wrap;word-break:break-all;}.log-tx{color:#4caf50;}.log-rx{color:#2196f3;}.log-success{color:#00e676;font-weight:bold;}.log-info{color:#aaa;}.log-error{color:#f44336;}.log-warn{color:#ff9800;font-weight:bold;}.status-panel{margin-top:10px;padding:10px;background-color:#252526;border:1px solid var(--border-color);border-radius:4px;font-weight:bold;color:var(--text-color);}.info-value{display:inline-block;min-width:50px;text-align:right;}.browser-info{margin:10px 0;padding:10px;background:#2a2a2a;border:1px solid #444;border-radius:4px;font-family:monospace;font-size:0.9em;}.browser-info strong{color:#00bcd4;}.status-success{color:#00e676;font-weight:bold;}.status-error{color:#ff5252;font-weight:bold;}.browser-warning{margin-top:8px;padding:8px;background:#3a2a2a;border-left:3px solid #ff9800;color:#ffb74d;}.browser-supported-list{margin-top:8px;font-size:0.85em;color:#888;}