.jse-theme-dark{--jse-theme: dark;--jse-theme-color: #2f6dd0;--jse-theme-color-highlight: #467cd2;--jse-background-color: #1e1e1e;--jse-text-color: #d4d4d4;--jse-text-color-inverse: #4d4d4d;--jse-main-border: 1px solid #4f4f4f;--jse-menu-color: #fff;--jse-modal-background: #2f2f2f;--jse-modal-overlay-background: rgba(0, 0, 0, .5);--jse-modal-code-background: #2f2f2f;--jse-tooltip-color: var(--jse-text-color);--jse-tooltip-background: #4b4b4b;--jse-tooltip-border: 1px solid #737373;--jse-tooltip-action-button-color: inherit;--jse-tooltip-action-button-background: #737373;--jse-panel-background: #333333;--jse-panel-background-border: 1px solid #464646;--jse-panel-color: var(--jse-text-color);--jse-panel-color-readonly: #737373;--jse-panel-border: 1px solid #3c3c3c;--jse-panel-button-color-highlight: #e5e5e5;--jse-panel-button-background-highlight: #464646;--jse-navigation-bar-background: #656565;--jse-navigation-bar-background-highlight: #7e7e7e;--jse-navigation-bar-dropdown-color: var(--jse-text-color);--jse-context-menu-background: #4b4b4b;--jse-context-menu-background-highlight: #595959;--jse-context-menu-separator-color: #595959;--jse-context-menu-color: var(--jse-text-color);--jse-context-menu-pointer-background: #737373;--jse-context-menu-pointer-background-highlight: #818181;--jse-context-menu-pointer-color: var(--jse-context-menu-color);--jse-key-color: #9cdcfe;--jse-value-color: var(--jse-text-color);--jse-value-color-number: #b5cea8;--jse-value-color-boolean: #569cd6;--jse-value-color-null: #569cd6;--jse-value-color-string: #ce9178;--jse-value-color-url: #ce9178;--jse-delimiter-color: #949494;--jse-edit-outline: 2px solid var(--jse-text-color);--jse-selection-background-color: #464646;--jse-selection-background-inactive-color: #333333;--jse-hover-background-color: #343434;--jse-active-line-background-color: rgba(255, 255, 255, .06);--jse-search-match-background-color: #343434;--jse-collapsed-items-background-color: #333333;--jse-collapsed-items-selected-background-color: #565656;--jse-collapsed-items-link-color: #b2b2b2;--jse-collapsed-items-link-color-highlight: #ec8477;--jse-search-match-color: #724c27;--jse-search-match-outline: 1px solid #966535;--jse-search-match-active-color: #9f6c39;--jse-search-match-active-outline: 1px solid #bb7f43;--jse-tag-background: #444444;--jse-tag-color: #bdbdbd;--jse-table-header-background: #333333;--jse-table-header-background-highlight: #424242;--jse-table-row-odd-background: rgba(255, 255, 255, .1);--jse-input-background: #3d3d3d;--jse-input-border: var(--jse-main-border);--jse-button-background: #808080;--jse-button-background-highlight: #7a7a7a;--jse-button-color: #e0e0e0;--jse-button-secondary-background: #494949;--jse-button-secondary-background-highlight: #5d5d5d;--jse-button-secondary-background-disabled: #9d9d9d;--jse-button-secondary-color: var(--jse-text-color);--jse-a-color: #55abff;--jse-a-color-highlight: #4387c9;--jse-svelte-select-background: #3d3d3d;--jse-svelte-select-border: 1px solid #4f4f4f;--list-background: #3d3d3d;--item-hover-bg: #505050;--multi-item-bg: #5b5b5b;--input-color: #d4d4d4;--multi-clear-bg: #8a8a8a;--multi-item-clear-icon-color: #d4d4d4;--multi-item-outline: 1px solid #696969;--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--jse-color-picker-background: #656565;--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px}:root{font-family:system-ui,sans-serif;--bg: #f2f1eb;--panel: #faf9f4;--text: #2c3029;--muted: #626557;--border: #cecec0;--soft: #e7e8dc;--green: #4d6146;--code: #f5f5ef;--syntax-keyword: #75478a;--syntax-string: #466531;--syntax-number: #97502f;--syntax-comment: #626557;color:var(--text);background:var(--bg);color-scheme:light}:root[data-theme=dark]{--bg: #23251f;--panel: #2c2e27;--text: #edece2;--muted: #bbbeb0;--border: #515549;--soft: #3a4032;--green: #bbceac;--code: #272922;--syntax-keyword: #d5b3ec;--syntax-string: #b8d59d;--syntax-number: #efbb92;--syntax-comment: #bbbeb0;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button:not(:where(.json-editor *)),.button{border:1px solid var(--border);border-radius:3px;background:var(--panel);padding:9px 12px;cursor:pointer;font-size:13px}button:hover:not(:disabled,:where(.json-editor *)){border-color:var(--green);background:var(--soft)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:3px}main:focus{outline:none}h1,h2,h3{font-weight:550;line-height:1.25}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:34px;letter-spacing:-.8px;margin:0 0 24px}.home-title{font-size:clamp(38px,4vw,54px);margin-bottom:32px}h2{font-size:17px;margin:30px 0 16px}h3{font-size:15px}p{line-height:1.65}header{display:flex;align-items:center;gap:48px;padding:22px 30px;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:inline-block;white-space:nowrap;line-height:1;border:0;padding:0;background:none;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;letter-spacing:-1.1px}.brand-light{font-weight:400;color:var(--muted)}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:500px;background:var(--code);border:1px solid var(--border);padding:9px 12px;border-radius:3px}.search input[aria-label]{border:0;background:none;min-width:0;width:100%;font-size:13px}.search kbd{white-space:nowrap;font-size:10px;color:var(--muted)}.header-right{display:flex;gap:12px;align-items:center;margin-left:auto}.offline{font-size:11px;color:var(--muted);white-space:nowrap}.offline i{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%;margin-right:7px}.theme{border:0;display:grid;place-items:center;width:38px;height:38px;padding:9px}.layout{display:flex;min-height:calc(100vh - 87px)}aside{width:210px;flex-shrink:0;border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;gap:5px}aside>button{text-align:left;border:0;background:none;padding:12px 14px}aside>button.active{background:var(--soft);color:var(--green);box-shadow:inset 2px 0 var(--green)}.aside-note{margin-top:auto;padding:60px 14px 0;font-size:12px;color:var(--muted)}.aside-note strong{color:var(--text);font-weight:550}.aside-note p{margin:10px 0 0}main{width:100%;min-width:0;max-width:1400px;padding:48px 44px 72px;margin:0 auto;align-self:stretch}.tool-main{max-width:none;padding:28px clamp(16px,2vw,36px) 56px}.workspace-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workspace-links button{display:flex;justify-content:space-between;padding:22px 16px;border-radius:2px 12px 2px 2px}.workspace-links span{color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:transparent;border-color:transparent transparent var(--border);border-radius:2px;min-width:0}.card:hover,.card:focus-within{border-color:var(--green);background:var(--soft)}.card a{padding:19px 16px;text-decoration:none;flex:1;min-width:0;border-radius:2px}.card h3{margin:8px 0 0;overflow-wrap:anywhere}.card-category{font-size:10px;color:var(--muted)}.pin{border:0;background:none;margin-right:8px;padding:9px;font-size:18px}.pin[aria-pressed=true]{color:var(--green)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-label h1{margin:0}.section-label>span{color:var(--muted);font-size:12px}.crumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:20px}.crumb button{border:0;background:none;padding:0}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.tool-heading h1{margin:0}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:3px 14px 3px 3px;padding:24px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.toolbar .toolbar{margin:0}.spacer{flex:1}.primary{background:#4d6146;color:#fff;border-color:#4d6146}.primary:hover:not(:disabled){background:#394a34}.options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.options>label{flex-direction:column;align-items:stretch;min-width:120px;max-width:100%}label:not(:where(.json-editor *)){display:flex;align-items:center;gap:8px;font-size:12px}input:not([type=checkbox],[type=range],[type=file],:where(.json-editor *)),select:not(:where(.json-editor *)){padding:9px;border:1px solid var(--border);border-radius:3px;background:var(--code);min-width:0;max-width:100%}.editor-label{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}.editor-field{min-width:0;margin-bottom:16px}.editor-label-text{display:block;margin-bottom:8px;font-size:12px}.code-editor{width:100%;min-width:0;border:1px solid var(--border);border-radius:3px;overflow:hidden;background:var(--code);font-size:12px;text-align:left}.code-editor:focus-within{outline:2px solid var(--green);outline-offset:2px}.code-editor .cm-editor{min-height:220px;color:var(--text)}.code-editor .cm-focused{outline:none}.code-editor .cm-scroller{max-height:65vh;font-family:ui-monospace,Consolas,monospace;line-height:1.7;overflow:auto}.code-editor .cm-content{padding:12px 0;caret-color:var(--text)}.code-editor .cm-gutters,.code-editor .cm-panels{background:var(--panel);color:var(--muted);border-color:var(--border)}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:var(--soft)}.code-editor .cm-selectionBackground,.code-editor .cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:color-mix(in srgb,var(--green) 25%,transparent)}.code-editor .cm-cursor{border-left-color:var(--text)}.code-editor .cm-placeholder{color:var(--muted)}.json-panels{display:grid;grid-template-columns:minmax(0,var(--left-width, 50fr)) 92px minmax(0,var(--right-width, 50fr));gap:10px}.json-document{min-width:0}.json-compare-rail{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 7px;border:1px solid var(--border);background:var(--code);text-align:center}.json-compare-rail>span{color:var(--muted);font-size:11px;margin-top:9px}.json-compare-rail>span:first-child{margin-top:0}.json-compare-rail strong{font-size:12px;font-weight:550}.json-rail-pair{display:flex;gap:4px}.json-compare-rail button{padding:7px 2px;min-width:0}.json-rail-pair button{flex:1}.json-compare-rail .json-compare-button{background:var(--green);border-color:var(--green);color:var(--panel);font-size:11px}.json-compare-rail .json-compare-button:hover:not(:disabled){background:var(--green);color:var(--panel);filter:brightness(.9)}.json-compare-rail .json-compare-button:disabled{opacity:1}.json-document-header,.json-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.json-document-header h2{margin:0 auto 0 0;font-size:15px}.json-document-header button,.json-document-header .button{padding:7px 8px}.json-actions{margin-top:10px}.json-actions .toolbar{margin:8px 0 0}.json-editor{height:clamp(440px,calc(100dvh - 350px),800px);display:flex;flex-direction:column;min-width:0;--jse-theme-color: #4d6146;--jse-theme-color-highlight: #394a34;--jse-background-color: var(--panel);--jse-text-color: var(--text);--jse-panel-background: var(--code);--jse-panel-color: var(--text);--jse-main-border: 1px solid var(--border);--jse-panel-border: 1px solid var(--border);--jse-font-family: system-ui, sans-serif;--jse-font-family-mono: ui-monospace, Consolas, monospace;--jse-font-size: 13px;--jse-key-color: var(--text);--jse-value-color-string: var(--syntax-string);--jse-value-color-number: var(--syntax-number);--jse-value-color-boolean: var(--syntax-keyword);--jse-value-color-null: var(--syntax-keyword);--jse-delimiter-color: var(--muted);--jse-tag-color: var(--muted);--jse-tag-background: var(--soft)}.json-editor .jse-status-bar-info,.json-editor .cm-gutters,.json-editor .cm-editor .cm-gutters .cm-gutterElement{color:var(--muted)}.json-editor .jse-meta .jse-tag.disabled{opacity:1}.json-editor>div{flex:1;min-height:0;min-width:0}.json-missing{--jse-contents-background-color: #f1b5b0;background:#f1b5b0}.json-changed{--jse-contents-background-color: #f5dc85;background:#f5dc85}:root[data-theme=dark] .json-missing{--jse-contents-background-color: #543331;background:#543331}:root[data-theme=dark] .json-changed{--jse-contents-background-color: #4b4228;background:#4b4228}.json-current{outline:2px solid var(--green);outline-offset:-2px}.json-credit{border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:11px}.editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:16px}.editors>label{display:flex;flex-wrap:wrap;align-items:stretch}.editors>label>span{margin-left:auto;color:var(--muted);font-size:10px}textarea{width:100%;min-height:220px;resize:vertical;border:1px solid var(--border);border-radius:3px;background:var(--code);padding:14px;font:12px/1.7 ui-monospace,Consolas,monospace}.status{font-size:12px;display:flex;align-items:center;gap:10px;margin:16px 0}.status:empty{display:none}.error{color:#b33e32;overflow-wrap:anywhere}:root[data-theme=dark] .error{color:#ffb4ab}.success{color:var(--green)}.help{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;color:var(--muted);font-size:12px;line-height:1.7}summary{cursor:pointer}.file-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.button:focus-within,.drop:focus-within{outline:2px solid var(--green);outline-offset:3px}.drop{display:flex;flex-direction:column;gap:10px;padding:25px;border:1px dashed var(--border);border-radius:3px;background:var(--code);margin:18px 0;cursor:pointer;text-align:center}.drop.over{border-color:var(--green);background:var(--soft)}.drop-icon{font-size:22px;color:var(--green)}.drop strong{font-size:14px}.drop>span{color:var(--muted);font-size:11px}.file-list{list-style:none;padding:0;max-height:360px;overflow:auto}.file-list li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}.file-list li>div{flex:1;min-width:0;overflow-wrap:anywhere}.file-list small{display:block;color:var(--muted);margin-top:4px}.success-box{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);padding:18px;border-radius:3px;font-size:13px}.success-box p{font-size:11px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tabs b{padding:2px 5px;margin-left:8px;background:var(--soft);border-radius:3px}.tabs .selected{border-color:var(--green)}.image-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px}.preview{min-width:0;background:var(--soft);min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.preview img{max-width:100%;max-height:370px;object-fit:contain}.preview p{background:var(--panel);font-size:11px;padding:8px}.image-options{display:flex;flex-direction:column;gap:15px}.image-options h3{margin:0}.image-options label:not(:has([type=checkbox])){flex-direction:column;align-items:stretch;text-transform:capitalize}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields input{width:100%}.muted{color:var(--muted);font-size:11px}.empty{text-align:center;padding:40px;color:var(--muted)}.result-download{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0}.output-image,.pixel-image{display:block;max-width:100%;max-height:450px;object-fit:contain}.pixel-image{cursor:crosshair}.live-preview{width:100%;height:260px;border:1px solid var(--border);border-radius:6px;background:#fff;margin-bottom:18px}.table-scroll{max-height:500px;overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:10px;border:1px solid var(--border);text-align:left;max-width:350px;overflow-wrap:anywhere}.diff,.regex-preview{padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);font-size:12px}.diff span{display:block}.added{background:#d7efdf;color:#183e23}.removed{background:#f8dcdb;color:#652420}mark{background:#ffe6a2;color:#332700}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.swatches>div{width:90px;height:90px;display:flex;align-items:flex-end;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.swatches span{background:var(--panel);color:var(--text);font-size:11px;padding:7px;width:100%}.point-editor{width:240px;height:240px;max-width:100%;border:1px solid var(--border);margin-bottom:16px;touch-action:none}.point-editor circle{cursor:grab;fill:var(--green)}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:20px 0}.page-card{display:flex;flex-direction:column;gap:14px;align-items:center;border:1px solid var(--border);padding:16px;border-radius:6px;font-size:12px;overflow:hidden}.page-card img{width:100px;height:140px;object-fit:contain}.page-card>div{display:flex;gap:4px}.page-card button{padding:6px 8px}.settings{padding:20px;background:var(--soft);margin-bottom:24px;border-radius:3px}.settings h2{margin-top:0}video{width:100%;max-width:500px}.skip{position:fixed;top:-60px}.skip:focus{top:10px;left:10px;z-index:10;background:var(--panel);padding:12px}.spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){header{gap:20px;padding:18px}.search kbd{display:none}main{padding:30px 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}aside{width:175px;padding:24px 10px}.workspace-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){header{flex-wrap:wrap;gap:16px}.brand{font-size:20px}.header-right{gap:5px}.offline{font-size:10px}.search{order:3;flex-basis:100%;max-width:none}.layout{display:block}aside{width:100%;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow:auto;gap:2px}aside>button{white-space:nowrap;font-size:12px;padding:10px}.aside-note{display:none}main{padding:26px 16px 40px}.tool-panel{padding:16px}.tool-heading h1,h1{font-size:25px}.cards{gap:10px}.card a{padding:15px 12px}.card h3{font-size:13px}.pin{padding:5px;margin-right:5px}.editors,.json-panels,.image-workspace{grid-template-columns:1fr}.json-editor{height:400px}.json-compare-rail{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left}.json-compare-rail>span{margin-top:0}.json-rail-pair,.json-compare-rail .json-compare-button{width:72px}.options>label{min-width:0;flex:1 1 120px}.success-box{flex-wrap:wrap}.toolbar{gap:8px}textarea{min-height:180px}.point-editor{width:200px;height:200px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}