*{box-sizing:border-box}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-editor:#0f0f1a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#8be9fd;--border:#333;--error:#f55;--loading-bg:#1a1a2ef2}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-editor:#fff;--text-primary:#1a1a2e;--text-secondary:#666;--accent:#07c;--border:#ddd;--error:#dc3545;--loading-bg:#f5f5f5f2}body{background:var(--bg-secondary);height:100vh;color:var(--text-primary);flex-direction:column;margin:0;font-family:system-ui,-apple-system,sans-serif;display:flex}header{background:var(--bg-primary);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}header h1{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.header-title{align-items:center;gap:.75rem;display:flex}.version-info{color:var(--text-secondary);font-size:.75rem}.version-info a{color:var(--accent);text-decoration:none}.version-info a:hover{text-decoration:underline}.ruby-logo{flex-shrink:0}.header-actions{align-items:center;gap:1rem;display:flex}.github-dropdown{position:relative}.github-dropdown-toggle{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-family:inherit;font-size:.875rem;display:flex}.github-dropdown-toggle:hover{background:var(--bg-secondary)}.dropdown-arrow{transition:transform .2s}.github-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.github-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:100;border-radius:4px;min-width:160px;padding:.25rem 0;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)}.github-dropdown.open .github-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--bg-secondary)}#theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:1rem;display:flex}#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;min-height:0;display:flex}#input-pane,#output-pane{background:var(--bg-editor);flex-direction:column;flex:1;min-width:0;display:flex}#input-pane{border-right:1px solid var(--border)}#input-editor,#output-editor{flex:1;overflow:auto}.cm-editor{height:100%}#error-display{background:var(--error);color:#fff;padding:.75rem;font-family:monospace;font-size:.875rem}#error-display.hidden{display:none}.loading{background:var(--loading-bg);color:var(--text-primary);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading.hidden{display:none}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){main{flex-direction:column}#input-pane{border-right:none;border-bottom:1px solid var(--border)}}