:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fafafa}button,input,select,textarea{font:inherit}button{min-height:36px;border:1px solid var(--border-strong);border-radius:6px;background:var(--button-bg);color:var(--text);cursor:pointer;padding:0 12px}button:hover{border-color:var(--muted)}.file-button{display:inline-grid;place-items:center;min-height:36px;border:1px solid var(--border-strong);border-radius:6px;background:var(--button-bg);color:var(--text);cursor:pointer;padding:0 12px}.file-button input{display:none}button.active,button:focus-visible{border-color:var(--accent);outline:2px solid var(--focus)}input,select,textarea{border:1px solid var(--border-strong);border-radius:6px;background:var(--input-bg);color:var(--text)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;border-color:var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 76%,var(--bg));color:var(--muted);opacity:.62}input,select{min-height:38px;min-width:0;width:100%;padding:0 10px}.toolbar select{width:auto;min-width:150px}textarea{min-height:620px;min-width:0;width:100%;resize:vertical;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55}.app{--bg: #fafafa;--panel: #ffffff;--panel-soft: #f5f2ff;--input-bg: #ffffff;--button-bg: #ffffff;--text: #121f3b;--subtle: #243154;--muted: #5c6680;--border: #d9d5e8;--border-soft: #e7e3f2;--border-strong: #c9c2df;--accent: #9058ff;--accent-strong: #6e35dc;--focus: rgba(144, 88, 255, .2);--mark-bg: #ffe28a;--mark-text: #121f3b;--error: #a33b2b;--syntax-key: #6e35dc;--syntax-string: #146c43;--syntax-number: #2d5aa7;--syntax-bool: #9058ff;--syntax-null: #5c6680;--syntax-comment: #6d7388;background:var(--bg);color:var(--text);min-height:100vh;padding:22px}.theme-light-sage{--bg: #edf3ef;--panel: #fbfdfb;--panel-soft: #f2f7f3;--input-bg: #ffffff;--button-bg: #ffffff;--text: #17241d;--subtle: #35453b;--muted: #607267;--border: #cad8cf;--border-soft: #dbe6df;--border-strong: #b7c8bd;--accent: #2f7551;--accent-strong: #236143;--focus: rgba(47, 117, 81, .2);--mark-bg: #d9ef8b;--syntax-key: #7a4f16;--syntax-string: #236143;--syntax-number: #1f5f76;--syntax-bool: #6b4b91}.theme-light-sky{--bg: #edf4f8;--panel: #ffffff;--panel-soft: #f3f8fb;--text: #16212a;--subtle: #344754;--muted: #5e7180;--border: #d2dfe7;--border-soft: #e1ebf1;--border-strong: #bdced9;--accent: #256f9a;--accent-strong: #1b5b80;--focus: rgba(37, 111, 154, .2);--mark-bg: #aee5ff;--syntax-key: #8b4c22;--syntax-string: #17735d;--syntax-number: #1b5b80;--syntax-bool: #7652a6}.theme-light-rose{--bg: #f6eff2;--panel: #fffdfd;--panel-soft: #fbf5f7;--text: #28191d;--subtle: #4d383f;--muted: #7a6470;--border: #e4d2d9;--border-soft: #eddee4;--border-strong: #d5bdc7;--accent: #9a425c;--accent-strong: #7d3349;--focus: rgba(154, 66, 92, .2);--mark-bg: #ffd6a8;--syntax-key: #8b4c22;--syntax-string: #1f6f57;--syntax-number: #285f98;--syntax-bool: #7b4ca0}.theme-light-amber{--bg: #f4f1e8;--panel: #fffefd;--panel-soft: #faf7ee;--text: #241f17;--subtle: #494032;--muted: #736956;--border: #ded5c3;--border-soft: #e9e1d0;--border-strong: #cfc2aa;--accent: #8a6220;--accent-strong: #6f4e18;--focus: rgba(138, 98, 32, .2);--mark-bg: #f4dc78;--syntax-key: #8a4f17;--syntax-string: #1f6b50;--syntax-number: #225d87;--syntax-bool: #735098}.theme-dark-default,.theme-dark-teal,.theme-dark-violet,.theme-dark-ruby,.theme-dark-olive{color-scheme:dark;--bg: #121f3b;--panel: #172748;--panel-soft: #0e1931;--input-bg: #0a1429;--button-bg: #172748;--text: #fafafa;--subtle: #d8d6e3;--muted: #a9a4bc;--border: #28385f;--border-soft: #203053;--border-strong: #3a4b75;--accent: #9058ff;--accent-strong: #b394ff;--focus: rgba(144, 88, 255, .32);--mark-bg: #9058ff;--mark-text: #fafafa;--error: #ff8f7d;--syntax-key: #b394ff;--syntax-string: #77d49b;--syntax-number: #8fb8ff;--syntax-bool: #d7c7ff;--syntax-null: #a9a4bc;--syntax-comment: #818ca7}.theme-dark-teal{--bg: #061011;--panel: #0e1a1c;--panel-soft: #0a1516;--input-bg: #081214;--button-bg: #122124;--border: #243b3f;--border-soft: #1b3034;--border-strong: #315156;--accent: #4db6a5;--accent-strong: #78d8c9;--focus: rgba(77, 182, 165, .28)}.theme-dark-violet{--bg: #0d0a12;--panel: #18131f;--panel-soft: #120e18;--input-bg: #100c16;--button-bg: #1f1828;--border: #332a40;--border-soft: #2a2234;--border-strong: #493a5c;--accent: #a78bfa;--accent-strong: #c4b5fd;--focus: rgba(167, 139, 250, .28)}.theme-dark-ruby{--bg: #11090b;--panel: #1c1114;--panel-soft: #160d10;--input-bg: #130b0d;--button-bg: #241519;--border: #40262d;--border-soft: #332026;--border-strong: #5b3741;--accent: #e06d88;--accent-strong: #f59aae;--focus: rgba(224, 109, 136, .28)}.theme-dark-olive{--bg: #0c0f08;--panel: #151a10;--panel-soft: #10140d;--input-bg: #0f130b;--button-bg: #1b2115;--border: #303c25;--border-soft: #27311f;--border-strong: #455735;--accent: #9abd65;--accent-strong: #bedf88;--focus: rgba(154, 189, 101, .28)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-22px -22px 16px;border-bottom:1px solid var(--border);background:var(--panel);padding:14px 22px}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;border-radius:6px;object-fit:cover}.app-header{display:block;margin:0 auto 18px;max-width:1480px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px}.theme-menu{display:grid;gap:14px;margin:0 auto 16px;max-width:1480px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px;box-shadow:0 1px 2px color-mix(in srgb,var(--text) 10%,transparent)}.snippet-strip,.snippet-actions{display:grid;gap:8px;margin:0 auto 16px;max-width:1480px}.snippet-action-row{display:grid;grid-template-columns:minmax(120px,170px) minmax(180px,1fr) auto;gap:8px;align-items:center;border-top:1px solid var(--border-soft);padding-top:8px}.snippet-action-row.open-row{grid-template-columns:minmax(120px,170px) minmax(0,1fr)}.row-label{color:var(--muted);font-size:12px;font-weight:700}.snippet-strip-list{display:flex;flex-wrap:wrap;gap:8px}.snippet-pill{display:inline-grid;height:auto;min-height:42px;justify-items:start;gap:2px;padding:6px 10px;text-align:left}.snippet-pill strong{color:var(--accent);font-size:13px}.snippet-pill span{color:var(--muted);font-size:11px}.theme-section h2{margin-bottom:8px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.theme-choice{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px}.theme-swatch{display:inline-block;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:50%;background:var(--accent)}.theme-swatch-light-default{background:linear-gradient(135deg,#fafafa 50%,#9058ff 50%)}.theme-swatch-light-sage{background:linear-gradient(135deg,#edf3ef 50%,#2f7551 50%)}.theme-swatch-light-sky{background:linear-gradient(135deg,#edf4f8 50%,#256f9a 50%)}.theme-swatch-light-rose{background:linear-gradient(135deg,#f6eff2 50%,#9a425c 50%)}.theme-swatch-light-amber{background:linear-gradient(135deg,#f4f1e8 50%,#8a6220 50%)}.theme-swatch-dark-default{background:linear-gradient(135deg,#121f3b 50%,#9058ff 50%)}.theme-swatch-dark-teal{background:linear-gradient(135deg,#061011 50%,#4db6a5 50%)}.theme-swatch-dark-violet{background:linear-gradient(135deg,#0d0a12 50%,#a78bfa 50%)}.theme-swatch-dark-ruby{background:linear-gradient(135deg,#11090b 50%,#e06d88 50%)}.theme-swatch-dark-olive{background:linear-gradient(135deg,#0c0f08 50%,#9abd65 50%)}.eyebrow{margin:0 0 2px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1}h2{margin-bottom:10px;font-size:15px}.tabs,.toolbar{display:flex;flex-wrap:wrap;gap:8px}.tabs{justify-content:flex-end}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:16px;margin:0 auto;max-width:1480px}.home-workspace{display:grid;gap:16px;margin:0 auto;max-width:1480px}.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:stretch;padding:20px}.home-copy{display:grid;align-content:center;gap:14px;min-width:0}.home-copy h2{max-width:960px;margin:0;color:var(--text);font-size:34px;line-height:1.12}.home-copy p:not(.eyebrow){max-width:900px;color:var(--subtle);font-size:16px}.home-actions{display:flex;flex-wrap:wrap;gap:8px}.home-snapshot{display:grid;grid-template-columns:1fr;gap:10px}.home-snapshot div{display:grid;align-content:center;min-height:96px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:14px}.home-snapshot span{color:var(--accent);font-size:24px;font-weight:800;line-height:1}.home-snapshot strong{margin-top:6px;color:var(--subtle);font-size:13px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:16px}.home-section{min-width:0}.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tool-card{display:grid;height:auto;min-height:108px;justify-items:start;align-content:start;gap:8px;padding:12px;text-align:left}.home-tool-card strong{color:var(--accent);font-size:15px}.home-tool-card span{color:var(--subtle);font-size:13px}.home-workflow-list{display:grid;gap:10px}.home-workflow-item{border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:12px}.home-workflow-item h3{margin:0 0 6px;color:var(--accent);font-size:14px}.home-workflow-item p{color:var(--subtle);font-size:13px}.tool-description{margin:16px auto 0;max-width:1480px}.tool-description h2{margin-bottom:6px}.tool-description p{margin-top:8px;color:var(--subtle);font-size:14px}.panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px;box-shadow:0 1px 2px color-mix(in srgb,var(--text) 8%,transparent)}.primary-panel{display:flex;min-width:0;flex-direction:column;gap:12px}.side-panel{display:grid;align-content:start;gap:16px;min-width:0}.html-side{grid-template-rows:minmax(240px,1fr) minmax(260px,1fr)}.resizable-workspace{align-items:start}.resizable-panel{min-height:220px;overflow:auto;resize:none}.resizable-panel textarea{min-height:460px}.html-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,470px)}.editor-resizable-panel{overflow:visible}.hidden-input{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-heading h2{margin:0}.checkbox-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.checkbox-label input{min-height:auto;width:auto}.inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.text-utilities{display:grid;gap:12px;border-top:1px solid var(--border-soft);padding-top:12px}.utility-group{display:grid;gap:8px}.utility-group h2{margin:0}.replace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.search-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:8px}.search-grid.single-field{grid-template-columns:1fr}.utility-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.inline-doc-link{color:var(--accent-strong);font-size:12px;font-weight:700;text-decoration:none}.inline-doc-link:hover{text-decoration:underline}.metric{margin-top:8px;color:var(--accent);font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid div{min-height:74px;border:1px solid var(--border-soft);border-radius:6px;padding:10px}.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid strong{display:block;margin-top:4px;font-size:24px;line-height:1}.preview,.result{min-height:120px;max-height:310px;overflow:auto;margin-top:10px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:12px;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.code-preview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.syntax-preview{line-height:1.55}.wrap-preview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.syntax-editor{position:relative;min-height:620px;min-width:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--input-bg);overflow:hidden;resize:vertical}.syntax-editor.secondary-height{min-height:320px}.syntax-editor.wrap-lines .syntax-editor-highlight,.syntax-editor.wrap-lines .syntax-editor-input{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.syntax-editor-highlight,.syntax-editor-input{position:absolute;inset:0;min-height:100%;width:100%;margin:0;border:0;border-radius:0;padding:16px;overflow:auto;white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55;tab-size:2}.syntax-editor.has-line-numbers .syntax-editor-highlight,.syntax-editor.has-line-numbers .syntax-editor-input{padding-left:58px}.syntax-editor-lines{position:absolute;inset:0 auto 0 0;z-index:2;width:42px;border-right:1px solid var(--border-soft);background:var(--panel-soft);color:var(--muted);overflow:hidden;padding:16px 8px 16px 0;text-align:right;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55;-webkit-user-select:none;user-select:none}.syntax-editor-lines span{display:block}.syntax-editor-highlight{pointer-events:none;background:transparent}.syntax-editor-input{background:transparent;color:transparent;caret-color:var(--text);resize:none}.syntax-editor-input::selection{background:var(--focus);color:transparent}.result{color:var(--subtle);overflow-wrap:anywhere}.status{min-height:20px;margin-top:8px;color:var(--muted);font-size:13px}.field-help{margin-top:8px;color:var(--muted);font-size:12px}.field-help code{color:var(--text)}.validation-panel{border-color:var(--border-strong)}.validation-inline{display:grid;gap:6px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel-soft);padding:10px 12px;color:var(--subtle);font-size:13px}.schema-errors{border-color:var(--error)}.validation-list{margin:0;padding-left:18px;color:var(--subtle);font-size:13px}.validation-list li+li{margin-top:6px}.editor-option{justify-self:start;margin-top:-2px}.accordion-panel{border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.accordion-panel summary{cursor:pointer;padding:12px 14px;color:var(--text);font-weight:700}.accordion-panel[open] summary{border-bottom:1px solid var(--border-soft)}.schema-validator{display:grid;gap:12px;padding:14px}.error-status{margin-top:8px;color:var(--error);font-size:13px;overflow-wrap:anywhere}.error-banner{border:1px solid var(--error);border-radius:6px;background:color-mix(in srgb,var(--error) 16%,var(--panel));color:var(--error);padding:10px 12px;font-size:13px;font-weight:700;overflow-wrap:anywhere}.error-highlight{border-bottom:2px solid var(--error);border-radius:2px;background:color-mix(in srgb,var(--error) 22%,transparent);color:var(--text)}mark{border-radius:3px;background:var(--mark-bg);color:var(--mark-text)}.json-key{color:var(--syntax-key)}.json-string{color:var(--syntax-string)}.json-number{color:var(--syntax-number)}.json-boolean{color:var(--syntax-bool)}.json-null{color:var(--syntax-null)}.regex-escape{color:var(--syntax-string)}.regex-group{color:var(--syntax-key)}.regex-class{color:var(--syntax-number)}.regex-quantifier{color:var(--syntax-bool);font-weight:700}.regex-operator{color:var(--accent-strong);font-weight:700}.html-tag{color:var(--syntax-number)}.html-attr{color:var(--syntax-key)}.html-string{color:var(--syntax-string)}.html-comment{color:var(--syntax-comment);font-style:italic}.sql-keyword{color:var(--accent-strong);font-weight:700}.sql-string{color:var(--syntax-string)}.sql-number{color:var(--syntax-key)}.sql-comment{color:var(--syntax-comment);font-style:italic}.sql-workspace{display:grid;gap:16px;margin:0 auto;width:100%;max-width:1480px}.xml-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:16px;margin:0 auto;max-width:1480px}.xml-workspace>.panel:nth-of-type(n+3){min-height:360px}.xml-secondary-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.secondary-editor{min-height:320px}.sql-workspace .workspace{margin:0;width:100%;max-width:none}.sql-workspace .tool-description{margin:0;max-width:none}.command-name{color:var(--accent);font-size:22px;font-weight:800}.command-docs{display:grid;gap:6px;margin-top:10px}.command-docs h3{margin:6px 0 0;color:var(--text);font-size:13px}.command-docs p{color:var(--subtle);font-size:13px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.tag-chip{display:inline-flex;align-items:center;min-height:22px;border:1px solid var(--border-soft);border-radius:999px;background:var(--panel-soft);color:var(--subtle);padding:2px 8px;font-size:11px;font-weight:700}.tag-read{color:var(--accent)}.tag-write{color:var(--error)}.tag-performance{color:var(--syntax-key)}.toolbar-select-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.toolbar-status{display:inline-flex;align-items:center;color:var(--muted);font-size:12px}.snippet-heading-actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.small-button{min-height:28px;padding:5px 9px;font-size:12px}.diff-copy-actions{border-top:1px solid var(--border-soft);padding-top:10px}.claim-list{display:grid;gap:8px}.claim-row{display:grid;height:auto;min-height:54px;justify-items:start;gap:3px;padding:8px 10px;text-align:left}.claim-row strong{color:var(--accent)}.claim-row span{max-width:100%;color:var(--subtle);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-preview{min-height:620px;max-height:760px;overflow:auto;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:18px;color:var(--text)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre,.markdown-preview table{margin-top:0;margin-bottom:14px}.markdown-preview h1{font-size:26px}.markdown-preview h2{font-size:20px}.markdown-preview h3{font-size:17px}.markdown-preview code,.markdown-preview pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.markdown-preview code{border:1px solid var(--border-soft);border-radius:4px;background:var(--input-bg);padding:1px 4px}.markdown-preview pre{overflow:auto;border:1px solid var(--border-soft);border-radius:6px;background:var(--input-bg);padding:12px}.markdown-preview pre code{border:0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent);padding-left:12px;color:var(--subtle)}.markdown-preview .task-list{padding-left:0;list-style:none}.markdown-preview .task-list-item{display:flex;align-items:center;gap:8px}.markdown-preview .task-list-item input{min-height:auto;width:auto}.markdown-preview table{width:100%;border-collapse:collapse}.markdown-preview .markdown-toc{margin-bottom:16px;border:1px solid var(--border-soft);border-radius:6px;background:var(--input-bg);padding:12px}.markdown-preview .markdown-toc ul{margin:8px 0 0}.markdown-preview .toc-level-2{margin-left:14px}.markdown-preview .toc-level-3,.markdown-preview .toc-level-4,.markdown-preview .toc-level-5,.markdown-preview .toc-level-6{margin-left:28px}.markdown-preview .footnotes{margin-top:24px;border-top:1px solid var(--border-soft);padding-top:12px;color:var(--subtle);font-size:13px}.markdown-preview th,.markdown-preview td{border:1px solid var(--border-soft);padding:8px;text-align:left}.markdown-preview a{color:var(--accent-strong)}.markdown-preview img{max-width:100%}.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}.doc-grid h3{margin:0 0 8px;font-size:14px}.doc-grid ul{margin:0;padding-left:18px;color:var(--subtle);font-size:14px}.syntax-reference{margin-top:16px}.syntax-reference h3{margin:0 0 10px;font-size:15px}.syntax-reference>p{max-width:980px;margin:0 0 12px}.syntax-reference table{width:100%;border-collapse:collapse;font-size:13px}.syntax-reference th,.syntax-reference td{border:1px solid var(--border-soft);padding:8px 10px;text-align:left;vertical-align:top}.syntax-reference th{background:var(--panel-soft);color:var(--accent)}.syntax-reference td:first-child{color:var(--accent);font-weight:700;white-space:nowrap}.syntax-reference code{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.html-output-preview{max-height:420px}.table-builder{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr)) auto;gap:10px;align-items:end}.table-builder label{display:grid;gap:4px;color:var(--muted);font-size:12px}.table-preview{max-height:420px;overflow:auto;border:1px solid var(--border-soft);border-radius:6px}.table-preview table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}.table-preview th,.table-preview td{border-bottom:1px solid var(--border-soft);padding:8px 10px;text-align:left;vertical-align:top}.table-preview th{position:sticky;top:0;background:var(--panel-soft);color:var(--accent)}.regex-pattern-box{position:relative;min-width:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--input-bg)}.regex-pattern-box pre,.regex-pattern-box input{width:100%;min-height:44px;margin:0;border:0;background:transparent;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.5}.regex-pattern-box pre{pointer-events:none}.regex-pattern-box input{position:absolute;inset:0;color:transparent;caret-color:var(--text)}.regex-runner-controls{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:8px}.regex-copy-panel{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto minmax(90px,auto);gap:8px;align-items:center;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:10px}.regex-copy-panel code{min-width:0;overflow:auto;border:1px solid var(--border-soft);border-radius:6px;background:var(--input-bg);padding:8px 10px;white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.flag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}.flag-option{justify-content:space-between;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:8px 10px}.flag-option span{flex:1}.flag-option code{color:var(--accent);font-weight:700}.match-list{display:grid;gap:8px;max-height:420px;overflow:auto}.match-card{display:grid;gap:4px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:10px;color:var(--subtle);font-size:13px}.match-card code{max-width:100%;overflow-wrap:anywhere;color:var(--text)}.pattern-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.pattern-card{display:grid;height:auto;min-height:120px;justify-items:start;gap:6px;padding:12px;text-align:left}.pattern-card strong{color:var(--accent)}.pattern-card code{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-size:12px}.pattern-card span{color:var(--subtle);font-size:12px}.diff-workspace{display:grid;gap:16px;margin:0 auto;max-width:1480px}.diff-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.diff-summary{display:grid;gap:14px}.validation-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.validation-columns h3{margin:0 0 8px;font-size:13px}.diff-table{display:grid;overflow:auto;border:1px solid var(--border-soft);border-radius:6px}.diff-row{display:grid;grid-template-columns:48px minmax(220px,1fr) 48px minmax(220px,1fr);min-width:820px;border-bottom:1px solid var(--border-soft)}.diff-row:last-child{border-bottom:0}.diff-row pre{min-width:0;margin:0;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.line-number{display:grid;place-items:start end;border-right:1px solid var(--border-soft);padding:8px;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.diff-added{background:color-mix(in srgb,#1f9d55 24%,var(--panel));border-left:3px solid #1f9d55}.diff-removed{background:color-mix(in srgb,#d84a3a 24%,var(--panel));border-left:3px solid #d84a3a}.diff-changed{background:color-mix(in srgb,var(--mark-bg) 18%,transparent)}.char-added,.char-removed{border-radius:3px;padding:1px 0;font-weight:700}.char-added{background:color-mix(in srgb,#1f9d55 42%,transparent);color:var(--text)}.char-removed{background:color-mix(in srgb,#d84a3a 42%,transparent);color:var(--text)}.structural-diff{display:grid;gap:8px}.structural-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,.8fr) minmax(160px,1.2fr) minmax(160px,1.2fr);gap:8px;border:1px solid var(--border-soft);border-radius:6px;padding:10px}.structural-row code{overflow-wrap:anywhere}.copy-to-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0}.api-workspace,.account-workspace{display:grid;gap:16px;margin:0 auto;width:100%;max-width:1480px}.account-workspace .workspace{width:100%}.account-workspace .primary-panel,.account-workspace .accordion-panel{width:100%;min-width:0}.account-workspace .accordion-panel{overflow:hidden}.request-line{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr) auto;gap:8px}.api-variables-panel{display:grid;gap:8px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft);padding:12px}.compact-heading{margin-bottom:0}.variable-grid{display:grid;gap:8px}.variable-row{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(180px,1fr) auto;gap:8px}.api-collection-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(160px,1fr) auto auto;gap:8px}.active-request-card{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-soft))}.auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.split-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:700}.vault-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.encryption-grid,.account-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.encryption-card{display:grid;gap:10px;min-width:0;border:1px solid var(--border-soft);border-radius:6px;background:var(--input-bg);padding:12px}.encryption-card .field-help{display:block;min-height:38px}.encryption-card h3{margin:0;color:var(--accent);font-size:14px}.disabled-card{border-color:var(--border-soft);background:color-mix(in srgb,var(--panel-soft) 82%,var(--bg));opacity:.66}.disabled-card h3,.disabled-card .field-label,.disabled-card .field-help{color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row button{flex:1 1 180px}.vault-list{display:grid;gap:8px;margin-top:10px}.vault-card,.snippet-card{display:grid;min-height:auto;justify-items:start;gap:4px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:10px;text-align:left}.vault-card strong,.snippet-card strong{color:var(--accent)}.vault-card span,.snippet-card span{color:var(--subtle);overflow-wrap:anywhere;font-size:12px}.snippet-card code{max-width:100%;overflow-wrap:anywhere;color:var(--text);white-space:pre-wrap}.snippet-card button{margin-top:4px}.snippet-error{margin:0;border:1px solid var(--error);border-radius:6px;background:color-mix(in srgb,var(--error) 12%,var(--panel));color:var(--error);padding:8px 10px;font-size:12px;font-weight:700;overflow-wrap:anywhere}.pagination-row{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:8px;align-items:center;margin-top:12px}.pagination-row span{color:var(--muted);text-align:center;font-size:12px;font-weight:700}.pagination-row button:disabled{cursor:not-allowed;opacity:.55}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:color-mix(in srgb,#000000 48%,transparent);padding:18px}.auth-dialog{width:min(460px,100%)}.auth-form{display:grid;gap:12px}.auth-consent{display:grid;gap:8px}.success-status{color:var(--accent)}.compact-textarea{min-height:180px}.save-control{display:inline-grid;grid-template-columns:auto minmax(140px,220px);gap:0;align-items:stretch}.save-control input{min-height:36px;border-left:0;border-radius:0 6px 6px 0}.save-control button{border-radius:6px 0 0 6px;white-space:nowrap}.embedded-viewer{border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-soft);padding:12px}.engine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.engine-card{border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft);padding:12px}.engine-card h4{margin:0 0 8px;color:var(--accent);font-size:14px}.engine-card p{margin:0;color:var(--subtle);font-size:13px}.engine-card p+p{margin-top:8px}.compact-toolbar{margin-top:8px}.compact-toolbar button{text-transform:capitalize}.example-label{margin-top:12px;color:var(--subtle);font-size:13px;font-weight:700}.cheatsheet{margin:0}.cheatsheet-section+.cheatsheet-section{margin-top:18px}.cheatsheet-section h3{margin:0 0 10px;color:var(--subtle);font-size:14px}.cheatsheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.cheat-card{display:grid;min-height:92px;align-content:start;gap:5px;padding:12px;text-align:left}.cheat-card strong{color:var(--accent);font-size:14px}.cheat-card span{color:var(--subtle);font-size:13px}.viewer-panel{min-height:300px}iframe{width:100%;min-height:350px;height:calc(100% - 34px);border:1px solid var(--border-soft);border-radius:6px;background:#fff}@media(max-width:980px){.app{padding:14px}.app-header{align-items:stretch;flex-direction:column}.top-bar{align-items:stretch;flex-direction:column;margin:-14px -14px 14px;padding:12px 14px}.tabs{justify-content:flex-start}.workspace,.home-hero,.home-grid{grid-template-columns:1fr}.home-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}.xml-workspace,.xml-secondary-grid{grid-template-columns:1fr}textarea,.syntax-editor{min-height:430px}}@media(max-width:560px){.toolbar button,.tabs button{flex:1 1 92px}.metric-grid{grid-template-columns:1fr}.home-copy h2{font-size:27px}.home-tool-grid,.home-snapshot,.inline-row,.copy-to-workspace,.replace-grid,.search-grid,.regex-runner-controls,.regex-copy-panel,.save-control{grid-template-columns:1fr}.save-control{gap:6px}.save-control button,.save-control input{border:1px solid var(--border);border-radius:6px}.table-builder,.diff-editors,.validation-columns,.structural-row,.request-line,.variable-row,.split-editors,.auth-fields,.api-collection-grid,.encryption-grid,.account-profile-grid,.snippet-action-row,.snippet-action-row.open-row,.vault-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}}