.jv-app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;background:radial-gradient(1200px 600px at 20% -10%,var(--accent-soft),transparent 60%),radial-gradient(800px 400px at 110% 110%,var(--accent-soft),transparent 60%),var(--bg)}.jv-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:#0e0e1099;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=light] .jv-header{background:#fbfaf7b3}.jv-header__brand{display:flex;align-items:baseline;gap:10px;letter-spacing:-.01em;text-decoration:none}.jv-header__mark{font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--accent);letter-spacing:0}.jv-header__name{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text)}.jv-header__name em{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:19px;letter-spacing:-.01em;color:var(--text);margin-right:2px}.jv-header__meta{display:flex;align-items:center;gap:14px}.jv-header__pill{font-size:11px;font-weight:500;color:var(--text-muted);padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);letter-spacing:.04em}.jv-header__link{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .12s ease}.jv-header__link:hover{color:var(--accent)}.jv-stage{overflow:hidden;display:flex;flex-direction:column}.jv-stage--tree{overflow:auto;padding:14px 22px 60px}.jv-input{margin:0 auto;padding:56px 24px 32px;width:100%;max-width:880px;display:flex;flex-direction:column;gap:22px;height:100%;overflow-y:auto;position:relative}.jv-input--drag .jv-input__editor{border-color:var(--accent)}.jv-input__hero{text-align:center;margin-bottom:8px}.jv-input__title{font-family:var(--font-mono);font-weight:500;font-size:36px;letter-spacing:-.02em;margin:0 0 12px;color:var(--text)}.jv-input__title em{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:48px;color:var(--accent);letter-spacing:-.03em;margin-right:4px}.jv-input__subtitle{font-size:14px;color:var(--text-muted);max-width:540px;margin:0 auto;line-height:1.6}.jv-input__editor-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);transition:border-color .16s ease,box-shadow .16s ease;box-shadow:var(--shadow-1)}.jv-input__editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.jv-input__editor{width:100%;min-height:260px;max-height:50vh;padding:18px 20px;background:transparent;border:none;outline:none;resize:vertical;color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.65;-moz-tab-size:2;tab-size:2}.jv-input__editor::placeholder{color:var(--text-faint);white-space:pre}.jv-input__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0b2320f;border:2px dashed var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent);font-weight:500;pointer-events:none;letter-spacing:.01em}.jv-input__error{font-size:12.5px;color:var(--danger);background:#e06c7514;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(224,108,117,.2)}.jv-input__actions{display:flex;gap:10px;flex-wrap:wrap}.btn{font-family:var(--font-mono);font-size:13px;font-weight:500;padding:9px 14px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:var(--radius-sm);transition:all .12s ease;letter-spacing:.01em;white-space:nowrap}.btn:hover{border-color:var(--border-strong);background:var(--bg-elev-2)}.btn:active{transform:translateY(1px)}.btn--sm{font-size:12px;padding:6px 11px}.btn--primary{background:var(--accent);color:#1a1a1d;border-color:var(--accent);font-weight:600}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn--ghost:hover{color:var(--text)}.btn--icon{padding:6px 9px;font-size:14px;background:transparent}.jv-toolbar{display:flex;align-items:center;gap:14px;padding:10px 22px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-wrap:wrap;height:60px}.jv-toolbar__group{display:flex;align-items:center;gap:6px}.jv-toolbar__group--search{flex:1 1 280px;min-width:240px}.jv-toolbar__group--right{margin-left:auto;gap:12px}.jv-search{display:flex;align-items:center;width:100%;max-width:480px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;transition:border-color .12s ease}.jv-search:focus-within{border-color:var(--border)}.jv-search__icon{color:var(--text-faint);font-size:14px;margin-right:6px}.jv-search__input{flex:1;background:transparent;border:none;outline:none;padding:8px 4px;font-family:var(--font-mono);font-size:13px;color:var(--text);min-width:0}.jv-search__input::placeholder{color:var(--text-faint)}.jv-search__count{font-size:11px;color:var(--text-muted);padding:2px 6px;background:var(--bg-elev);border-radius:3px;margin:0 4px;white-space:nowrap}.jv-search__nav{padding:4px 6px;font-size:11px;color:var(--text-muted);border-radius:3px;transition:color .12s ease,background .12s ease}.jv-search__nav:hover:not(:disabled){color:var(--accent);background:var(--bg-elev)}.jv-search__nav:disabled{opacity:.3;cursor:not-allowed}.jv-stats{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow-x:auto}.jv-stats b{color:var(--text);font-weight:600}.jv-stats__sep{opacity:.4}.jv-tree{--indent: 18px;font-family:var(--font-mono);font-size:13px;line-height:1.7;padding:8px 0;width:max-content;min-width:100%}.jv-node{position:relative}.jv-row{display:flex;align-items:baseline;gap:0;padding:1px 8px 1px 0;white-space:nowrap;position:relative;border-radius:3px}.jv-row:hover{background:var(--bg-elev)}.jv-row:hover .jv-copy{opacity:1}.jv-row--collapsible{cursor:pointer}.jv-row--match{background:var(--accent-soft);outline:1px solid var(--accent);outline-offset:-1px}.jv-row--match:hover{background:var(--accent-soft)}.jv-toggle{display:inline-block;width:14px;text-align:center;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:10px}.jv-toggle--leaf{color:transparent}.jv-key{color:var(--json-key);font-weight:500}.jv-index{color:var(--text-faint);margin-right:2px}.jv-index:before{content:"["}.jv-index:after{content:"]"}.jv-colon{color:var(--text-muted);margin-right:2px}.jv-bracket{color:var(--json-bracket);font-weight:500}.jv-comma{color:var(--json-comma)}.jv-string{color:var(--json-string);word-break:break-word}.jv-number{color:var(--json-number)}.jv-boolean{color:var(--json-boolean);font-weight:500}.jv-null{color:var(--json-null);font-style:italic}.jv-preview{color:var(--text-faint);font-style:italic;margin-left:2px;font-size:12px}.jv-count{color:var(--text-faint);font-size:11px;margin-left:6px;padding:1px 6px;background:var(--bg-elev-2);border-radius:999px}.jv-mark{background:var(--accent);color:#1a1a1d;padding:0 1px;border-radius:2px;font-weight:600}.jv-copy{margin-left:8px;padding:0 4px;font-size:12px;color:var(--text-faint);opacity:0;transition:opacity .12s ease,color .12s ease;border-radius:3px}.jv-copy:hover{color:var(--accent)}.jv-node>.jv-node{position:relative}.jv-row--close{color:var(--json-bracket)}.jv-row--more{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:11.5px;color:var(--text-muted)}.jv-more-btn{font-family:var(--font-mono);font-size:11.5px;color:var(--accent);border:1px solid var(--border);background:var(--bg-elev);padding:3px 9px;border-radius:3px;transition:all .12s ease}.jv-more-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.jv-more-btn--ghost{color:var(--text-muted)}.jv-faint{color:var(--text-faint);font-size:11px}.jv-footer{display:flex;align-items:center;gap:10px;padding:8px 22px;border-top:1px solid var(--border);background:var(--bg-elev);font-size:12px;overflow:hidden;white-space:nowrap}.jv-footer__label{color:var(--text-faint);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.jv-footer__path{color:var(--accent);font-family:var(--font-mono);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.jv-footer__hint{color:var(--text-faint);font-size:11px;white-space:nowrap}.jv-footer__credit{color:var(--text-muted);font-size:11px;margin-left:20px;opacity:.7;transition:opacity .12s ease;white-space:nowrap}.jv-footer__credit:hover{opacity:1}.jv-footer__heart{color:#e06c75;margin:0 2px}@media (max-width: 700px){.jv-footer__hint{display:none}.jv-stats{font-size:11px}.jv-header__pill{display:none}}.jv-view-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.jv-view-toggle .btn{border:none;background:transparent;padding:4px 10px;font-size:11px}.jv-view-toggle .btn--active{background:var(--bg-elev-2);color:var(--accent);box-shadow:var(--shadow-sm)}.jv-stage--explorer{padding:0;overflow:auto;background:var(--bg)}.jv-explorer{display:flex;flex-direction:column;padding:24px;gap:24px;max-width:1200px;margin:0 auto;width:100%}.jv-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:13px;padding:8px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jv-breadcrumbs__item{display:flex;align-items:center;gap:6px}.jv-breadcrumbs__btn{color:var(--text-muted);transition:color .12s ease;padding:2px 4px;border-radius:3px}.jv-breadcrumbs__btn:hover:not(:disabled){color:var(--accent);background:var(--bg-elev-2)}.jv-breadcrumbs__btn:disabled{color:var(--text);font-weight:600;cursor:default}.jv-breadcrumbs__sep{color:var(--text-faint);opacity:.5}.jv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.jv-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;gap:12px;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-1)}.jv-card--clickable{cursor:pointer}.jv-card--clickable:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2);background:var(--bg-elev-2)}.jv-card__header{display:flex;justify-content:space-between;align-items:center}.jv-card__type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;font-weight:700;background:var(--bg);border:1px solid var(--border)}.jv-card__type--object{color:var(--accent);border-color:var(--accent-soft)}.jv-card__type--array{color:var(--json-bracket);border-color:var(--accent-soft)}.jv-card__type--string{color:var(--json-string)}.jv-card__type--number{color:var(--json-number)}.jv-card__type--boolean{color:var(--json-boolean)}.jv-card__type--null{color:var(--json-null);font-style:italic}.jv-card__copy{opacity:0;transition:opacity .12s ease,color .12s ease;color:var(--text-faint);font-size:14px}.jv-card:hover .jv-card__copy{opacity:1}.jv-card__copy:hover{color:var(--accent)}.jv-card__body{display:flex;flex-direction:column;gap:6px}.jv-card__key{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--json-key);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-card__content{font-family:var(--font-mono);font-size:13px;line-height:1.5;word-break:break-all}.jv-card__val--string{color:var(--json-string)}.jv-card__val--number{color:var(--json-number)}.jv-card__val--boolean{color:var(--json-boolean)}.jv-card__val--null{color:var(--json-null);font-style:italic}.jv-card__val--meta{color:var(--text-faint);font-size:12px}.jv-card__arrow{position:absolute;right:16px;bottom:16px;font-size:18px;color:var(--text-faint);opacity:.3;transition:all .2s ease}.jv-card--clickable:hover .jv-card__arrow{transform:translate(4px);color:var(--accent);opacity:1}.jv-empty{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-faint);font-style:italic;border:1px dashed var(--border);border-radius:var(--radius)}.jv-explorer__primitive{display:flex;justify-content:center;padding:40px 0}.jv-explorer__primitive .jv-card{width:100%;max-width:400px}@media (max-width: 600px){.jv-grid{grid-template-columns:1fr}.jv-stats--desktop{display:none}}.jv-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text);padding:10px 16px;border-radius:var(--radius-sm);font-size:12.5px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-2);animation:toast-in .2s ease;z-index:50;max-width:90vw}.jv-toast__dot{width:6px;height:6px;background:var(--accent);border-radius:50%}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.jv-search__input:focus,.jv-search__input:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}:root{--bg: #0e0e10;--bg-elev: #161618;--bg-elev-2: #1c1c1f;--border: #26262a;--border-strong: #34343a;--text: #e8e6e3;--text-muted: #8a8a92;--text-faint: #5a5a62;--accent: #f0b232;--accent-soft: rgba(240, 178, 50, .12);--accent-hover: #f5c04f;--danger: #e06c75;--json-key: #88c0d0;--json-string: #a3be8c;--json-number: #d08770;--json-boolean: #b48ead;--json-null: #6f6f78;--json-bracket: #c5c5cc;--json-comma: #6f6f78;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35);--radius: 8px;--radius-sm: 5px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display: "Instrument Serif", "Times New Roman", serif;color-scheme:dark}[data-theme=light]{--bg: #fbfaf7;--bg-elev: #ffffff;--bg-elev-2: #f4f2ed;--border: #e6e3dc;--border-strong: #d4d0c5;--text: #1a1a1d;--text-muted: #6a6a72;--text-faint: #a4a4ac;--accent: #b8851f;--accent-soft: rgba(184, 133, 31, .1);--accent-hover: #9a6f15;--json-key: #2a6f96;--json-string: #4a7d3a;--json-number: #b15a2c;--json-boolean: #8a4f8a;--json-null: #9a9aa0;--json-bracket: #4a4a52;--json-comma: #9a9aa0;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}textarea,input{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}