@layer theme{:root,:host{--spacing:.25rem;--default-font-family:"Trebuchet MS", "Segoe UI", sans-serif;--default-mono-font-family:"SFMono-Regular", "Consolas", "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.h-full{height:100%}.min-h-full{min-height:100%}.resize{resize:both}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#eef7ff;--foreground:#17324d;--topbar-height:72px;--statusbar-height:44px;--panel-bar-height:44px;--surface:#fff;--surface-soft:#f4faff;--surface-muted:#dff0ff;--border:#bfdcf4;--brand:#087ec1;--brand-strong:#075e93;--brand-soft:#69b8e8;--brand-contrast:#fff;--brand-gradient-end:#23a9d7;--body-glow:#23a9d73d;--body-start:#f6fbff;--body-end:#eef7ff;--overlay:#0c314d47;--panel-bg:#ffffffd1;--panel-bar-bg:#ffffffc2;--code-text:#27445f;--card-border:#c7dff3;--soft-band:#eef8ff;--diff-accent:#0694c6;--success:#1fbe75;--warning:#f7a40f;--danger:#f24844;--text-soft:#638096;--shadow:0 20px 50px #09598c24}[data-theme=green]{--background:#eefaf5;--foreground:#193b33;--surface-soft:#f4fcf8;--surface-muted:#dff4eb;--border:#bfe2d3;--brand:#0c9b72;--brand-strong:#087154;--brand-soft:#6bcfaf;--brand-gradient-end:#22b88a;--body-glow:#22b88a3b;--body-start:#f7fffb;--body-end:#eefaf5;--overlay:#11403447;--code-text:#264d42;--card-border:#c6e6d8;--soft-band:#eefaf5;--diff-accent:#0b9570;--text-soft:#668477;--shadow:0 20px 50px #08715421}[data-theme=violet]{--background:#efeffa;--foreground:#342f56;--surface-soft:#f6f6fd;--surface-muted:#ecebfb;--border:#d6d5ef;--brand:#675fb5;--brand-strong:#5850a4;--brand-soft:#8f89cf;--brand-gradient-end:#7c76c6;--body-glow:#857cce52;--body-start:#f7f6ff;--body-end:#efeffa;--overlay:#261f4842;--code-text:#40395d;--card-border:#d9d7ef;--soft-band:#f4f3fd;--diff-accent:#6660bb;--text-soft:#7b7897;--shadow:0 20px 50px #46397c1f}[data-theme=dark]{--background:#0e1724;--foreground:#dbeafe;--surface:#152235;--surface-soft:#111d2d;--surface-muted:#1e3047;--border:#2c4663;--brand:#38bdf8;--brand-strong:#0f6c9f;--brand-soft:#7dd3fc;--brand-gradient-end:#2563eb;--body-glow:#38bdf829;--body-start:#0b1320;--body-end:#111827;--overlay:#020a179e;--panel-bg:#152235e0;--panel-bar-bg:#111d2ddb;--code-text:#dbeafe;--card-border:#2c4663;--soft-band:#17263a;--diff-accent:#38bdf8;--text-soft:#9fb3c8;--shadow:0 20px 50px #00000042}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(circle at top left, var(--body-glow), transparent 28%), linear-gradient(180deg, var(--body-start) 0%, var(--body-end) 100%);color:var(--foreground);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.parser-shell{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.history-overlay{z-index:24;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .18s;position:fixed;inset:0}.history-overlay.open{opacity:1;pointer-events:auto}.history-drawer{z-index:25;background:linear-gradient(180deg, var(--surface), var(--surface-soft));grid-template-rows:auto minmax(0,1fr);width:min(360px,100vw - 24px);display:grid;position:fixed;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.history-drawer{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, transparent), color-mix(in srgb, var(--surface-soft) 98%, transparent))}}.history-drawer{box-shadow:24px 0 48px var(--brand-strong)}@supports (color:color-mix(in lab, red, red)){.history-drawer{box-shadow:24px 0 48px color-mix(in srgb, var(--brand-strong) 20%, transparent)}}.history-drawer{transition:transform .22s;transform:translate(-120%)}.history-drawer.open{transform:translate(0)}.history-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 14px;display:flex}.history-drawer-header strong{color:var(--brand-strong);font-size:1.02rem;display:block}.history-drawer-header p{color:var(--text-soft);margin:6px 0 0;font-size:.84rem}.history-close-btn{background:var(--brand);min-height:32px;color:var(--brand-contrast);border:0;border-radius:8px;padding:0 12px;font-size:.8rem;font-weight:700}.topbar{z-index:20;min-height:var(--topbar-height);background:linear-gradient(90deg, var(--brand-strong), var(--brand-gradient-end));color:var(--brand-contrast);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.theme-picker{align-items:center;display:flex}.theme-picker select{min-height:26px;color:var(--brand-contrast);background:#ffffff29;border:1px solid #ffffff57;border-radius:6px;outline:0;padding:0 28px 0 12px;font-size:.84rem;font-weight:700}.theme-picker option{color:var(--foreground);background:var(--surface)}.btn,.mini-btn,.tab{border:1px solid #ffffff47;border-radius:6px;transition:transform .14s,background-color .14s,border-color .14s}.btn:hover,.mini-btn:hover,.tab:hover,.tree-label:hover,.history-item:hover{transform:translateY(-1px)}.btn{min-height:26px;color:var(--brand-contrast);background:#ffffff1f;justify-content:center;align-items:center;padding:0 16px;font-size:.84rem;display:inline-flex}.tool-link{text-decoration:none}.btn-primary{background:#ffffff29}.btn-warning{background:var(--warning);border-color:#f7a40fb3}.btn-success{background:var(--success);border-color:#1fbe75b3}.btn-danger{background:var(--danger);border-color:#f24844b8}.btn-muted{background:#ffffff26}.workspace{height:100vh;min-height:0;max-height:100vh;padding-top:var(--topbar-height);padding-bottom:var(--statusbar-height);grid-template-columns:minmax(320px,1fr) 10px minmax(320px,1fr);display:grid;overflow:hidden}.panel{min-height:0;height:calc(100vh - var(--topbar-height) - var(--statusbar-height));max-height:calc(100vh - var(--topbar-height) - var(--statusbar-height));background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;display:flex;overflow:hidden}.resize-handle{background:linear-gradient(180deg, var(--surface-muted), var(--surface-muted));border:0;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.resize-handle{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-muted) 70%, white), var(--surface-muted))}}.resize-handle{cursor:col-resize}.resize-handle:before{content:"";background:#675fb500;transition:background-color .14s;position:absolute;inset:0}.resize-handle:hover:before,.is-resizing>.resize-handle:before,.resize-handle:focus-visible:before{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.resize-handle:hover:before,.is-resizing>.resize-handle:before,.resize-handle:focus-visible:before{background:color-mix(in srgb, var(--brand) 16%, transparent)}}.resize-handle span{background:var(--brand);border-radius:999px;width:4px;height:44px;position:absolute;inset:50% auto auto 50%}@supports (color:color-mix(in lab, red, red)){.resize-handle span{background:color-mix(in srgb, var(--brand) 56%, transparent)}}.resize-handle span{transform:translate(-50%,-50%)}.resize-handle-workspace{height:calc(100vh - var(--topbar-height) - var(--statusbar-height));max-height:calc(100vh - var(--topbar-height) - var(--statusbar-height))}.input-panel{border-right:1px solid var(--border)}.panel-header{min-height:var(--panel-bar-height);border-bottom:1px solid var(--border);background:var(--panel-bar-bg);color:var(--brand-strong);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:.74rem;font-weight:700;display:flex}.panel-tools{color:var(--text-soft);align-items:center;gap:10px;font-size:.92rem;font-weight:500;display:flex}.mini-btn{border-color:var(--brand);background:var(--brand);color:var(--brand-contrast);min-height:26px;padding:0 16px;font-size:.74rem}.editor-wrap{flex:1;grid-template-columns:56px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.line-gutter{border-right:1px solid var(--border);background:linear-gradient(180deg, var(--surface-soft), var(--surface-muted));color:var(--brand-soft);text-align:right;padding:16px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.editor{resize:none;width:100%;height:100%;color:var(--code-text);background:0 0;border:0;outline:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.02rem;line-height:1.75;overflow:auto}.history-box{background:var(--surface-muted);gap:10px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.history-box{background:color-mix(in srgb, var(--surface-muted) 28%, transparent)}}.history-box{min-height:0;overflow:auto}.history-box p{color:var(--text-soft);margin:0}.history-item{text-align:left;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:12px;gap:4px;padding:12px;display:grid}.history-item strong{font-size:.88rem}.history-item span{color:var(--text-soft);font-size:.94rem}.tabs{min-height:var(--panel-bar-height);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:2px;padding:0 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.tabs{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.tabs{overflow-x:auto}.tab{min-height:var(--panel-bar-height);color:var(--text-soft);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:0 14px;font-size:.8rem}.tab.active{color:var(--brand-strong);border-bottom-color:var(--brand);font-weight:700}.copy-output{flex-shrink:0;margin-left:auto}.output-body{background:linear-gradient(180deg, var(--surface), var(--surface-soft));flex:1;min-height:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.output-body{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 95%, transparent), color-mix(in srgb, var(--surface-soft) 94%, transparent))}}.empty-state,.error-box,.code-view,.text-view,.tree-view,.diff-view{min-height:100%;padding:18px;padding-bottom:var(--statusbar-height)}.empty-state{color:var(--text-soft)}.error-box h2{color:var(--danger);margin:0 0 8px;font-size:1rem}.error-box p{color:var(--text-soft);margin:0}.code-view{color:var(--code-text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;line-height:1.65}.text-view{background:linear-gradient(180deg, var(--surface), var(--surface-soft));align-content:start;gap:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.text-view{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface-soft) 90%, transparent))}}.text-card{border:1px solid var(--card-border);background:var(--surface);border-radius:12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.text-card{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.text-card{box-shadow:0 8px 24px var(--brand-strong)}@supports (color:color-mix(in lab, red, red)){.text-card{box-shadow:0 8px 24px color-mix(in srgb, var(--brand-strong) 10%, transparent)}}.text-card-header{border-bottom:1px solid var(--card-border);background:var(--soft-band);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.text-card-path{color:var(--brand-strong);word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.98rem;font-weight:700}.text-copy-btn{background:var(--brand);min-height:34px;color:var(--brand-contrast);border:0;border-radius:8px;flex-shrink:0;padding:0 16px;font-size:.84rem;font-weight:700;transition:transform .14s,background-color .14s}.text-copy-btn:hover{background:var(--brand-strong);transform:translateY(-1px)}.text-card-value{color:var(--code-text);white-space:pre-wrap;word-break:break-word;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.96rem;line-height:1.7}.markdown-view{grid-template-rows:auto minmax(0,1fr);min-height:100%;display:grid}.markdown-toolbar{border-bottom:1px solid var(--border);background:var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.markdown-toolbar{background:color-mix(in srgb, var(--surface-soft) 96%, transparent)}}.markdown-modes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.markdown-mode-btn,.markdown-copy-btn{background:var(--surface-muted);min-height:26px;color:var(--brand-strong);border:0;border-radius:8px;padding:0 16px;font-size:.74rem;font-weight:700}.markdown-mode-btn.active,.markdown-copy-btn{background:var(--brand);color:var(--brand-contrast)}.markdown-mode-divider{background:var(--border);width:1px;height:34px;margin-inline:8px}.markdown-render,.markdown-source-view{background:var(--surface);min-height:100%;padding:28px 32px 56px}.markdown-render h1{color:var(--brand-strong);letter-spacing:-.03em;margin:0;font-size:2.05rem;font-weight:800}.markdown-render h2{color:var(--brand-strong);margin:42px 0 20px;font-size:1.18rem;font-weight:800}.markdown-render h1+h2,.markdown-render h1+p+h2,.markdown-render h1+table,.markdown-render h1+ul{margin-top:26px}.markdown-render h1:after{content:"";background:var(--border);height:3px;margin-top:18px;display:block}.markdown-render ul{color:var(--code-text);margin:0;padding-left:26px}.markdown-render li{margin-bottom:16px;font-size:1.02rem;line-height:1.55}.markdown-render strong{font-weight:800}.markdown-render table{border-collapse:collapse;width:100%;min-width:640px}.markdown-render table thead{background:var(--soft-band)}.markdown-render table th,.markdown-render table td{border:1px solid var(--border);text-align:left;color:var(--code-text);padding:18px 24px;font-size:1rem}.markdown-render table th{color:var(--brand-strong);font-size:.98rem;font-weight:800}.markdown-render{overflow:auto}.tree-view{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem}.tree-node{display:block}.tree-label{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.tree-toggle{width:16px;color:var(--brand)}.tree-key{color:var(--brand-strong)}.tree-separator{color:var(--text-soft)}.tree-hint{color:#238c84}.tree-value{color:#b0553b}.diff-view{background:linear-gradient(180deg, var(--surface), var(--surface-soft));align-content:start;gap:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.diff-view{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-soft) 94%, transparent))}}.diff-tip{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface-soft), var(--surface-muted));border-radius:12px;padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.diff-tip{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-soft) 95%, transparent), color-mix(in srgb, var(--surface-muted) 72%, transparent))}}.diff-tip{color:var(--brand-strong);font-size:.88rem}.diff-editor-shell{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.diff-editor-shell{background:color-mix(in srgb, var(--surface) 95%, transparent)}}.diff-editor-header,.diff-column-header{border-bottom:1px solid var(--border);background:var(--soft-band);color:var(--brand-strong);padding:12px 16px;font-size:.9rem;font-weight:700}.diff-editor{resize:vertical;width:100%;min-height:220px;color:var(--code-text);background:0 0;border:0;outline:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.7}.diff-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.diff-toolbar{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.diff-actions,.diff-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.diff-btn{background:var(--brand);min-height:34px;color:var(--brand-contrast);border:0;border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:700}.diff-btn-muted{background:#7e7d8f}.diff-btn-copy{background:var(--diff-accent)}.diff-stat{color:var(--text-soft);font-size:.92rem}.diff-stat-added{color:#15a05b}.diff-stat-removed{color:#df3b49}.diff-stat-modified{color:#cf7d05}.diff-compare{grid-template-columns:1fr 10px 1fr;gap:14px;display:grid}.diff-column{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.diff-column{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.resize-handle-diff{border-radius:999px;min-height:100%}.resize-handle-diff span{height:56px}.diff-lines{max-height:520px;overflow:auto}.diff-line{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr);gap:0;display:grid}@supports (color:color-mix(in lab, red, red)){.diff-line{border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent)}}.diff-line{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem}.diff-line-number{text-align:right;color:var(--text-soft);background:var(--surface-soft);padding:10px 8px}@supports (color:color-mix(in lab, red, red)){.diff-line-number{background:color-mix(in srgb, var(--surface-soft) 90%, transparent)}}.diff-line-number{border-right:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.diff-line-number{border-right:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.diff-line-code{color:var(--code-text);white-space:pre-wrap;word-break:break-word;padding:10px 14px}.diff-line.is-added .diff-line-code{background:#dff9eae0;box-shadow:inset 3px 0 #16a34a}.diff-line.is-removed .diff-line-code{background:#ffe5e8e6;box-shadow:inset 3px 0 #dc2626}.diff-line.is-modified .diff-line-code{background:#fff4caeb;box-shadow:inset 3px 0 #f59e0b}.diff-row{border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;display:grid}.diff-row.changed{background:#ffd27c2e}.diff-cell{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.diff-cell{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.diff-cell{white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.pathbar,.statusbar{z-index:20;min-height:var(--statusbar-height);color:var(--brand-strong);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){.pathbar,.statusbar{background:color-mix(in srgb, var(--surface-soft) 96%, transparent)}}.pathbar,.statusbar{border-top:1px solid var(--border);font-size:.84rem}.statusbar{background:linear-gradient(90deg, var(--brand-strong), var(--brand-gradient-end));color:var(--brand-contrast);font-size:.82rem}@media (max-width:1280px){.topbar{gap:14px;padding:14px 18px}.brand{font-size:.96rem}.toolbar{gap:8px}.workspace{grid-template-columns:minmax(280px,1fr) 10px minmax(280px,1fr)}.editor{font-size:.96rem}.tabs{padding-inline:8px}}@media (max-width:1100px){body{overflow:auto}.parser-shell{height:auto;min-height:100vh;overflow:visible}.topbar{padding:12px 16px;position:sticky}.toolbar{justify-content:flex-start}.workspace{grid-template-columns:1fr;height:auto;max-height:none;padding-top:0;padding-bottom:0}.input-panel{border-right:0;border-bottom:1px solid var(--border)}.panel{height:auto;min-height:380px;max-height:none}.resize-handle-workspace{display:none}.output-body{min-height:360px}.pathbar,.statusbar{position:static;inset:auto}}@media (max-width:720px){.parser-shell{min-height:100dvh}.workspace{min-height:0}.panel{min-height:320px}.topbar,.statusbar,.panel-header,.pathbar{padding-inline:12px}.topbar{flex-direction:column;align-items:flex-start;min-height:auto}.history-drawer{width:min(320px,100vw - 16px)}.history-drawer-header{padding:14px 14px 12px}.toolbar{justify-content:flex-start;gap:6px;width:100%}.btn,.mini-btn,.tab{border-radius:8px}.btn{min-height:30px;padding-inline:12px;font-size:.78rem}.panel-header,.tabs{min-height:40px}.panel-header{flex-wrap:wrap;gap:10px;padding:8px 12px}.panel-tools{justify-content:space-between;width:100%;font-size:.78rem}.tab{min-height:40px;padding-inline:10px;font-size:.76rem}.editor{padding:12px;font-size:.92rem}.line-gutter{padding:12px 8px;font-size:.82rem}.editor-wrap{grid-template-columns:44px minmax(0,1fr)}.diff-row,.diff-toolbar,.diff-compare{grid-template-columns:1fr}.resize-handle-diff{display:none}.text-view,.diff-view,.tree-view,.code-view,.error-box,.empty-state{padding:12px}.text-view{gap:14px}.markdown-toolbar{padding:12px}.markdown-modes{width:100%}.markdown-mode-btn,.markdown-copy-btn{min-height:26px;padding-inline:14px;font-size:.74rem}.markdown-render,.markdown-source-view{padding:18px 16px 40px}.markdown-render h1{font-size:1.7rem}.markdown-render li,.markdown-render table th,.markdown-render table td{font-size:.92rem}.text-card-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.text-copy-btn{align-self:flex-end}.text-card-value,.diff-editor,.diff-line-code{padding:12px}.diff-tip,.diff-toolbar,.diff-editor-header,.diff-column-header{padding-inline:12px}.diff-compare{grid-template-columns:1fr}.statusbar{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.history-drawer{width:calc(100vw - 8px)}.topbar{padding:10px 12px}.brand{font-size:.9rem}.toolbar{gap:5px}.btn{min-height:28px;padding-inline:10px;font-size:.74rem}.panel-header,.tabs,.tab{min-height:38px}.tab{padding-inline:8px;font-size:.72rem}.mini-btn,.text-copy-btn,.diff-btn{min-height:30px;padding-inline:10px;font-size:.74rem}.diff-line{grid-template-columns:38px minmax(0,1fr);font-size:.84rem}.markdown-mode-divider{display:none}.diff-line-number{padding-inline:6px}.pathbar,.statusbar{font-size:.76rem}}:root{--background:#eaf2ff;--foreground:#17233d;--surface:#ffffff94;--surface-soft:#f7faff85;--surface-muted:#dde9ff99;--border:#ffffffa8;--brand:#5b67f1;--brand-strong:#3446b8;--brand-soft:#8a96ff;--brand-gradient-end:#36b8de;--body-glow:#606eff33;--body-start:#f8faff;--body-end:#e5edfb;--panel-bg:#ffffff80;--panel-bar-bg:#ffffff5c;--code-text:#263450;--card-border:#ffffffb8;--soft-band:#ebf1ff8f;--text-soft:#667492;--shadow:0 24px 70px #2c3d7e29, inset 0 1px 0 #ffffffc7}[data-theme=green]{--surface:#ffffff8f;--surface-soft:#f5fffb80;--surface-muted:#d6f5ea9e;--border:#ffffffad;--brand:#0ca77b;--brand-strong:#08745d;--brand-gradient-end:#20b9bb;--panel-bg:#f8fffc80;--panel-bar-bg:#ffffff57;--card-border:#ffffffb8}[data-theme=violet]{--surface:#ffffff8a;--surface-soft:#faf7ff80;--surface-muted:#e8deff99;--border:#ffffffa8;--brand:#7c5ce7;--brand-strong:#5940ad;--brand-gradient-end:#b05ed2;--panel-bg:#fdfaff7a;--panel-bar-bg:#ffffff57;--card-border:#ffffffb3}[data-theme=dark]{--surface:#162138a8;--surface-soft:#111b309e;--surface-muted:#2d3d5ba3;--border:#a4bee82e;--panel-bg:#121d339e;--panel-bar-bg:#1c2a438a;--card-border:#a4bee82e}body{background:radial-gradient(circle at 8% 10%, var(--brand), transparent 28%), radial-gradient(circle at 92% 12%, var(--brand-gradient-end), transparent 26%), radial-gradient(circle at 55% 95%, #f472b621, transparent 30%), linear-gradient(145deg, var(--body-start), var(--body-end))}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--brand) 25%, transparent), transparent 28%), radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--brand-gradient-end) 26%, transparent), transparent 26%), radial-gradient(circle at 55% 95%, #f472b621, transparent 30%), linear-gradient(145deg, var(--body-start), var(--body-end))}}.parser-shell:before,.parser-shell:after{content:"";z-index:-1;filter:blur(18px);pointer-events:none;border-radius:999px;width:340px;height:340px;position:fixed}.parser-shell:before{background:var(--brand);top:12%;left:-120px}@supports (color:color-mix(in lab, red, red)){.parser-shell:before{background:color-mix(in srgb, var(--brand) 17%, transparent)}}.parser-shell:after{background:var(--brand-gradient-end);bottom:8%;right:-120px}@supports (color:color-mix(in lab, red, red)){.parser-shell:after{background:color-mix(in srgb, var(--brand-gradient-end) 18%, transparent)}}.topbar{min-height:calc(var(--topbar-height) - 8px);background:linear-gradient(115deg, var(--brand-strong), var(--brand-gradient-end));border:1px solid #ffffff38;border-radius:18px;padding:12px 16px;inset:12px 14px auto}@supports (color:color-mix(in lab, red, red)){.topbar{background:linear-gradient(115deg, color-mix(in srgb, var(--brand-strong) 88%, transparent), color-mix(in srgb, var(--brand-gradient-end) 78%, transparent))}}.topbar{box-shadow:0 18px 48px var(--brand-strong), inset 0 1px 0 #ffffff40}@supports (color:color-mix(in lab, red, red)){.topbar{box-shadow:0 18px 48px color-mix(in srgb, var(--brand-strong) 24%, transparent), inset 0 1px 0 #ffffff40}}.topbar{-webkit-backdrop-filter:blur(24px)saturate(155%);backdrop-filter:blur(24px)saturate(155%)}.brand{letter-spacing:-.025em;text-shadow:0 1px 18px #fff3;font-size:1.08rem}.btn,.mini-btn,.tab,.theme-picker select{border-radius:10px}.btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border-color:#ffffff47;min-height:32px;box-shadow:inset 0 1px #fff3}.btn:hover{background:#ffffff3d;border-color:#ffffff8f}.btn-warning,.btn-success,.btn-danger{box-shadow:0 8px 20px #141c3a1f,inset 0 1px #ffffff4d}.theme-picker select{background:#ffffff24;min-height:32px}.workspace,.type-tool-workspace{padding:calc(var(--topbar-height) + 16px) 14px calc(var(--statusbar-height) + 12px);gap:10px}.workspace{grid-template-columns:minmax(320px,1fr) 8px minmax(320px,1fr)}.panel{height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - 28px);max-height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - 28px);border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-soft));border-radius:18px}@supports (color:color-mix(in lab, red, red)){.panel{background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface-soft) 78%, transparent))}}.panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%)}.input-panel,.type-input-panel{border-right:1px solid var(--border)}.panel-header,.tabs,.type-controls,.pathbar{background:var(--panel-bar-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%)}.panel-header{padding-inline:14px}.panel-header,.tabs,.type-controls{border-bottom-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.panel-header,.tabs,.type-controls{border-bottom-color:color-mix(in srgb, var(--border) 80%, transparent)}}.tabs{gap:5px;padding:6px 8px}.tab{border:1px solid #0000;min-height:32px}.tab.active{border:1px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.tab.active{border:1px solid color-mix(in srgb, var(--brand) 22%, transparent)}}.tab.active{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.tab.active{background:color-mix(in srgb, var(--brand) 12%, var(--surface))}}.tab.active{box-shadow:0 6px 16px var(--brand)}@supports (color:color-mix(in lab, red, red)){.tab.active{box-shadow:0 6px 16px color-mix(in srgb, var(--brand) 10%, transparent)}}.output-body,.text-view,.diff-view,.markdown-render,.markdown-source-view{background:0 0}.line-gutter{background:var(--surface-muted)}@supports (color:color-mix(in lab, red, red)){.line-gutter{background:color-mix(in srgb, var(--surface-muted) 44%, transparent)}}.mini-btn,.text-copy-btn,.diff-btn,.markdown-copy-btn{box-shadow:0 8px 18px var(--brand), inset 0 1px 0 #ffffff47}@supports (color:color-mix(in lab, red, red)){.mini-btn,.text-copy-btn,.diff-btn,.markdown-copy-btn{box-shadow:0 8px 18px color-mix(in srgb, var(--brand) 20%, transparent), inset 0 1px 0 #ffffff47}}.history-drawer{border:1px solid var(--border);background:var(--surface);border-radius:20px;height:calc(100vh - 24px);margin:12px}@supports (color:color-mix(in lab, red, red)){.history-drawer{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.history-drawer{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px)saturate(150%);backdrop-filter:blur(30px)saturate(150%)}.history-item,.text-card,.diff-tip,.diff-editor-shell,.diff-toolbar,.diff-column,.type-mode{border-color:var(--border);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.history-item,.text-card,.diff-tip,.diff-editor-shell,.diff-toolbar,.diff-column,.type-mode{background:color-mix(in srgb, var(--surface) 76%, transparent)}}.history-item,.text-card,.diff-tip,.diff-editor-shell,.diff-toolbar,.diff-column,.type-mode{box-shadow:0 12px 28px var(--brand-strong), inset 0 1px 0 #ffffff8a}@supports (color:color-mix(in lab, red, red)){.history-item,.text-card,.diff-tip,.diff-editor-shell,.diff-toolbar,.diff-column,.type-mode{box-shadow:0 12px 28px color-mix(in srgb, var(--brand-strong) 8%, transparent), inset 0 1px 0 #ffffff8a}}.history-item,.text-card,.diff-tip,.diff-editor-shell,.diff-toolbar,.diff-column,.type-mode{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.resize-handle{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.resize-handle{background:color-mix(in srgb, var(--surface) 46%, transparent)}}.pathbar,.statusbar{border:1px solid var(--border);min-height:36px;box-shadow:0 10px 28px var(--brand-strong);border-radius:12px;inset:auto 14px 10px}@supports (color:color-mix(in lab, red, red)){.pathbar,.statusbar{box-shadow:0 10px 28px color-mix(in srgb, var(--brand-strong) 14%, transparent)}}.statusbar{background:linear-gradient(105deg, var(--brand-strong), var(--brand-gradient-end));border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.statusbar{background:linear-gradient(105deg, color-mix(in srgb, var(--brand-strong) 90%, transparent), color-mix(in srgb, var(--brand-gradient-end) 82%, transparent))}}.statusbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.type-field input,.type-field select{border-color:var(--border);background:var(--surface);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.type-field input,.type-field select{background:color-mix(in srgb, var(--surface) 76%, transparent)}}.type-field input,.type-field select{box-shadow:inset 0 1px #ffffff8f}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 32%, transparent)}}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px}@media (max-width:1100px){.topbar{border-radius:0 0 18px 18px;inset:0}.workspace,.type-tool-workspace{padding:12px}.panel{height:auto;max-height:none}.pathbar,.statusbar{margin:0 12px 12px;inset:auto}}