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