*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#f7f8fa;--surface:#fff;--border:#eaecf0;--border-hover:#d0d5dd;--text:#101828;--muted:#667085;--hint:#98a2b3;--accent:#4f7ef8;--accent-light:#eff4ff;--accent-border:#c7d7fd;--success:#027a48;--success-bg:#ecfdf3;--success-border:#abefc6;--error:#c01048;--error-bg:#fff1f3;--error-border:#fecdd6;--mono:"Space Mono", monospace;--sans:"Plus Jakarta Sans", sans-serif;--radius:12px;--radius-sm:8px;--radius-pill:100px;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-hover:0 4px 8px #10182814, 0 2px 4px #1018280a}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;font-size:15px;line-height:1.6}body{padding-bottom:6rem}.btn{font-family:var(--sans);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.btn:hover{background:var(--bg2);color:var(--text);border-color:var(--border-hover)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{opacity:.9}.btn.success{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.btn-tiny{font-family:var(--sans);border:1px solid var(--border);height:22px;color:var(--hint);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.btn-tiny:hover{background:var(--bg2);color:var(--text);border-color:var(--border-hover)}.btn-tiny.copied{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.btn-tiny:disabled{opacity:.35;cursor:default;pointer-events:none}.chip{font-family:var(--mono);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;padding:0 12px;font-size:12px;transition:all .12s}.chip:hover{border-color:var(--border-hover);color:var(--text)}.chip.active{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.chip.copied{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.status-pill{font-family:var(--mono);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.valid{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-pill.invalid{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.status-pill.empty{background:var(--bg2);color:var(--hint);border:1px solid var(--border)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.spacer{flex:1}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hint);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.panel-actions{gap:6px;display:flex}.editor-wrap{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.editor-wrap{grid-template-columns:1fr}}textarea{width:100%;font-family:var(--mono);background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;outline:none;padding:14px;font-size:12px;line-height:1.7;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--surface)}select{font-family:var(--sans);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2398a2b3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding-right:24px;font-size:13px}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input[type=text],input[type=number],input[type=datetime-local]{font-family:var(--mono);background:var(--surface);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus,input[type=datetime-local]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.output-box{width:100%;font-family:var(--mono);background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);white-space:pre;cursor:default;padding:14px;font-size:12px;line-height:1.7;overflow:auto}.topbar.svelte-1elxaub{align-items:center;width:100%;padding:1.5rem 1.25rem 2.5rem;display:flex}.logo.svelte-1elxaub{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;font-size:13px;font-weight:700}.logo.svelte-1elxaub span:where(.svelte-1elxaub){color:var(--accent)}.network-footer.svelte-jz8lnl{background:var(--surface);border-top:1px solid var(--border);font-family:var(--mono);z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 1.25rem;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.net-label.svelte-jz8lnl{color:var(--hint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;text-decoration:none;transition:color .12s}.net-label.svelte-jz8lnl:hover{color:var(--accent)}.network-footer.svelte-jz8lnl a:where(.svelte-jz8lnl){color:var(--muted);text-decoration:none;transition:color .12s}.network-footer.svelte-jz8lnl a:where(.svelte-jz8lnl):hover{color:var(--accent)}.network-footer.svelte-jz8lnl a.active:where(.svelte-jz8lnl){color:var(--accent);font-weight:700}.sep.svelte-jz8lnl{color:var(--border-hover)}.feedback-link.svelte-jz8lnl{color:var(--hint);font-style:italic}.feedback-link.svelte-jz8lnl:hover{color:var(--accent)}.app-shell.svelte-12qhfyh{width:100%}