@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--page: #ffffff;--surface: #f8fafc;--surface-strong: #f2f5f9;--text: #162033;--muted: #68758a;--faint: #98a2b3;--border: #e3e8ef;--border-strong: #d4dbe5;--accent: #285fdb;--accent-hover: #1f4fbf;--accent-soft: #edf3ff;--success: #16865c;--success-soft: #eaf8f2;--danger: #c93b45;--danger-soft: #fff0f1;--shadow-focus: 0 0 0 3px rgb(40 95 219 / 14%);--mono: "DM Mono", "SFMono-Regular", Consolas, monospace}:root[data-theme=dark]{color:#e9eef7;background:#10141c;--page: #10141c;--surface: #151b25;--surface-strong: #1a2230;--text: #e9eef7;--muted: #a0adbf;--faint: #77849a;--border: #283244;--border-strong: #354257;--accent: #739cff;--accent-hover: #91b1ff;--accent-soft: #1d2d52;--success: #5ad2a2;--success-soft: #17362c;--danger: #ff7d86;--danger-soft: #3a2026;--shadow-focus: 0 0 0 3px rgb(115 156 255 / 18%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:var(--page)}.site-header{position:sticky;z-index:20;top:0;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:15px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#fff;background:var(--accent)}.main-nav{align-self:stretch;display:flex;align-items:stretch;gap:30px}.nav-link{position:relative;display:flex;align-items:center;color:var(--muted);font-size:14px;font-weight:600}.nav-link:hover,.nav-link--active{color:var(--text)}.nav-link--active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);content:""}.icon-button{display:grid;width:36px;height:36px;place-items:center;justify-self:end;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--page);cursor:pointer}.icon-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.icon-button:focus-visible,.action-button:focus-visible,.large-field input:focus-visible,.large-field button:focus-visible,.code-editor textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.icon-button--quiet{width:30px;height:30px;border:0;background:transparent}main{width:min(1280px,calc(100% - 48px));margin:0 auto}.tool-section{scroll-margin-top:88px}.json-section{padding:54px 0 64px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h1,.section-heading h2{margin:0;color:var(--text);font-size:26px;line-height:1.2;letter-spacing:-.04em}.section-heading h2{font-size:24px}.section-heading p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.validation-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border-radius:8px;color:var(--success);background:var(--success-soft);font-size:13px;font-weight:600}.validation-status--error{color:var(--danger);background:var(--danger-soft)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;min-height:560px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface)}.editor-panel{display:grid;min-width:0;grid-template-rows:56px minmax(440px,1fr) 36px}.editor-panel+.editor-panel{border-left:1px solid var(--border-strong)}.editor-toolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:0 14px 0 18px;border-bottom:1px solid var(--border);background:var(--page)}.toolbar-label{display:flex;min-width:0;align-items:baseline;gap:10px;color:var(--text);font-size:13px;font-weight:650}.count{color:var(--faint);font-size:11px;font-weight:500}.toolbar-actions{display:flex;gap:6px}.action-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--page);font-size:12px;font-weight:600;cursor:pointer}.action-button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface)}.action-button--primary{color:#fff;border-color:var(--accent);background:var(--accent)}.action-button--primary:hover:not(:disabled){color:#fff;border-color:var(--accent-hover);background:var(--accent-hover)}.action-button:disabled{cursor:not-allowed;opacity:.45}.code-editor{position:relative;display:grid;min-height:0;grid-template-columns:50px minmax(0,1fr);overflow:auto;background:var(--surface)}.line-numbers{display:flex;flex-direction:column;align-items:flex-end;min-height:100%;padding:20px 13px 40px 8px;border-right:1px solid var(--border);color:var(--faint);background:var(--surface-strong);font-family:var(--mono);font-size:12px;line-height:1.72;-webkit-user-select:none;user-select:none}.line-numbers span{height:20.64px}.code-editor textarea,.code-editor pre{width:100%;min-width:0;min-height:100%;margin:0;padding:20px 22px 40px;border:0;outline:0;color:var(--text);background:transparent;font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.72;-moz-tab-size:2;tab-size:2;white-space:pre}.code-editor textarea{resize:none}.code-editor textarea::placeholder{color:var(--faint)}.code-editor--output{background:color-mix(in srgb,var(--surface) 75%,var(--accent-soft))}.token-key{color:#6e48c7}.token-string{color:#137a55}.token-boolean,.token-null{color:#ba4b31}.token-number{color:#1e64c8}:root[data-theme=dark] .token-key{color:#c3a7ff}:root[data-theme=dark] .token-string{color:#76d7ae}:root[data-theme=dark] .token-boolean,:root[data-theme=dark] .token-null{color:#ff9d86}:root[data-theme=dark] .token-number{color:#8db6ff}.empty-output{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--faint);font-size:13px}.editor-status{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;overflow:hidden;border-top:1px solid var(--border);color:var(--faint);background:var(--page);font-size:11px}.editor-status--error{color:var(--danger);background:var(--danger-soft)}.status-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp-section{padding:62px 0 72px;border-top:1px solid var(--border)}.live-clock{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.live-clock svg{color:var(--accent)}.live-clock strong{color:var(--text);font-size:13px;font-weight:500}.live-clock button,.large-field button{border:0;color:var(--accent);background:transparent;font-size:12px;font-weight:700;cursor:pointer}.timestamp-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;border:1px solid var(--border-strong);border-radius:12px;background:var(--page)}.conversion-panel{padding:24px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:var(--text);font-size:13px;font-weight:650}.unit-chip{color:var(--muted);font-size:11px;font-weight:500}.large-field{display:flex;height:48px;align-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.large-field:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.large-field input{width:100%;min-width:0;height:100%;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent;font-size:14px}.large-field button{height:100%;padding:0 14px;border-left:1px solid var(--border)}.conversion-results{margin-top:18px;border-top:1px solid var(--border)}.result-row{display:grid;min-height:45px;grid-template-columns:88px minmax(0,1fr) 30px;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.result-label{color:var(--muted);font-size:12px}.result-row strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--mono)}.conversion-arrow{display:grid;place-items:center;border-right:1px solid var(--border);border-left:1px solid var(--border);color:var(--accent);background:var(--surface)}.conversion-arrow svg{transform:rotate(-90deg)}footer{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1280px)/2));border-top:1px solid var(--border);color:var(--faint);background:var(--surface);font-size:12px}.copy-toast{position:fixed;z-index:50;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--border));border-radius:9px;color:var(--success);background:var(--page);box-shadow:0 14px 40px #151f3026;font-size:13px;font-weight:650;opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.copy-toast--visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.site-header{padding:0 20px}main{width:min(100% - 32px,720px)}.json-section{padding-top:38px}.workspace{grid-template-columns:1fr}.editor-panel{grid-template-rows:56px 390px 36px}.editor-panel+.editor-panel{border-top:1px solid var(--border-strong);border-left:0}.timestamp-workspace{grid-template-columns:1fr}.conversion-arrow{height:42px;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.conversion-arrow svg{transform:none}}@media(max-width:620px){.site-header{height:58px;grid-template-columns:1fr auto}.brand span:last-child{display:none}.main-nav{position:absolute;left:50%;transform:translate(-50%);gap:20px}main{width:calc(100% - 24px)}.json-section{padding:30px 0 46px}.section-heading{align-items:flex-start}.section-heading h1,.section-heading h2{font-size:22px}.section-heading p{max-width:250px;font-size:13px}.validation-status{min-height:28px;padding:0 9px;font-size:11px}.workspace{border-radius:10px}.editor-toolbar{height:auto;min-height:56px;padding:8px 10px 8px 14px}.toolbar-label .count{display:none}.toolbar-actions{gap:4px}.action-button{min-height:32px;padding:0 8px}.action-button svg{display:none}.code-editor{grid-template-columns:42px minmax(0,1fr)}.code-editor textarea,.code-editor pre{padding:16px 14px 30px;font-size:12px}.line-numbers{padding-top:16px;font-size:11px}.editor-status{padding:0 10px}.editor-status span:last-child{display:none}.timestamp-section{padding:44px 0 52px}.timestamp-section .section-heading{display:block}.live-clock{margin-top:16px}.conversion-panel{padding:18px 14px}.result-row{grid-template-columns:72px minmax(0,1fr) 30px}.result-row strong{font-size:12px}footer{display:block;padding:22px 18px;text-align:center}footer span{display:block}footer span+span{margin-top:6px}.copy-toast{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}