:root{--bg:#0f1724;--bg-2:#041223;--card:#0b1220;--muted:#9aa4b2;--accent:#60a5fa;--glass:#ffffff08;--text:#e6eef6;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);color:var(--text);margin:0;padding:24px;font-family:Roboto,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI;transition:background .24s,color .18s}.container{max-width:1100px;margin:0 auto}.header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.title-row{align-items:center;gap:8px;display:flex}.github-link{color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:4px;text-decoration:none;display:inline-flex}.github-link:hover{color:var(--accent);background:#ffffff05}.site-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.header h1{margin:0;font-size:1.35rem}.author{color:var(--muted);margin:0}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pane{background:var(--card);border-radius:var(--radius);padding:12px;transition:background .18s,box-shadow .18s;box-shadow:0 6px 18px #02061799}.label{color:var(--muted);margin-bottom:8px;font-size:.85rem;display:block}.input{background:var(--glass);width:100%;height:420px;color:inherit;resize:vertical;border:1px solid #ffffff08;border-radius:8px;padding:12px}.output-pane .output{white-space:pre-wrap;font-variant-ligatures:none;background:#071427;border:1px solid #ffffff05;border-radius:8px;height:420px;padding:12px;overflow:auto}.input,.output-pane .output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;line-height:1.5}.output[data-error=true]{color:#ffb4b4;background:linear-gradient(#ff000008,#0000)}@media (width<=800px){.grid{grid-template-columns:1fr}.input,.output{height:320px}}.controls{align-items:center;gap:8px;display:flex}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button[disabled]{opacity:.45;cursor:not-allowed}.output-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.output-actions{align-items:center;gap:8px;display:flex}.copied-badge{background:var(--accent);color:#041427;border-radius:999px;padding:4px 8px;font-size:.75rem}:root.theme-light{--bg:#f3f6f9;--bg-2:#eef3f8;--card:#fff;--muted:#5b6a76;--accent:#2563eb;--glass:#0b122008;--text:#0b1220}:root.theme-light .input{background:var(--glass);color:inherit;border:1px solid #0b12200f}:root.theme-light .pane{background:var(--card);box-shadow:0 6px 18px #0b12200a}:root.theme-light .output{color:inherit;background:#fbfdff;border:1px solid #0b12200a}.visually-hidden{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}