:root{font-family:Inter,Avenir,Segoe UI,system-ui,sans-serif;color:#182027;background:#e8e8e3;font-synthesis:none;--ink:#101417;--paper:#f7f6f2;--line:#c9cbc7;--muted:#677078;--green:#167653;--green-soft:#dff1e8;--red:#a83a3a;--red-soft:#f7e2df;--amber:#945d16;--amber-soft:#f7ebd7 }*{box-sizing:border-box}body{margin:0;min-width:720px;min-height:100vh}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #4f8dce;outline-offset:2px}.app-shell{min-height:100vh}.topbar{min-height:70px;padding:12px 22px;color:#f7f6f2;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #30373b}.brand-block{display:flex;align-items:center;gap:20px}.brand{color:inherit;text-decoration:none;font-weight:700;font-size:1.03rem;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}.privacy-note{color:#b7c0c4;font-size:.8rem;display:flex;align-items:center;gap:7px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#65d4a0;box-shadow:0 0 0 3px #65d4a020}.mode-switch{border:1px solid #3b454a;border-radius:9px;padding:3px;display:flex;flex-shrink:0;background:#070a0c}.mode-switch button{color:#aeb7bb;background:transparent;border:0;border-radius:6px;padding:8px 14px;display:flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}.mode-switch button.active{color:var(--ink);background:#f4f1e8}main{padding:18px 22px 40px}.workspace{min-width:676px;display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr);border:1px solid #b8bbb8;border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:0 8px 26px #1b20230c}.pane-header{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.pane-header:nth-child(2){border-left:1px solid var(--line)}.pane-header>div{display:flex;gap:9px;align-items:baseline}.pane-header strong{font-size:.9rem}.pane-header>span{font-size:.75rem;color:var(--muted)}.eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.editor-wrap{min-width:0}.editor-wrap+.editor-wrap{border-left:1px solid var(--line)}textarea{width:100%;height:255px;min-height:120px;resize:vertical;padding:17px 18px;border:0;display:block;background:#fbfaf7;color:#172028;font:400 .9rem/1.65 Cascadia Code,SFMono-Regular,Consolas,monospace;-moz-tab-size:2;tab-size:2;white-space:pre}.editor-wrap.has-error textarea{background:#fff8f7;box-shadow:inset 0 0 0 2px #c8625b}.input-error{min-height:42px;padding:9px 14px;color:#8f2f2f;background:#f8e1dd;border-top:1px solid #e9b9b2;font-size:.8rem}.actionbar{min-width:676px;margin:12px 0;min-height:46px;display:flex;align-items:center;gap:7px}.actionbar button{height:38px;padding:0 13px;color:#354047;background:#f5f4ef;border:1px solid #bec1be;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:.84rem}.actionbar button:hover:not(:disabled){background:#fff;border-color:#8e9698}.actionbar button.primary{color:#fff;background:var(--ink);border-color:var(--ink);padding-inline:19px}.actionbar button.primary:hover{background:#2c353a}.actionbar button:disabled{cursor:default;opacity:.42}.action-spacer{flex:1}.toggle{display:inline-flex;align-items:center;gap:8px;color:#374148;font-size:.82rem;font-weight:600;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle-track{width:35px;height:20px;padding:2px;background:#aeb4b4;border-radius:99px;transition:background .15s}.toggle-track span{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle-track{background:var(--ink)}.toggle input:checked+.toggle-track span{transform:translate(15px)}.difference-nav{margin-left:8px;display:flex;align-items:center;border:1px solid #bec1be;border-radius:8px;overflow:hidden;background:#f5f4ef}.difference-nav button{width:36px;border:0;border-radius:0;padding:0}.difference-nav span{min-width:72px;text-align:center;color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.stale-banner{min-width:676px;margin-bottom:10px;padding:9px 12px;border:1px solid #dfbe8a;border-radius:8px;background:var(--amber-soft);color:#74480f;font-size:.8rem;display:flex;align-items:center;gap:7px}.empty-state{min-width:676px;height:160px;border:1px dashed #aeb2ae;border-radius:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#edede8}.empty-state strong{color:#2e373c}.empty-state span{font-size:.85rem}.results{min-width:676px;border:1px solid #b8bbb8;border-radius:12px;overflow:hidden;background:#fbfaf7;box-shadow:0 8px 26px #1b20230c}.result-summary{min-height:46px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem}.result-summary strong{color:#283137;font-size:.86rem;margin-right:auto}.summary-add{color:var(--green);font-weight:700}.summary-remove{color:var(--red);font-weight:700}.comparison-history{min-width:676px;margin-top:24px;border:1px solid #c3c6c2;border-radius:11px;overflow:hidden;background:#f5f4ef}.history-heading{min-height:45px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d4d0;color:var(--muted);font-size:.73rem}.history-heading>div{display:flex;align-items:center;gap:8px;color:#30393e}.history-list{max-height:310px;overflow:auto}.history-row{min-height:58px;padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px) 34px;align-items:center;gap:8px;border-bottom:1px solid #dedfda}.history-row:last-child{border-bottom:0}.history-row:hover{background:#fff}.history-restore{min-width:0;padding:2px 4px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.history-mode{padding:3px 6px;border-radius:5px;color:#fff;background:#4e5960;font-size:.63rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}.history-mode.mode-json{background:#6d4c9a}.history-preview{min-width:0;display:flex;flex-direction:column;gap:2px;color:#434d52;font:.7rem/1.3 Cascadia Code,Consolas,monospace}.history-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-restore time{color:#7a8285;font-size:.66rem;white-space:nowrap}.history-row input{min-width:0;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#283238;font-size:.75rem}.history-row input:hover,.history-row input:focus{border-color:#bdc2bf;background:#fff;outline:none}.history-delete{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#7e8789}.history-delete:hover{color:var(--red);background:var(--red-soft)}.diff-table-shell{position:relative}.result-panes{display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr);max-height:560px;overflow:hidden}.result-pane-scroll{min-width:0;max-height:560px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.result-pane-scroll+.result-pane-scroll{border-left:1px solid var(--line)}.result-pane-title{position:sticky;z-index:4;top:0;left:0;min-width:100%;width:max-content;padding:8px 13px;background:#ecece7ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);color:#596269;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.line-cell,.json-cell{width:max-content;min-width:100%;min-height:31px;border-bottom:1px solid #e7e6e1;display:flex;align-items:stretch;position:relative}.line-number{width:48px;flex:0 0 48px;padding:6px 9px;color:#909797;background:#f0f0eb;border-right:1px solid #ddded9;text-align:right;font:.7rem/1.6 Cascadia Code,Consolas,monospace;-webkit-user-select:none;user-select:none}.line-cell code{min-width:max-content;padding:6px 10px;white-space:pre;font:.78rem/1.6 Cascadia Code,Consolas,monospace}.json-filter-bar{min-height:45px;padding:7px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#f3f2ed}.json-filter-bar>span{color:var(--muted);font-size:.72rem;white-space:nowrap}.json-filter-input{min-width:240px;max-width:480px;flex:1;display:flex;border:1px solid #b9bfbc;border-radius:7px;overflow:hidden;background:#fff}.json-filter-input:focus-within{outline:2px solid #4f8dce;outline-offset:1px}.json-filter-input.has-error{border-color:#bd4b43}.json-filter-input input{min-width:0;flex:1;padding:7px 9px;border:0;outline:0;background:transparent;font-size:.78rem}.json-filter-input button{width:34px;flex:0 0 34px;border:0;border-left:1px solid #d5d8d5;background:#f6f6f3;color:#56615b;font:700 .75rem/1 Cascadia Code,Consolas,monospace}.json-filter-input button.active{background:#283238;color:#fff}.result-pane-scroll:first-child .row-modified,.result-pane-scroll:first-child .row-removed{background:var(--red-soft)}.result-pane-scroll:last-child .row-modified,.result-pane-scroll:last-child .row-added{background:var(--green-soft)}.segment-added{background:#9ddcbd;color:#104d36;border-radius:2px}.segment-removed{background:#efaea6;color:#792727;border-radius:2px}.gap-row{width:100%;min-width:max-content;height:31px;border:0;border-bottom:1px solid #c9d3d5;background:repeating-linear-gradient(135deg,#e9eef0,#e9eef0 4px,#e2e9eb 4px,#e2e9eb 8px);color:#53646b;font-size:.74rem;font-weight:600}.gap-row-copy{display:flex;align-items:center;justify-content:center}.active-difference{box-shadow:inset 0 0 0 2px #4279b9}.json-row{width:max-content;min-width:100%;position:relative}.json-cell{padding:5px 9px;align-items:center;background:#fbfaf7;font:.78rem/1.55 Cascadia Code,Consolas,monospace}.tree-indent{width:calc(var(--depth)*20px);flex:0 0 calc(var(--depth)*20px)}.tree-toggle{width:22px;height:22px;flex:0 0 22px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#677078;border-radius:4px}.tree-toggle:hover{background:#dfe2df}.tree-toggle-spacer{width:22px;flex:0 0 22px}.json-key{color:#5a3e9e;font-weight:500;white-space:nowrap}.json-separator{color:#9a9f9d;margin:0 7px 0 2px}.json-value{white-space:pre}.value-string{color:#986020}.value-number{color:#1b699d}.value-boolean{color:#a13f74}.array-drag-handle{width:20px;height:22px;flex:0 0 20px;padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#8a9294;cursor:grab}.array-drag-handle:hover{color:#26333a;background:#dfe2df}.array-drag-handle:active{cursor:grabbing}.compare-value-action,.cancel-pair{padding:2px 7px;border:1px solid #9da9ac;border-radius:5px;background:#ffffffe0;color:#40535a;font:600 .65rem Inter,Avenir,Segoe UI,sans-serif;white-space:nowrap}.compare-value-action.pair-ready{color:#fff;background:#356f7de6;border-color:#356f7d}.key-mismatch{background:#e4edf4!important}.badge-key{color:#376579;border-color:#8eafbd}.cancel-pair{margin-left:0}.result-pane-scroll:first-child .status-changed{background:var(--red-soft)}.result-pane-scroll:last-child .status-changed{background:var(--green-soft)}.status-type{background:#eee3f5}.result-pane-scroll:first-child .status-missing-left,.result-pane-scroll:last-child .status-missing-right{background:#ecece8}.result-pane-scroll:last-child .status-missing-left{background:var(--green-soft)}.result-pane-scroll:first-child .status-missing-right{background:var(--red-soft)}.json-row-actions{position:sticky;z-index:3;right:8px;margin-left:auto;padding:2px 4px;display:inline-flex;align-items:center;gap:5px;border:1px solid #c5c9c6aa;border-radius:7px;background:#ffffffb8;box-shadow:0 1px 4px #17202714;opacity:.56;transition:opacity .15s ease}.json-row-actions:hover,.json-row-actions:focus-within{opacity:1}.status-badge{align-self:center;padding:2px 6px;border-radius:10px;border:1px solid;background:#ffffffe0;font:600 .62rem/1.3 Inter,Avenir,Segoe UI,sans-serif;white-space:nowrap;pointer-events:none}.badge-changed{color:var(--amber);border-color:#d9ad70}.badge-type{color:#76429a;border-color:#be9fd1}.badge-missing-left{color:var(--green);border-color:#8fc5aa}.badge-missing-right{color:var(--red);border-color:#dda29b}.unstringify-actions{display:inline-flex;gap:4px}.unstringify-actions button{border:1px solid #aeb6b4;border-radius:5px;color:#3a4c50;background:#ffffffe0;padding:2px 7px;font:600 .65rem Inter,Avenir,Segoe UI,sans-serif;white-space:nowrap}.diff-minimap{position:absolute;z-index:8;top:35px;right:2px;bottom:15px;width:5px;pointer-events:none;background:#fffa;border-radius:3px;box-shadow:0 0 0 1px #9ca4a555}.diff-minimap span{position:absolute;left:0;width:5px;height:4px;min-height:3px;transform:translateY(-50%);border-radius:2px}.minimap-added{background:#20a06e}.minimap-removed{background:#cf5353}.minimap-changed{background:#d08a26}.minimap-type{background:#8652aa}@media(max-width:900px){.privacy-note{display:none}main{padding-inline:12px}.topbar{padding-inline:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.json-cell{height:36px;min-height:36px}.tool-button{min-height:34px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b9c2b9;border-radius:7px;background:#fbfaf7;color:#33483b;font-size:.77rem;font-weight:600;white-space:nowrap}.tool-button:hover:not(:disabled){background:#fff;border-color:#748b77}.tool-button.dark{background:#264b38;border-color:#264b38;color:#fff}.tool-button.dark:hover:not(:disabled){background:#346249}.tool-button:disabled,.icon-button:disabled{opacity:.35;cursor:default}.tool-button:focus-visible,.icon-button:focus-visible{outline:2px solid #4279b9;outline-offset:3px}.progression-timeline{--timeline-card-width:132px;--timeline-card-height:62px;width:min(100%,calc(100vw - 44px));margin:8px 0 10px;border:1px solid #b8c2b8;border-radius:12px;overflow:hidden;background:#f5f6f0;box-shadow:0 6px 22px #1b202308}.compact-timeline{--timeline-card-width:102px;--timeline-card-height:50px }.dense-timeline{--timeline-card-width:80px;--timeline-card-height:46px }.progression-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;border-bottom:1px solid #d2d9ce}.progression-heading>div{display:flex;align-items:center;gap:9px;color:#314c39}.progression-heading strong{font-size:.88rem}.progression-heading>div>span{margin-left:6px;color:#758171;font-size:.73rem}.timeline-overflow-note{color:#758171;font-size:.66rem;text-align:right}.timeline-scroll{max-height:clamp(140px,24vh,224px);overflow-y:auto;overflow-x:hidden;padding:10px 12px;scrollbar-width:thin;touch-action:pan-y;scroll-behavior:auto}.timeline-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--timeline-card-width),1fr));align-items:stretch;gap:6px}.timeline-version{position:relative;min-width:0;min-height:var(--timeline-card-height);padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 0;border:1px solid #c8cfc4;border-radius:8px;background:#fafbf6;color:#344b30;text-align:left;font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:pan-y}.compact-timeline .timeline-version{padding:6px 7px;gap:2px 0}.dense-timeline .timeline-version{padding:5px 6px}.dense-timeline .version-number{font-size:.85rem}.dense-timeline .timeline-version small{font-size:.5rem}.timeline-version:hover{background:#f0f5e9;border-color:#8fa782}.timeline-version.in-range{background:#e6eddf;border-color:#c1d2b5;border-radius:4px}.timeline-version.range-continues:after{content:"";position:absolute;top:8px;bottom:8px;left:calc(100% + 1px);width:6px;background:#e6eddf;pointer-events:none}.timeline-version.endpoint{border-color:#557751;background:#dfebd5;box-shadow:inset 0 0 0 1px #557751}.timeline-version.range-start,.timeline-version.in-range.grid-row-start{border-top-left-radius:8px;border-bottom-left-radius:8px}.timeline-version.range-end,.timeline-version.in-range.grid-row-end{border-top-right-radius:8px;border-bottom-right-radius:8px}.timeline-version:focus-visible{outline:2px solid #4279b9;outline-offset:3px;z-index:1}.selecting-range .timeline-version{cursor:crosshair}.version-number{grid-column:1;grid-row:1;color:#80917a;font:600 .92rem/1.3 Consolas,monospace}.timeline-version.endpoint .version-number{color:#2b5935}.timeline-version small{grid-column:2;grid-row:1;color:#6d8264;font-size:.59rem;letter-spacing:.08em;text-align:right;align-self:center}.timeline-change-count{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;color:#7e8975;font-size:.59rem;white-space:nowrap}.timeline-change-count.is-equal{color:#528048}.timeline-controls{padding:9px 13px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border-top:1px solid #d7ddcf}.timeline-guidance{display:flex;flex:1 1 225px;flex-direction:column;gap:4px;min-width:0}.timeline-explanation{color:#4c6742;font-size:.75rem;font-weight:650}.timeline-guidance>span:not(.timeline-explanation){color:#839178;font-size:.69rem}.timeline-keyboard-help{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.version-navigation{margin-left:auto;display:flex;gap:5px}.toggle input:focus-visible+.toggle-track{outline:2px solid #4279b9;outline-offset:3px}.progression-editors textarea{height:190px;font-size:.82rem}.storage-warning{min-width:676px;margin-top:14px;padding:10px 13px;border:1px solid #d6bb87;border-radius:7px;background:#fcf2da;color:#78561c;font-size:.78rem}.history-mode.mode-progression{padding-inline:4px;background:#416c45;font-size:.47rem}.inline-link{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit}.icon-button{width:26px;height:28px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:5px;color:#7b8b73;background:transparent;flex-shrink:0}.icon-button:hover:not(:disabled){background:#e3e9db;color:#365330}.version-grip{cursor:grab}.delete-version:hover:not(:disabled){background:#f1deda;color:#a04e3b}.inline-batch-import{min-width:676px;margin-bottom:10px}.source-input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 9px}.source-input-toolbar>span{color:#6d8261;font-size:.64rem;font-weight:700;letter-spacing:.1em}.source-input-toolbar>div{display:flex;align-items:center;gap:11px}.clipboard-notice{margin:0 2px 10px;font-size:.75rem;color:#55764a}.clipboard-error{margin-bottom:10px;border:1px solid #e9b9b2;border-radius:7px}.version-inputs-shell{min-width:732px;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px}.version-source-scroll{min-width:0;position:relative;display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin;overscroll-behavior-x:contain}.version-input-pane{flex:1 0 max(330px,calc(50% - 5px));min-width:0;overflow:hidden;border:1px solid #b8c2b2;border-radius:10px;background:#fbfaf7;box-shadow:0 3px 12px #1b202308}.version-input-pane.selected-source{border-color:#719164}.version-source-scroll.pair-sources{gap:0;padding:0;margin:2px 0 9px;border:1px solid #b8bbb8;border-radius:12px;background:var(--paper)}.pair-sources .version-input-pane{flex:1 1 50%;min-width:330px;border:0;border-radius:0;box-shadow:none}.pair-sources .version-input-pane+.version-input-pane{border-left:1px solid var(--line)}.pair-sources .pair-source-header{justify-content:space-between;padding:11px 14px;background:var(--paper);border-color:var(--line)}.pair-source-header>div{display:flex;align-items:baseline;gap:9px;min-width:0}.pair-source-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.pair-source-header>span{color:var(--muted);font-size:.75rem;white-space:nowrap}.live-comparison{display:inline-flex;align-items:center;gap:7px;margin-left:7px;color:#637168;font-size:.75rem;white-space:nowrap}.selected-version-sources{display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr)}.selected-version-sources .version-input-pane{min-width:0}.source-pane-header{height:44px;padding:6px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #d5dfcc;background:#f0f3e9}.selected-source .source-pane-header{background:#e8efdf}.source-pane-header>input{width:0;min-width:0;flex:1;padding:4px 3px;border:1px solid transparent;border-radius:3px;color:#345030;background:transparent;font-family:inherit;font-size:.78rem;font-weight:600}.source-pane-header>input:focus{outline:none;border-color:#9ab088;background:#fff}.source-side-badge{padding:3px 5px;border:1px solid #c3d3b7;border-radius:4px;color:#537348;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.version-input-pane textarea{height:190px;min-height:120px;padding:13px 14px;font-size:.8rem;background:#fbfaf7}.version-input-pane textarea[aria-invalid=true]{background:#fff8f7;box-shadow:inset 0 0 0 2px #c8625b}.add-version-pane{align-self:stretch;margin:2px 0 9px;min-height:236px;border:1px dashed #91a784;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#507344;background:#edf2e6}.add-version-pane span{font-size:.65rem;font-weight:650}.add-version-pane:hover{background:#e1ebd6;border-color:#5f7f50}.add-version-pane:focus-visible{outline:2px solid #4279b9;outline-offset:2px}.source-empty{flex:1;display:flex;align-items:center;justify-content:center;min-height:236px;padding:20px;border:1px dashed #b1c1a4;border-radius:10px;color:#829575;background:#f2f5ed;font-size:.8rem}@media(max-width:900px){.progression-timeline{width:min(100%,calc(100vw - 24px))}}@media(max-width:760px){.timeline-controls{gap:8px}.version-navigation .tool-button{padding-inline:8px}.timeline-overflow-note{max-width:80px}}.password-page{min-height:100vh;min-width:320px;padding:20px;display:flex;align-items:center;justify-content:center;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif;color:#1f2937}.password-card{width:min(440px,92vw);padding:36px;border-radius:16px;background:#fff;box-shadow:0 10px 35px #00000014}.password-card h1{margin:0 0 10px;font-size:28px}.password-subtitle{margin:0 0 28px;color:#6b7280;line-height:1.5}.password-card label{display:block;margin-bottom:8px;font-weight:600}.password-card input{width:100%;padding:14px;border:2px solid #d1d5db;border-radius:9px;outline:0;font-size:17px}.password-card input:focus{border-color:#2563eb}.password-card button{width:100%;margin-top:14px;padding:14px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:16px;font-weight:600}.password-card button:hover{background:#1d4ed8}.password-warning-overlay{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:30px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#b91c1c;color:#fff;text-align:center}.password-warning-content{max-width:850px}.password-warning-icon{width:90px;height:90px;margin-bottom:20px}.password-warning-overlay h2{margin:0 0 24px;font-size:clamp(38px,7vw,80px);line-height:1.05}.password-warning-overlay p{margin:0;font-size:clamp(18px,2.5vw,28px);line-height:1.5}.password-warning-overlay strong{text-decoration:underline}.json-tool-shell{min-height:100vh;background:#e8e8e3}.json-tool-header{min-height:70px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;color:#f7f6f2;background:var(--ink);border-bottom:1px solid #30373b}.json-tool-header>div{display:flex;align-items:center;gap:10px}.json-tool-header>div>span{display:flex;flex-direction:column}.json-tool-header strong{font-size:1.02rem}.json-tool-header small{margin-top:2px;color:#aeb7bb;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.json-tool-main{max-width:1500px;margin:0 auto;padding:20px 22px 40px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:14px}.json-source-card,.json-inspector-card{min-width:0;min-height:calc(100vh - 130px);border:1px solid #b8bbb8;border-radius:12px;overflow:hidden;background:#fbfaf7;box-shadow:0 8px 26px #1b20230c}.json-tool-toolbar{min-height:50px;padding:7px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:#f1f0eb}.json-tool-toolbar button{height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #bdc1bd;border-radius:7px;background:#fff;color:#344047;font-size:.76rem;font-weight:600}.json-tool-toolbar button:disabled{cursor:default;opacity:.4}.json-tool-spacer{flex:1}.validation-pill{padding:5px 8px;display:flex;align-items:center;gap:5px;border-radius:99px;font-size:.7rem;font-weight:700}.validation-pill.valid{color:#116444;background:#dcefe5}.validation-pill.invalid{color:#933b35;background:#f4deda}.json-source-card textarea{height:calc(100vh - 181px);min-height:440px;resize:none;padding:18px;background:#fbfaf7}.json-diagnostic{padding:10px 13px;display:flex;flex-direction:column;gap:3px;border-top:1px solid #e5aaa3;color:#872f2a;background:#f8e1dd;font-size:.76rem}.json-inspector-heading{min-height:50px;padding:7px 11px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#f1f0eb}.json-inspector-heading>div{display:flex;flex-direction:column;white-space:nowrap}.json-inspector-heading strong{font-size:.86rem}.json-inspector-heading>div span{color:var(--muted);font-size:.66rem}.inspector-search{min-width:180px;margin-left:auto;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #b9bfbc;border-radius:7px;background:#fff;color:#778083}.inspector-search:focus-within{outline:2px solid #4f8dce}.inspector-search input{min-width:0;width:100%;padding:8px 0;border:0;outline:0;background:transparent;font-size:.75rem}.json-tool-notice{padding:7px 11px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #c9d9d0;color:#32604d;background:#e7f1eb;font-size:.72rem}.inspector-tree{height:calc(100vh - 181px);min-height:440px;overflow:auto}.inspector-row{width:max-content;min-width:100%;min-height:32px;padding:4px 8px;display:flex;align-items:center;border-bottom:1px solid #e8e7e2;font:.76rem/1.5 Cascadia Code,Consolas,monospace}.inspector-row:hover{background:#f1f1ec}.inspector-indent{width:calc(var(--tree-depth)*19px);flex:0 0 calc(var(--tree-depth)*19px)}.inspector-toggle,.inspector-toggle-spacer{width:22px;height:22px;flex:0 0 22px}.inspector-toggle{padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#677078}.inspector-toggle:hover{background:#dde1dd}.inspector-key{color:#5a3e9e;white-space:nowrap}.inspector-colon{margin:0 7px 0 2px;color:#969d99}.inspector-value{white-space:pre;color:#986020}.inspector-value.value-number{color:#1b699d}.inspector-value.value-boolean{color:#a13f74}.inspector-value.value-object,.inspector-value.value-array{color:#566269}.inspector-actions{position:sticky;right:7px;margin-left:auto;padding-left:12px;display:flex;gap:4px;background:linear-gradient(90deg,transparent,#fbfaf7 12px)}.inspector-actions button{padding:2px 6px;border:1px solid #adb5b1;border-radius:5px;background:#ffffffdc;color:#405058;font:600 .62rem Inter,Avenir,Segoe UI,sans-serif;white-space:nowrap}.inspector-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:.84rem}@media(max-width:950px){.json-tool-main{min-width:760px;padding-inline:12px}.json-tool-header{padding-inline:14px}}