:root{color-scheme:dark;--bg:#1e1e1e;--bg-alt:#252526;--border:#3c3c3c;--text:#d4d4d4;--accent:#007acc}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{flex-direction:column;display:flex}.topbar{background:var(--bg-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.topbar-title{align-items:center;gap:.5rem;display:flex}.topbar h1{margin:0;font-size:1rem;font-weight:600}.topbar-actions{align-items:center;gap:1rem;display:flex}.lang-switch{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.lang-switch a{color:var(--text);opacity:.6;text-decoration:none}.lang-switch a:hover{opacity:.9}.lang-switch a[aria-current=page]{opacity:1;color:var(--accent);font-weight:600}.lang-switch span{opacity:.4}.donate-btn{color:var(--accent);background:#007acc1f;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.donate-btn:hover{background:#007acc38;transform:translateY(-1px)}.donate-label-short{display:none}@media (width<=480px){.donate-label-full{display:none}.donate-label-short{display:inline}}.not-found{text-align:center;max-width:480px;margin:3rem auto;padding:0 1rem}.not-found hr{border-color:var(--border);margin:1.5rem 0}.not-found a{color:var(--accent)}#toggle-input svg{transition:transform .15s}#toggle-input[aria-expanded=false] svg{transform:rotate(-90deg)}.layout-toggle{border:1px solid var(--border);border-radius:4px;flex-shrink:0;display:flex;overflow:hidden}.layout-btn{background:var(--bg);width:2rem;height:1.9rem;color:var(--text);opacity:.55;cursor:pointer;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.layout-btn+.layout-btn{border-left:1px solid var(--border)}.layout-btn:hover{opacity:.85}.layout-btn.active{opacity:1;background:var(--accent);color:#fff}select,textarea,button{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.85rem}select{padding:.3rem .5rem}#language-select{flex-shrink:0;min-width:9.5rem;padding-right:.75rem}#input-section[hidden]{display:none}#input-section{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}#input-section label{opacity:.8;font-size:.8rem}textarea{resize:vertical;min-height:90px;padding:.5rem;line-height:1.4}#patch-input{min-height:140px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer;align-self:flex-start;padding:.45rem 1.1rem;font-weight:500}button.primary:hover{opacity:.9}.patch-actions{align-items:center;gap:.75rem;display:flex}.upload-btn{border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.4rem .9rem;font-size:.85rem}.upload-btn:hover{border-color:var(--accent)}.patch-filename{opacity:.7;font-size:.8rem}.diff-toolbar[hidden]{display:none}.diff-toolbar{background:var(--bg-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.4rem 1rem;font-size:.8rem;display:flex}.toolbar-group{align-items:center;gap:.5rem;min-width:0;display:flex}.toolbar-group:first-child{flex:1;min-width:0}.toolbar-group:not(:first-child){flex-shrink:0}.icon-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;padding:0;font-size:1rem;line-height:1;display:inline-flex}a.icon-btn{background:var(--bg);color:var(--text);border:1px solid var(--border);opacity:.75;border-radius:4px;text-decoration:none}a.icon-btn:hover{opacity:1}.icon-btn:disabled{opacity:.3;cursor:default}.counter{opacity:.75;white-space:nowrap;flex-shrink:0}.file-path{opacity:.9;text-overflow:ellipsis;white-space:nowrap;cursor:help;flex:1;min-width:3rem;font-family:ui-monospace,SFMono-Regular,monospace;overflow:hidden}.detected-language{opacity:.6;white-space:nowrap;font-size:.75rem}#diff-editor{flex:1;min-height:0}#empty-hint{color:var(--text);opacity:.5;flex:1;justify-content:center;align-items:center;margin:0;font-size:.9rem;display:flex}#empty-hint[hidden]{display:none}