.csv-copy-feedback,.json-copy-feedback,.xml-copy-feedback{position:absolute;top:calc(100% + 6px);inset-inline-end:10px;z-index:5;background:var(--surface);border:1px solid var(--structured-border);padding:8px 13px;border-radius:9px;box-shadow:0 4px 15px #18233d18;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}.csv-copy-feedback.is-visible,.json-copy-feedback.is-visible,.xml-copy-feedback.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.csv-copy-feedback,.json-copy-feedback,.xml-copy-feedback{transition:none}}.workspace:has(.csv-code-panel) #page-surface,.workspace:has(.json-code-panel) #page-surface,.workspace:has(.xml-code-panel) #page-surface{display:none!important}.workspace:has(.csv-code-panel) .canvas-area,.workspace:has(.json-code-panel) .canvas-area,.workspace:has(.xml-code-panel) .canvas-area{display:block;padding:18px;overflow:hidden}#csv-preview-panel,#json-preview-panel,#xml-preview-panel{height:100%;width:100%;overflow:auto;direction:ltr;min-width:0;padding:10px}#csv-preview-panel[hidden],#json-preview-panel[hidden],#xml-preview-panel[hidden]{display:none}#csv-paper-wrap,#json-paper-wrap,#xml-paper-wrap{margin:0 auto;flex-shrink:0}#csv-document,#json-document,#xml-document{transform-origin:top left;box-shadow:0 5px 24px #18233d17}.csv-paper,.json-paper,.xml-paper{outline:1px solid #c6d5ec}.csv-preview-empty,.json-preview-empty,.xml-preview-empty{margin:170px auto 0}.csv-braces,.json-braces,.xml-braces{font:700 15px Consolas,monospace;letter-spacing:-1px}.csv-preview-status,.json-preview-status,.xml-preview-status{font-size:12px;justify-content:flex-start}.csv-preview-status .text-button,.json-preview-status .text-button,.xml-preview-status .text-button{text-decoration:underline}#csv-validation[data-valid=false],#json-validation[data-valid=false],#xml-validation[data-valid=false]{color:var(--ink)}.csv-font-strip,.json-font-strip,.xml-font-strip{display:flex;gap:10px;align-items:center;padding:9px 12px;margin-bottom:16px;border:1px solid var(--structured-border);border-radius:11px}.csv-font-strip input[type=range],.json-font-strip input[type=range],.xml-font-strip input[type=range]{flex:1;width:0;min-width:0}.csv-font-strip input[type=number],.json-font-strip input[type=number],.xml-font-strip input[type=number]{width:47px;padding:4px;border:0;background:transparent;color:var(--ink);font:13px inherit}.csv-font-strip label,.json-font-strip label,.xml-font-strip label{display:flex;gap:5px;align-items:center}.csv-font-strip input[type=checkbox],.json-font-strip input[type=checkbox],.xml-font-strip input[type=checkbox]{accent-color:var(--accent)}.csv-field input,.json-field input,.xml-field input{width:100%;min-height:40px;border:1px solid var(--structured-border);border-radius:10px;background:var(--surface);color:var(--ink);padding:9px 11px;font:13px inherit}.csv-check-pair,.json-check-pair,.xml-check-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.csv-check-pair .settings-checkbox,.json-check-pair .settings-checkbox,.xml-check-pair .settings-checkbox{margin-bottom:0}.csv-section,.json-section,.xml-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;margin-bottom:16px}.csv-section[open] summary,.json-section[open] summary,.xml-section[open] summary{margin-bottom:16px}@media(max-width:760px){.workspace:has(.csv-code-panel) .canvas-area,.workspace:has(.json-code-panel) .canvas-area,.workspace:has(.xml-code-panel) .canvas-area{padding:10px}}@media(max-width:760px){.csv-preview-status,.json-preview-status,.xml-preview-status{font-size:11px}}@media(max-width:760px){.csv-preview-empty,.json-preview-empty,.xml-preview-empty{margin-top:130px}}:is(.workspace:has(.csv-code-panel),.workspace:has(.json-code-panel),.workspace:has(.xml-code-panel),.workspace:has(.html-code-panel)){--structured-border:color-mix(in srgb,var(--accent) 23%,var(--line))}.csv-entry-actions,.json-entry-actions,.xml-entry-actions,.html-entry-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.csv-entry-actions .button,.json-entry-actions .button,.xml-entry-actions .button,.html-entry-actions .button{padding:14px 20px}.workspace:has(.csv-code-panel) .editor-grid,.workspace:has(.json-code-panel) .editor-grid,.workspace:has(.xml-code-panel) .editor-grid,.workspace:has(.html-code-panel) .editor-grid{grid-template-columns:minmax(0,1fr) 300px}.csv-workspace-toolbar,.json-workspace-toolbar,.xml-workspace-toolbar,.html-workspace-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.csv-preview-status,.json-preview-status,.xml-preview-status,.html-preview-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 22px;background:var(--accent-soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.7}.csv-preview-status>span:empty,.json-preview-status>span:empty,.xml-preview-status>span:empty,.html-preview-status>span:empty{display:none}.csv-preview-status:has(>span:empty):not(:has(>span:not(:empty):not([hidden]))),.json-preview-status:has(>span:empty):not(:has(>span:not(:empty):not([hidden]))),.xml-preview-status:has(>span:empty):not(:has(>span:not(:empty):not([hidden]))),.html-preview-status:has(>span:empty):not(:has(>span:not(:empty):not([hidden]))){display:none}.workspace:has(.csv-code-panel) .canvas-area,.workspace:has(.json-code-panel) .canvas-area,.workspace:has(.xml-code-panel) .canvas-area,.workspace:has(.html-code-panel) .canvas-area{height:760px;min-width:0}.workspace:has(.csv-code-panel) #crop-help,.workspace:has(.csv-code-panel) #reset-crop,.workspace:has(.csv-code-panel) .crop-warning,.workspace:has(.json-code-panel) #crop-help,.workspace:has(.json-code-panel) #reset-crop,.workspace:has(.json-code-panel) .crop-warning,.workspace:has(.xml-code-panel) #crop-help,.workspace:has(.xml-code-panel) #reset-crop,.workspace:has(.xml-code-panel) .crop-warning,.workspace:has(.html-code-panel) #crop-help,.workspace:has(.html-code-panel) #reset-crop,.workspace:has(.html-code-panel) .crop-warning{display:none}.workspace[data-csv-view=code] .document-toolbar,.workspace[data-csv-view=code] .edit-view-controls,.workspace[data-json-view=code] .document-toolbar,.workspace[data-json-view=code] .edit-view-controls,.workspace[data-xml-view=code] .document-toolbar,.workspace[data-xml-view=code] .edit-view-controls,.workspace[data-html-view=code] .document-toolbar,.workspace[data-html-view=code] .edit-view-controls{display:none}.workspace[data-csv-view=code] .canvas-area,.workspace[data-json-view=code] .canvas-area,.workspace[data-xml-view=code] .canvas-area,.workspace[data-html-view=code] .canvas-area{display:block;padding:18px;overflow:hidden}.workspace[data-csv-view=preview] .csv-code-panel,.workspace[data-json-view=preview] .json-code-panel,.workspace[data-xml-view=preview] .xml-code-panel,.workspace[data-html-view=preview] .html-code-panel{display:none}.csv-code-panel,.json-code-panel,.xml-code-panel,.html-code-panel{height:100%;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--structured-border);border-radius:14px;background:var(--surface)}.csv-code-panel[hidden],.json-code-panel[hidden],.xml-code-panel[hidden],.html-code-panel[hidden]{display:none}.csv-code-actions,.json-code-actions,.xml-code-actions,.html-code-actions{position:relative;display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:9px;border-bottom:1px solid var(--line)}.csv-code-actions .icon-button,.json-code-actions .icon-button,.xml-code-actions .icon-button,.html-code-actions .icon-button{width:29px;height:29px}.csv-code-actions .icon,.json-code-actions .icon,.xml-code-actions .icon,.html-code-actions .icon{width:17px;height:17px}.csv-code-actions .text-button,.json-code-actions .text-button,.xml-code-actions .text-button,.html-code-actions .text-button{font-size:11px;padding:5px}.csv-more,.json-more,.xml-more,.html-more{margin-inline-start:auto;max-width:150px}.csv-more select,.json-more select,.xml-more select,.html-more select{font-size:11px;min-height:31px;padding:6px 25px 6px 9px}#csv-writing,#json-writing,#xml-writing,#html-writing{flex:1;min-height:0;direction:ltr;overflow:hidden}#csv-writing .cm-editor,#json-writing .cm-editor,#xml-writing .cm-editor,#html-writing .cm-editor{height:100%;font-size:12px}#csv-writing .cm-scroller,#json-writing .cm-scroller,#xml-writing .cm-scroller,#html-writing .cm-scroller{font-family:Consolas,Liberation Mono,monospace;line-height:1.7}#csv-writing .cm-content,#json-writing .cm-content,#xml-writing .cm-content,#html-writing .cm-content{padding-block:15px}#csv-writing .cm-line,#json-writing .cm-line,#xml-writing .cm-line,#html-writing .cm-line{padding-inline:12px}#csv-writing .cm-gutters,#json-writing .cm-gutters,#xml-writing .cm-gutters,#html-writing .cm-gutters{background:var(--canvas);color:var(--muted);border-inline-end:1px solid var(--line)}#csv-writing .cm-activeLine,#csv-writing .cm-activeLineGutter,#json-writing .cm-activeLine,#json-writing .cm-activeLineGutter,#xml-writing .cm-activeLine,#xml-writing .cm-activeLineGutter,#html-writing .cm-activeLine,#html-writing .cm-activeLineGutter{background:#377dff0c}#csv-writing .cm-focused,#json-writing .cm-focused,#xml-writing .cm-focused,#html-writing .cm-focused{outline:0}#csv-writing .cm-selectionBackground,#json-writing .cm-selectionBackground,#xml-writing .cm-selectionBackground,#html-writing .cm-selectionBackground{background:#377dff30!important}#csv-writing .cm-cursor,#json-writing .cm-cursor,#xml-writing .cm-cursor,#html-writing .cm-cursor{border-left-color:var(--ink)}#csv-writing .cm-search,#json-writing .cm-search,#xml-writing .cm-search,#html-writing .cm-search{background:var(--surface);color:var(--ink);font:12px var(--font-body,Arial)}#csv-writing .cm-search input,#json-writing .cm-search input,#xml-writing .cm-search input,#html-writing .cm-search input{width:150px;max-width:100%;font-size:12px}#csv-writing .cm-search button,#json-writing .cm-search button,#xml-writing .cm-search button,#html-writing .cm-search button{font-size:12px}#csv-writing .cm-panels,#json-writing .cm-panels,#xml-writing .cm-panels,#html-writing .cm-panels{max-height:180px;overflow:auto}#csv-writing .cm-tooltip,#json-writing .cm-tooltip,#xml-writing .cm-tooltip,#html-writing .cm-tooltip{font-size:12px;color:#20212c}#csv-writing .cm-placeholder,#json-writing .cm-placeholder,#xml-writing .cm-placeholder,#html-writing .cm-placeholder{color:var(--muted)}.csv-code-status,.json-code-status,.xml-code-status,.html-code-status{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.csv-preview-empty,.json-preview-empty,.xml-preview-empty,.html-preview-empty{text-align:center;max-width:330px;color:var(--muted)}.csv-preview-empty>.icon,.json-preview-empty>.icon,.xml-preview-empty>.icon,.html-preview-empty>.icon{width:65px;height:65px;color:var(--accent);stroke-width:1}.csv-preview-empty p,.json-preview-empty p,.xml-preview-empty p,.html-preview-empty p{font-size:14px;line-height:1.8}.csv-field,.json-field,.xml-field,.html-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.csv-field>span,.json-field>span,.xml-field>span,.html-field>span{font-weight:500}.csv-field select,.json-field select,.xml-field select,.html-field select{width:100%;min-width:0;min-height:40px;font-family:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--structured-border);border-radius:10px;padding:9px 28px 9px 11px}.csv-field-pair,.json-field-pair,.xml-field-pair,.html-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.csv-settings .settings-checkbox,.json-settings .settings-checkbox,.xml-settings .settings-checkbox,.html-settings .settings-checkbox{padding:10px;margin-bottom:10px}.csv-settings .csv-settings-hint,.json-settings .json-settings-hint,.xml-settings .xml-settings-hint,.html-settings .html-settings-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 20px}.workspace:has(.csv-code-panel) .settings-actions,.workspace:has(.json-code-panel) .settings-actions,.workspace:has(.xml-code-panel) .settings-actions,.workspace:has(.html-code-panel) .settings-actions{margin-top:23px}@media(max-width:760px){.workspace:has(.csv-code-panel) .editor-grid,.workspace:has(.json-code-panel) .editor-grid,.workspace:has(.xml-code-panel) .editor-grid,.workspace:has(.html-code-panel) .editor-grid{grid-template-columns:1fr}}@media(max-width:760px){.csv-workspace-toolbar,.json-workspace-toolbar,.xml-workspace-toolbar,.html-workspace-toolbar{padding:12px;gap:10px}}@media(max-width:760px){.csv-preview-status,.json-preview-status,.xml-preview-status,.html-preview-status{padding:10px 14px}}@media(max-width:760px){.workspace:has(.csv-code-panel) .canvas-area,.workspace:has(.json-code-panel) .canvas-area,.workspace:has(.xml-code-panel) .canvas-area,.workspace:has(.html-code-panel) .canvas-area{height:640px}}@media(max-width:760px){.workspace[data-csv-view=code] .canvas-area,.workspace[data-json-view=code] .canvas-area,.workspace[data-xml-view=code] .canvas-area,.workspace[data-html-view=code] .canvas-area{padding:10px}}@media(max-width:760px){.csv-more,.json-more,.xml-more,.html-more{max-width:125px}}@media(max-width:760px){.csv-code-actions,.json-code-actions,.xml-code-actions,.html-code-actions{padding:7px}}@media(max-width:760px){.csv-code-status,.json-code-status,.xml-code-status,.html-code-status{font-size:9px}}.workspace:has(.json-code-panel){--json-border:color-mix(in srgb,var(--accent) 23%,var(--line))}@media(max-width:760px){.json-tabs{flex:1}}.json-tabs .button[aria-selected=true] .icon{color:inherit}.workspace:has(.json-code-panel){--json-key:#2357bd;--json-string:#176849;--json-number:#9b491a;--json-literal:#873ab0}:root[data-appearance=dark] .workspace:has(.json-code-panel){--json-key:#90b8ff;--json-string:#91d5af;--json-number:#edb77e;--json-literal:#d6a8f2}#json-duplicate-status{max-width:420px;margin-inline-start:auto}.json-section summary:after{color:var(--muted)}.json-section:not([open]) summary:after{transform:rotate(-90deg)}@media(max-width:760px){#json-format-source{padding:10px 14px;font-size:12px}}