.main-bottom-pad{padding-bottom:64px}.ws-label .icon-primary{color:var(--color-primary)}.ws-label .icon-tertiary{color:var(--color-tertiary)}.tool-hero{text-align:center;padding:64px 20px 32px}.tool-hero h1{font-family:var(--font-headline);font-size:var(--text-headline-xl);font-weight:700;line-height:var(--text-headline-xl-line);letter-spacing:-.02em;color:var(--color-on-background);margin:0 0 16px}.tool-hero .hero-sub{font-size:var(--text-body-lg);line-height:var(--text-body-lg-line);color:var(--color-secondary);max-width:42rem;margin:0 auto 32px}.jt-glass-panel{background:var(--color-surface-bright);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);overflow:hidden;box-shadow:0 0 0 1px #00000008,0 2px 4px #00000005,0 12px 24px #0000000a}html.dark .jt-glass-panel{background:var(--color-inverse-surface);border-color:var(--color-outline-variant);box-shadow:0 0 0 1px #ffffff08,0 12px 24px #0003}.jt-upload-zone{border:2px dashed var(--color-outline-variant);border-radius:var(--radius-xl);padding:32px 24px;margin:20px 20px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-surface-container-low)}.jt-upload-zone:hover,.jt-upload-zone.jt-upload-active{border-color:var(--color-primary);background:var(--color-surface-container)}.jt-upload-zone .jt-upload-icon{font-size:36px;color:var(--color-outline);margin-bottom:6px;display:block}.jt-upload-zone:hover .jt-upload-icon{color:var(--color-primary)}.jt-upload-zone p{margin:0;font-size:14px;color:var(--color-on-surface-variant)}.jt-upload-zone p span,.jt-upload-zone p code{color:var(--color-primary);font-weight:600}.jt-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.jt-segmented{display:inline-flex;padding:4px;background:var(--color-surface-container);border-radius:var(--radius-xl);gap:2px}.jt-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:none;border-radius:var(--radius-xl);background:transparent;color:var(--color-on-surface-variant);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body)}.jt-seg-btn:hover{color:var(--color-on-surface);background:var(--color-surface-bright)}.jt-seg-btn .material-symbols-outlined{font-size:16px}.jt-seg-btn.jt-seg-active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 3px #00000026}.jt-seg-btn.jt-seg-active:hover{opacity:.9;background:var(--color-primary)}.jt-vdivider{width:1px;height:24px;background:var(--color-border-subtle);flex-shrink:0}.jt-pill-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.jt-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-container-lowest);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body);color:var(--color-on-surface-variant)}.jt-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2346d50a}.jt-pill .material-symbols-outlined{font-size:14px}.jt-pill.jt-pill-convert{background:#2346d50d;color:var(--color-primary);border-color:#2346d52e}.jt-pill.jt-pill-convert:hover{background:#2346d51a}.jt-pill.jt-pill-code{background:#0891b20d;color:#0891b2;border-color:#0891b233;font-family:var(--font-code);font-size:11px;font-weight:600}.jt-pill.jt-pill-code:hover{background:#0891b21f}.jt-util-group{display:flex;align-items:center;gap:4px}.jt-util-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-xl);background:transparent;color:var(--color-on-surface-variant);cursor:pointer;transition:all .15s}.jt-util-btn:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.jt-util-btn .material-symbols-outlined{font-size:18px}.jt-util-btn.jt-util-example{color:var(--color-primary)}.jt-util-btn.jt-util-example:hover{background:#2346d514}.jt-tbtn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body)}.jt-tbtn-sm:hover{background:var(--color-surface-container);border-color:var(--color-outline-variant)}.jt-tbtn-sm .material-symbols-outlined{font-size:14px}.jt-params{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--color-border-subtle);font-size:13px;color:var(--color-on-surface-variant)}html.dark .jt-params{color:var(--color-border-subtle)}.jt-params-left{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.jt-params-right{display:flex;align-items:center;gap:8px}.jt-params select{padding:4px 8px;border-radius:8px;border:1px solid var(--color-border-subtle);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:13px;font-family:var(--font-body)}.jt-params .jt-check{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.jt-params .jt-check input{accent-color:var(--color-primary)}.jt-param-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}html.dark .jt-param-label{color:var(--color-outline-variant)}.jt-params-tree-actions{display:flex;align-items:center;gap:6px}.jt-jsonpath-inline{display:flex;align-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-container-low)}.jt-jp-input{width:220px;padding:6px 10px;border:none;background:transparent;font-size:13px;font-family:var(--font-code);color:var(--color-on-surface);outline:none}.jt-jp-input::placeholder{color:var(--color-outline-variant);font-family:var(--font-code)}.jt-jp-input:focus{outline:none}.jt-jp-btn{padding:6px 12px;border:none;background:#2346d514;color:var(--color-primary);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:var(--font-body)}.jt-jp-btn:hover{background:#2346d526}.jt-jp-match{color:var(--color-primary);font-weight:500;font-size:12px;white-space:nowrap}.ws-grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.ws-grid{grid-template-columns:1fr}}.ws-panel{display:flex;flex-direction:column;overflow:hidden}.ws-panel+.ws-panel{border-left:1px solid var(--color-border-subtle)}html.dark .ws-panel+.ws-panel{border-left-color:var(--color-outline-variant)}.ws-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-surface-bright);border-bottom:1px solid var(--color-border-subtle)}.ws-panel-header .ws-label{font-family:var(--font-code);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.03em}.ws-panel-header .ws-actions{display:flex;gap:4px}.ws-panel-header .ws-actions button{padding:6px;border:none;background:none;cursor:pointer;border-radius:var(--radius-lg);color:var(--color-on-surface-variant);transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center}.ws-panel-header .ws-actions button:hover{background:var(--color-surface-container);color:var(--color-primary)}.ws-panel-output{background:#0f172a}.ws-panel-output .ws-panel-header{background:var(--color-surface-container-highest);border-color:var(--color-outline)}.ws-panel-output .ws-panel-header .ws-label{color:var(--color-on-background)}html.dark .ws-panel-output .ws-panel-header{background:var(--color-surface-container);border-color:var(--color-outline-variant)}html.dark .ws-panel-output .ws-panel-header .ws-label{color:var(--color-on-surface)}#json-input{flex:1;min-height:420px;padding:20px;border:none;resize:none;outline:none;font-family:var(--font-code);font-size:14px;line-height:24px;background:var(--color-surface-container-lowest);color:var(--color-on-surface);-moz-tab-size:2;tab-size:2}#json-output{flex:1;min-height:420px;padding:20px;overflow:auto;font-family:var(--font-code);font-size:14px;line-height:24px;color:#e2e8f0;background:#0f172a}#json-output.rendered{white-space:pre-wrap;word-break:break-word}#json-output.syntax{font-family:var(--font-code);font-size:14px;line-height:1.8;color:#e2e8f0}#json-output .json-key{color:var(--color-secondary-fixed)}#json-output .json-string{color:var(--color-success)}#json-output .json-number,#json-output .json-boolean{color:var(--color-warning)}#json-output .json-null{color:var(--color-outline-variant)}#json-output .json-bracket,#json-output .json-comma{color:#cbd5e1}#json-output .json-highlighted{margin:0;white-space:pre-wrap;word-break:break-all}.json-tree-container,.jt-tree-container{font-family:var(--font-code);font-size:13px;line-height:22px;overflow:auto;cursor:default;-webkit-overflow-scrolling:touch}.tree-notice{padding:8px 16px;background:#6366f11f;color:#a5b4fc;font-size:12px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}.tree-line{display:flex;align-items:baseline;white-space:nowrap;padding-right:16px;cursor:default;transition:background .1s}.tree-line:hover{background:#ffffff0a}.tree-toggle{flex-shrink:0;margin-right:2px;-webkit-user-select:none;user-select:none;border-radius:3px;transition:background .15s}.tree-toggle:hover{background:#ffffff1a}.tree-icon{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#64748b;transition:transform .15s}.tree-header>.tree-toggle .tree-icon{color:#94a3b8}.tree-key{color:#93c5fd;font-weight:500}.tree-key:after{content:":";color:#cbd5e1;margin-right:4px}.tree-bracket{color:#facc15;font-weight:600}.tree-count{margin-left:4px;padding:0 6px;font-size:11px;color:#94a3b8;background:#94a3b81a;border-radius:999px}.tree-ellipsis{margin:0 2px;color:#64748b}.tree-value{font-weight:400}.tree-value.string{color:#6ee7b7}.tree-value.number{color:#fcd34d}.tree-value.boolean{color:#c084fc;font-weight:600}.tree-value.null{color:#94a3b8;font-style:italic}html.light .json-tree-container{color:#1e293b}html.light #json-output.readonly{background-color:#0f172a;border:1px solid var(--color-border-subtle)}html.light .tree-line:hover{background:#00000008}html.light .tree-toggle:hover{background:#0000000f}html.light .tree-icon{color:#94a3b8}html.light .tree-header>.tree-toggle .tree-icon{color:#475569}html.light .tree-key{color:var(--color-secondary-fixed)}html.light .tree-bracket{color:#b45309}html.light .tree-count{color:#64748b;background:#64748b14}html.light .tree-ellipsis{color:#94a3b8}html.light .tree-value.string{color:var(--color-success)}html.light .tree-value.number,html.light .tree-value.boolean{color:var(--color-warning)}html.light .tree-value.null{color:#94a3b8}html.light .tree-notice{background:#6366f114;color:#6366f1;border-color:#0000000f}.jt-tree-container::-webkit-scrollbar{width:6px}.jt-tree-container::-webkit-scrollbar-track{background:#ffffff08}.jt-tree-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.jt-tree-row{display:flex;align-items:baseline;padding-right:12px;cursor:pointer;transition:background .1s;white-space:nowrap}.jt-tree-row:hover{background:#ffffff0f}.jt-tree-indent{flex-shrink:0;width:16px;display:inline-flex;justify-content:center}.jt-tree-arrow{cursor:pointer;font-size:10px;color:#94a3b8;-webkit-user-select:none;user-select:none;display:inline-block;width:14px;text-align:center;line-height:22px}.jt-tree-arrow:hover{color:#e2e8f0}.jt-tree-key{color:#93c5fd;font-weight:500}.jt-val-dim{color:#94a3b8;font-size:11px}.jt-val-str{color:#6ee7b7}.jt-val-num{color:#fcd34d}.jt-val-bool{color:#c084fc;font-weight:600}.jt-val-null{color:#94a3b8;font-style:italic}#json-output .validation-success,#json-output .validation-error{color:#e2e8f0}#json-output .validation-success pre,#json-output .validation-error pre{color:#e2e8f0;background:#ffffff0d;padding:12px;border-radius:var(--radius-lg)}.validation-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.validation-header .validation-icon{font-size:18px}.validation-header .validation-title{font-size:16px;font-weight:600;color:var(--color-success)}.validation-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.validation-stat{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff0f;border-radius:var(--radius-lg);font-size:13px}.validation-stat .stat-label{color:var(--color-outline-variant)}.validation-stat .stat-value{color:#e2e8f0;font-weight:600}.validation-preview{margin-top:12px}.validation-preview .preview-label{font-size:13px;color:var(--color-outline-variant);margin-bottom:8px;font-weight:500}.error-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.error-header .error-icon{font-size:18px}.error-header .error-title{font-size:16px;font-weight:600;color:var(--color-error)}.error-message{font-size:14px;color:var(--color-on-surface-variant);margin-bottom:12px}.error-location{font-size:13px;color:var(--color-outline-variant);margin-bottom:12px}.error-context{margin-top:12px}.error-context .context-label{font-size:13px;color:var(--color-outline-variant);margin-bottom:8px}.error-code{background:#ffffff0d;border-radius:var(--radius-lg);padding:12px;font-family:var(--font-code);font-size:13px;line-height:1.6}.error-code .context-line{color:#94a3b8}.error-code .error-line{color:var(--color-error);background:#ef44441a;border-left:3px solid var(--color-error);padding-left:8px;margin-left:-12px}.error-code .line-number{color:var(--color-outline-variant);margin-right:12px;-webkit-user-select:none;user-select:none}.error-code .column-marker{color:var(--color-error);margin-top:2px}.error-hints{margin-top:12px;font-size:13px;color:#94a3b8}.error-hints .hints-title{color:#e2e8f0;font-weight:500;margin-bottom:8px}.error-hints ul{padding-left:18px}.error-hints li{margin-bottom:4px}.analyze-result{padding:4px 0}.analyze-section{margin-bottom:20px}.analyze-section:last-child{margin-bottom:0}.analyze-section-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#e2e8f0;padding:8px 12px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.analyze-section-title .material-symbols-outlined{font-size:18px}.analyze-row{display:flex;align-items:baseline;padding:6px 12px;gap:12px}.analyze-row:nth-child(2n){background:#ffffff05}.analyze-label{font-size:13px;min-width:160px;flex-shrink:0}.analyze-value{font-size:13px;color:#e2e8f0;font-weight:500;font-family:var(--font-code)}.analyze-type-tag{display:inline-block;padding:1px 8px;margin:1px 4px 1px 0;border-radius:4px;font-size:11px;font-weight:600;background:#ffffff0f;color:#94a3b8}#result-message{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(10px);z-index:9999;padding:12px 32px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap;font-family:var(--font-body)}#result-message.show{opacity:1;transform:translate(-50%) translateY(0)}#result-message.success{color:#fff;background:var(--color-success)}#result-message.error{color:#fff;background:var(--color-error)}mark.jt-highlight{background:#facc1559;color:inherit;border-radius:2px}.feat-section{padding:80px 0 16px}.feat-section .feat-heading{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;text-align:center;margin:0 0 48px;color:var(--color-on-surface)}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-gutter)}@media (max-width: 1024px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.feat-grid{grid-template-columns:1fr}}.feat-card{padding:32px;background:var(--color-surface-bright);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feat-card:hover{box-shadow:0 4px 24px #2346d512;border-color:var(--color-primary)}.feat-card .feat-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feat-card .feat-icon.feat-primary{background:var(--color-primary-fixed);color:var(--color-primary)}.feat-card .feat-icon.feat-tertiary{background:var(--color-tertiary-fixed);color:var(--color-tertiary)}.feat-card .feat-icon.feat-secondary{background:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed)}.feat-card .feat-icon.feat-error{background:var(--color-error-container);color:var(--color-on-error-container)}.feat-card h3{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;line-height:var(--text-title-md-line);margin:0 0 12px;color:var(--color-on-surface)}.feat-card p{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:0;line-height:var(--text-body-md-line)}.faq-section-v3{padding:64px 0 0}.faq-section-v3 h2{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;line-height:var(--text-headline-lg-line);letter-spacing:-.01em;color:var(--color-on-surface);margin:0 0 48px}.faq-section-v3 .faq-cat-title{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;color:var(--color-on-surface);margin:32px 0 16px}.faq-section-v3 details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-container-low);margin-bottom:8px}.faq-section-v3 details summary{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;color:var(--color-on-surface);list-style:none}.faq-section-v3 details summary::-webkit-details-marker{display:none}.faq-section-v3 details summary .mat-icon{transition:transform var(--transition-normal);color:var(--color-outline)}.faq-section-v3 details[open] summary .mat-icon{transform:rotate(180deg)}.faq-section-v3 details .det-content{padding:0 24px 24px;color:var(--color-on-surface-variant);font-size:var(--text-body-md);line-height:var(--text-body-md-line);border-top:1px solid var(--color-border-subtle);margin:0 24px}.faq-section-v3 details .det-content pre{background:var(--color-code-bg);color:#fff;padding:12px 16px;border-radius:var(--radius-lg);font-family:var(--font-code);font-size:var(--text-code-sm);line-height:1.5;overflow-x:auto;margin:8px 0;white-space:pre-wrap}@media (max-width: 768px){.tool-hero{padding:40px 16px 24px}.tool-hero h1{font-size:32px;line-height:40px}.jt-action-bar{gap:8px;padding:12px}.jt-segmented{flex-wrap:wrap}.jt-seg-btn{padding:5px 12px;font-size:12px}.jt-pill-group{gap:4px}.jt-pill{padding:4px 8px;font-size:11px}.jt-vdivider{display:none}.jt-params{flex-direction:column;align-items:flex-start;padding:12px}.jt-params-right{width:100%}.jt-jsonpath-inline{flex:1}.jt-jp-input{width:100%}.jt-upload-zone{margin:12px;padding:24px 16px}.feat-grid{grid-template-columns:1fr}}@media (max-width: 640px){.jt-action-bar{gap:6px;padding:10px 8px}.jt-seg-btn{padding:4px 10px;font-size:11px;gap:4px}.jt-seg-btn .material-symbols-outlined{font-size:14px}.jt-pill{padding:3px 6px;font-size:10px}.jt-pill .material-symbols-outlined{font-size:12px}.jt-util-btn{width:32px;height:32px}.jt-util-btn .material-symbols-outlined{font-size:16px}.jt-upload-zone{margin:8px;padding:16px}#json-input,#json-output{min-height:300px;padding:16px;font-size:13px}}