:root{--bg:#f4f5f7;--bg-elev:#fff;--bg-code:#f7f8fa;--text:#1b1f24;--muted:#5c6570;--border:#d8dde3;--accent:#1f4ed8;--accent-hover:#163db0;--danger:#b42318;--danger-bg:#fdecea;--toast-bg:#122033;--toast-text:#f4f7fb;--shadow:0 1px 2px #1018280f;--radius:10px;--mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;--sans:"Segoe UI", system-ui, -apple-system, sans-serif;--tok-keyword:#6d28d9;--tok-type:#0f766e;--tok-string:#9a3412;--tok-comment:#64748b;--tok-ident:#1d4ed8;--tok-punct:#475569}html.dark{--bg:#101418;--bg-elev:#181e25;--bg-code:#12181f;--text:#e8edf3;--muted:#9aa4b2;--border:#2a3340;--accent:#6ea8ff;--accent-hover:#8cbcff;--danger:#ff8a80;--danger-bg:#3a1d1d;--toast-bg:#e8edf3;--toast-text:#101418;--shadow:0 1px 2px #00000059;--tok-keyword:#c4b5fd;--tok-type:#5eead4;--tok-string:#fdba74;--tok-comment:#8b98a8;--tok-ident:#93c5fd;--tok-punct:#cbd5e1}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.skip-link{background:var(--accent);color:#fff;z-index:10;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header,.site-footer{border-color:var(--border);border-style:solid}.site-header{background:var(--bg-elev);border-width:0 0 1px}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.brand{color:var(--text);letter-spacing:.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border-radius:8px;flex:none;width:28px;height:28px}.theme-toggle,.btn,.link-btn{font:inherit;cursor:pointer}.theme-toggle{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px 12px}.theme-label-dark,html.dark .theme-label-light{display:none}html.dark .theme-label-dark{display:inline}.hero{padding:36px 0 12px}.hero h1{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2}.hero p{color:var(--muted);max-width:46rem;margin:0}.tool{padding:16px 0 40px}.workspace{grid-template-columns:1fr;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;display:grid}.panel,.controls,.faq-item,.legal,.error-fallback{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:600;display:flex}.link-btn{color:var(--accent);background:0 0;border:0;padding:0}.panel-actions{flex-wrap:wrap;gap:12px;display:flex}.json-input,.code-block,.code-placeholder{min-height:280px;font-family:var(--mono);margin:0;padding:12px;font-size:.82rem;line-height:1.55}.json-input{resize:vertical;background:var(--bg-code);width:100%;color:var(--text);border:0;flex:1}.json-input:focus,.root-input:focus,.btn:focus-visible,.theme-toggle:focus-visible,.link-btn:focus-visible,.code-block:focus{outline:2px solid var(--accent);outline-offset:-2px}.controls{flex-direction:column;justify-content:center;gap:10px;padding:16px;display:flex}.root-label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.root-input,.btn{border:1px solid var(--border);background:var(--bg-code);color:var(--text);border-radius:8px;padding:9px 12px}.btn{background:var(--bg-elev);font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost:hover{border-color:var(--danger);color:var(--danger)}.error-msg,.helper-msg{margin:0;font-size:.82rem}.error-msg{color:var(--danger);background:var(--danger-bg);white-space:pre-wrap;font-family:var(--mono);border-radius:8px;padding:8px 10px;font-size:.78rem;line-height:1.45}.helper-msg{color:var(--muted)}.code-block{background:var(--bg-code);color:var(--text);white-space:pre;quotes:none;font-variant-ligatures:none;flex:1;overflow:auto}.code-placeholder{color:var(--muted)}.tok-keyword{color:var(--tok-keyword);font-weight:700}.tok-type{color:var(--tok-type)}.tok-string{color:var(--tok-string)}.tok-comment{color:var(--tok-comment)}.tok-ident{color:var(--tok-ident)}.tok-punct{color:var(--tok-punct)}.toast{background:var(--toast-bg);color:var(--toast-text);z-index:9999;pointer-events:none;border-radius:8px;padding:12px 16px;font-weight:650;animation:.16s ease-out toast-in;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #1018282e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.faq{padding:8px 0 48px}.seo-copy{padding:8px 0 24px}.copy-shell{width:min(800px,100% - 32px)}.copy-block{margin-bottom:28px}.copy-block h2{margin:0 0 10px;font-size:1.25rem;line-height:1.35}.copy-block p{color:var(--muted);margin:0 0 10px}.faq h2,.legal h1,.legal h2,.error-fallback h2{margin:0 0 12px}.faq-list{gap:10px;display:grid}.faq-item{padding:4px 16px 8px}.faq-item summary{cursor:pointer;padding:12px 0;font-weight:650}.faq-item p{color:var(--muted);margin:0 0 12px}.legal{width:min(800px,100% - 32px);margin:32px auto 48px;padding:28px}.legal-meta,.legal p,.legal li{color:var(--muted)}.legal h1,.legal h2{color:var(--text)}.site-footer{background:var(--bg-elev);border-width:1px 0 0}.footer-inner{min-height:64px;color:var(--muted);padding:12px 0;font-size:.9rem}.footer-nav{gap:16px;display:flex}.error-fallback{width:min(1180px,100% - 32px);margin:16px auto 32px;padding:24px}@media (min-width:960px){.workspace{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);align-items:stretch;min-height:62vh}.json-input,.code-block,.code-placeholder{min-height:62vh}}@media (max-width:959px){.workspace{grid-template-columns:1fr}.controls{order:0}}