#terminal-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.control-button{background-color:var(--primary);color:#fff;border:1px solid var(--primary-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.control-button:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.control-button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.7}main{display:flex;flex-direction:column;gap:var(--spacing-md)}#terminal-area-wrapper{display:flex;flex-direction:row;flex-grow:1;min-height:400px}#xterm-container{background-color:#f5f5f5;border:1px solid var(--border-color);padding:0;font-family:Roboto Mono,Fira Code,Source Code Pro,monospace;overflow-y:auto;resize:none;border-radius:var(--border-radius);flex-grow:1}body.dark-theme #xterm-container{background-color:#1a1a1a;border-color:#333}#xterm-container .xterm{height:100%}#xterm-container .xterm-viewport{width:100%!important}#main-settings-panel{background-color:var(--card-bg);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;flex-direction:column;width:300px;max-width:300px;gap:var(--spacing-md);margin-left:var(--spacing-md);box-shadow:var(--box-shadow-sm)}#main-settings-panel.hidden{display:none}#main-settings-panel h2{margin:0;font-size:1.2rem;text-align:center}.settings-nav{display:flex;justify-content:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.settings-nav-button{background-color:transparent;color:var(--text-muted);border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.9rem;border-bottom:3px solid transparent;margin-bottom:-1px;border-radius:0}.settings-nav-button:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--gray-300)}.settings-nav-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.settings-view h3{font-size:1rem;text-align:center;margin-bottom:var(--spacing-sm)}.setting-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.setting-group label{flex-basis:130px;flex-shrink:0;margin-bottom:0;font-size:.85rem}.setting-group select,.setting-group input[type=color],.setting-group input[type=number]{flex-grow:1;min-width:80px}.setting-group input[type=file]{opacity:0;position:absolute;width:.1px;height:.1px;overflow:hidden;z-index:-1}.settings-actions{margin-top:var(--spacing-md);display:flex;justify-content:center;gap:var(--spacing-sm)}.hidden{display:none!important}body.dark-theme #main-settings-panel{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .settings-nav{border-bottom-color:var(--border-color)}body.dark-theme .settings-nav-button{color:var(--text-muted)}body.dark-theme .settings-nav-button.active{color:var(--primary);border-bottom-color:var(--primary)}body.dark-theme .control-button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500)}@media (max-width: 768px){#terminal-area-wrapper{flex-direction:column}#main-settings-panel{width:100%;max-width:100%;margin-left:0;margin-top:var(--spacing-md)}.control-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}