:root{--bg: #0f1117;--panel: #171a23;--panel-border: #262b3a;--text: #e6e8ef;--muted: #8b91a7;--accent: #7c8cff;--accent-soft: rgba(124, 140, 255, .14);--key: #9ecbff;--string: #a5d6a7;--number: #ffcc80;--boolean: #f48fb1;--null: #90a4ae;--date: #ce93d8;--radius: 10px;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}code{background:var(--accent-soft);padding:.1em .35em;border-radius:4px;font-size:.9em}a{color:var(--accent)}.site-header{padding:1.5rem 2rem .5rem}.site-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}.site-header h1{margin:0;font-size:1.4rem}.site-header h1 a{color:inherit;text-decoration:none}.site-header p{margin:0;color:var(--muted);max-width:70ch}.lang-switcher{display:flex;gap:.3rem;flex-wrap:wrap}.lang-link{color:var(--muted);text-decoration:none;font-size:.8rem;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--panel-border)}.lang-link:hover{color:var(--text);border-color:var(--accent)}.lang-link.active{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 2rem;align-items:stretch}@media(max-width:900px){.layout{grid-template-columns:1fr}}.panel{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;min-height:420px}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .9rem;border-bottom:1px solid var(--panel-border);flex-wrap:wrap}.panel-title{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.btn{background:var(--accent-soft);color:var(--text);border:1px solid transparent;border-radius:6px;padding:.35rem .75rem;font:inherit;font-size:.85rem;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-ghost{background:transparent;border-color:var(--panel-border)}.btn-primary{background:var(--accent);color:#101223;font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.btn:disabled{opacity:.45;cursor:not-allowed;border-color:transparent}#source{flex:1;width:100%;resize:none;border:none;outline:none;background:transparent;color:var(--text);padding:.9rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.55}.drop-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#7c8cff1f;border:2px dashed var(--accent);border-radius:var(--radius);font-weight:600;pointer-events:none}#dropzone.dragging .drop-hint{display:flex}.search-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--panel-border)}#search{flex:1;background:var(--bg);border:1px solid var(--panel-border);border-radius:6px;color:var(--text);padding:.4rem .7rem;font:inherit;font-size:.85rem;outline:none}#search:focus{border-color:var(--accent)}#search:disabled{opacity:.45}.search-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.result{flex:1;overflow:auto;padding:.7rem .9rem}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:.2rem;padding:1rem}.state .muted,.muted{color:var(--muted);font-size:.9rem}#state-error p{max-width:48ch;line-height:1.5}#tree{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.86rem;line-height:1.5}.node.leaf{display:flex;gap:.6rem;align-items:baseline;padding:.15rem .35rem;border-radius:5px}.node.leaf:hover{background:#ffffff08}.node.leaf.hit{background:var(--accent-soft)}.key{color:var(--key);font-weight:600;white-space:nowrap}.value{overflow-wrap:anywhere}.value-string{color:var(--string)}.value-number{color:var(--number)}.value-boolean{color:var(--boolean)}.value-null{color:var(--null);font-style:italic}.value-date{color:var(--date)}details.branch summary{cursor:pointer;padding:.15rem .35rem;border-radius:5px;display:flex;gap:.5rem;align-items:baseline;list-style-position:outside}details.branch summary:hover{background:#ffffff08}details.branch summary:before{content:"▸";color:var(--muted);font-size:.8em}details.branch[open]>summary:before{content:"▾"}details.branch.hit>summary{background:var(--accent-soft)}.badge{font-size:.72rem;color:var(--muted);background:#ffffff0d;border-radius:999px;padding:.05rem .5rem}.children{margin-left:.55rem;padding-left:.7rem;border-left:1px solid var(--panel-border)}.components-bar{display:flex;align-items:center;gap:.7rem;padding:.5rem .9rem;border-top:1px solid var(--panel-border);flex-wrap:wrap}.components-list{display:flex;gap:.35rem;flex-wrap:wrap}.comp-chip{font-size:.78rem;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--panel-border);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.comp-ok{color:var(--string);border-color:#a5d6a766}.comp-warn{color:var(--number);border-color:#ffcc8080}.comp-unused{color:var(--muted)}.meta-bar{display:flex;gap:1rem;padding:.5rem .9rem;border-top:1px solid var(--panel-border);color:var(--muted);font-size:.8rem}.site-footer{padding:1rem 2rem 1.4rem;color:var(--muted);font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.legal-main{flex:1;padding:1rem 2rem 2rem;max-width:70ch}.legal-main h2{font-size:1.15rem;margin-top:0}.legal-main p{line-height:1.6;color:var(--text)}.legal-main ul{line-height:1.7;padding-left:1.2rem}.legal-main li{margin-bottom:.6rem}.legal-back{display:inline-block;margin-top:1rem;color:var(--accent);text-decoration:none}.legal-back:hover{text-decoration:underline}