:root{--bg: #0b0f19;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--accent: #7dd3fc;--accent-2: #a78bfa;--shadow: 0 20px 50px rgba(0, 0, 0, .5);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%;margin:0;background:radial-gradient(900px 600px at 20% 0%,rgba(125,211,252,.1),transparent 55%),radial-gradient(900px 600px at 80% 0%,rgba(167,139,250,.1),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans)}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c168c;border-bottom:1px solid var(--border)}.topbar__inner{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;max-width:1400px;margin:0 auto}.brand__title{font-weight:700;letter-spacing:.2px}.brand__subtitle{font-size:12px;color:var(--muted);margin-top:2px}.topbar__actions{display:flex;gap:14px;align-items:center}.link{color:var(--muted);text-decoration:none;font-size:13px}.link:hover{color:var(--text)}.page{max-width:1400px;margin:0 auto;padding:18px;display:grid;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card__header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;gap:10px}.card__title{font-weight:650}.card__hint{margin-top:3px;font-size:12px;color:var(--muted);line-height:1.25}.card__headerRight{display:flex;gap:10px;align-items:center}.format{display:flex;gap:8px;align-items:center}.format__label{font-size:13px;color:var(--muted)}.select{border:1px solid var(--border);background:#ffffff1a;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13px}.select:hover{background:#ffffff24}.tabs{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0003}.tab{border:0;background:transparent;color:var(--muted);padding:7px 10px;cursor:pointer;font-size:13px}.tab:hover{background:#ffffff14;color:var(--text)}.tab--active{background:#ffffff1f;color:var(--text)}.is-hidden{display:none!important}.textarea{width:100%;min-height:200px;padding:14px;border:0;outline:none;resize:vertical;background:linear-gradient(180deg,#ffffff0f,#ffffff0a);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.4}.grid3{display:grid;grid-template-columns:1fr;gap:16px}.output{margin:0;padding:14px;min-height:440px;max-height:900px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.35;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-top:1px solid var(--border);white-space:pre}.output--svg{font-family:var(--sans);font-size:13px;line-height:1.35;white-space:normal}.output--svg svg{max-width:100%;height:auto;display:block}.button{border:1px solid var(--border);background:#ffffff1a;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13px}.button:hover{background:#ffffff24}.button--ghost{background:#ffffff0a}.pill{font-family:var(--mono);font-size:12px;padding:5px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#0003}.footer{background:transparent;border:0;box-shadow:none}.footer__inner{display:flex;justify-content:space-between;align-items:center;padding:6px 2px;color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}