*{box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-editor: #0f0f1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #8be9fd;--border: #333;--error: #ff5555;--loading-bg: rgba(26, 26, 46, .95)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-editor: #ffffff;--text-primary: #1a1a2e;--text-secondary: #666666;--accent: #0077cc;--border: #ddd;--error: #dc3545;--loading-bg: rgba(245, 245, 245, .95)}body{margin:0;font-family:system-ui,-apple-system,sans-serif;height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);color:var(--text-primary)}header{padding:.75rem 1rem;background:var(--bg-primary);color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.header-title{display:flex;align-items:center;gap:.75rem}.version-info{font-size:.75rem;color:var(--text-secondary)}.version-info a{color:var(--accent);text-decoration:none}.version-info a:hover{text-decoration:underline}.ruby-logo{flex-shrink:0}.header-actions{display:flex;align-items:center;gap:1rem}.github-link{display:flex;align-items:center;justify-content:center;padding:.4rem .6rem;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);text-decoration:none}.github-link:hover{background:var(--bg-secondary)}#theme-toggle{background:transparent;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;cursor:pointer;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center}#theme-toggle:hover{background:var(--bg-secondary)}.sun-icon,.moon-icon{display:none}[data-theme=dark] .sun-icon,[data-theme=light] .moon-icon{display:block}main{flex:1;display:flex;min-height:0}#input-pane,#output-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-editor)}#input-pane{border-right:1px solid var(--border)}#input-editor,#output-editor{flex:1;overflow:auto}.cm-editor{height:100%}#error-display{padding:.75rem;background:var(--error);color:#fff;font-family:monospace;font-size:.875rem}#error-display.hidden{display:none}.loading{position:fixed;inset:0;background:var(--loading-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);z-index:1000}.loading.hidden{display:none}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){main{flex-direction:column}#input-pane{border-right:none;border-bottom:1px solid var(--border)}}