.text-workspace-page .tw-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 0;margin:0 0 18px;border-block:1px solid var(--color-border)}.text-workspace-page .tw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.text-workspace-page .tw-toolbar h2{margin:0;font-size:15px}.text-workspace-page .tw-toolbar-end{margin-left:auto}.text-workspace-page.tools-workbench .btn{min-height:36px;gap:6px;font-size:12px;box-shadow:none;transform:none}.text-workspace-page.tools-workbench .btn .wb-icon{width:16px;height:16px}.text-workspace-page.tools-workbench .tw-icon-button{width:36px;height:36px;padding:0;flex:0 0 36px}.text-workspace-page .tw-reset{margin-left:6px}.text-workspace-page :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-workspace-page :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--color-primary)}.text-workspace-page .pane{min-width:0;display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;box-shadow:none}.text-workspace-page .pane-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0 0 10px;min-height:46px;border:0;border-radius:0;background:transparent;color:var(--color-heading);font-size:13px;font-weight:600}.text-workspace-page .pane-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.text-workspace-page .pane-body{position:relative;flex:1;min-width:0;min-height:0}.text-workspace-page .editor-textarea{display:block;width:100%;height:360px;min-height:240px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font:13px/1.7 var(--font-mono);resize:vertical;scrollbar-width:thin}.text-workspace-page .editor-textarea[readonly]{background:var(--color-bg)}.text-workspace-page .editor-textarea:focus-visible{outline-offset:-2px}.text-workspace-page .editor-textarea.drag-over{background:var(--color-primary-bg);border:1px dashed var(--color-primary)}.text-workspace-page .editor-textarea.error{background:var(--color-error-bg);border-color:var(--color-error)}.text-workspace-page.yaml-workspace-page .converter-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.text-workspace-page .checkbox-label{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:12px;cursor:pointer}.text-workspace-page .error-message{min-height:20px;margin-top:8px;text-align:left;font-size:12px;color:var(--color-error);overflow-wrap:anywhere}.text-workspace-page .encoder-container{width:100%;max-width:none;margin:0}.text-workspace-page .encoder-container .tool-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.text-workspace-page .encoder-container .tool-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.text-workspace-page .mode-selector{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.text-workspace-page .mode-option{position:relative;cursor:pointer}.text-workspace-page .mode-option input{position:absolute;width:1px;height:1px;opacity:0}.text-workspace-page .mode-option span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.text-workspace-page .mode-option:hover span{background:var(--color-border-light)}.text-workspace-page .mode-option input:checked+span{background:var(--color-primary-bg);color:var(--color-primary-dark)}.text-workspace-page .mode-option input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:1px}.text-workspace-page .params-section{grid-column:1 / -1;min-width:0;padding-top:16px;border-top:1px solid var(--color-border)}.text-workspace-page .params-section h4{margin-bottom:12px;font-size:13px}.text-workspace-page .table-responsive{overflow-x:auto}.text-workspace-page .url-params-table{width:100%;border-collapse:collapse;font:12px/1.6 var(--font-mono);table-layout:fixed}.text-workspace-page .url-params-table :is(th,td){padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;overflow-wrap:anywhere}.text-workspace-page .url-params-table th{background:var(--color-bg)}.text-workspace-page .diff-container{max-width:none;margin:0}.text-workspace-page .diff-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.text-workspace-page .diff-options{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.text-workspace-page .diff-option{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:12px;cursor:pointer}.text-workspace-page .result-section{display:none;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.text-workspace-page .result-section.show{display:block}.text-workspace-page .result-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.text-workspace-page .result-header h3{margin:0;font-size:15px}.text-workspace-page .result-content{min-height:100px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font:13px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.text-workspace-page .result-content del{background:var(--color-error-bg);color:var(--color-error);text-decoration:none}.text-workspace-page .result-content ins{background:var(--color-success-bg);color:var(--color-success);text-decoration:none}.text-workspace-page .tool-container{width:100%;max-width:none;margin:0}.text-workspace-page.markdown-preview-page .markdown-workspace-toolbar{gap:10px 16px}.text-workspace-page.markdown-preview-page .markdown-view-toggle{padding:3px;background:var(--color-bg)}.text-workspace-page.markdown-preview-page .markdown-view-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;font-size:12px}.text-workspace-page.markdown-preview-page .markdown-view-button .wb-icon{width:16px;height:16px}.text-workspace-page.markdown-preview-page .markdown-view-button[aria-pressed=true]{background:var(--color-primary-bg);color:var(--color-primary-dark)}.text-workspace-page.markdown-preview-page .markdown-toolbar-actions{gap:10px}.text-workspace-page.markdown-preview-page .split-pane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.text-workspace-page.markdown-preview-page .split-pane[data-view-mode=editor],.text-workspace-page.markdown-preview-page .split-pane[data-view-mode=preview]{grid-template-columns:minmax(0,1fr)}.text-workspace-page.markdown-preview-page .split-pane>.pane[hidden],.text-workspace-page.markdown-preview-page .markdown-wide-toggle[hidden]{display:none}.text-workspace-page.markdown-preview-page .editor-textarea{height:100%;min-height:0;resize:none}.text-workspace-page.markdown-preview-page .preview-area{width:100%;height:100%;padding:20px;overflow:auto;scrollbar-width:thin;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font:14px/1.6 var(--font-family);overflow-wrap:anywhere}.text-workspace-page .preview-area :is(h1,h2,h3){margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.text-workspace-page .preview-area>:first-child{margin-top:0}.text-workspace-page .preview-area h1{font-size:2em;border-bottom:1px solid var(--color-border);padding-bottom:.3em}.text-workspace-page .preview-area h2{font-size:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:.3em}.text-workspace-page .preview-area h3{font-size:1.25em}.text-workspace-page .preview-area p{margin-bottom:1rem}.text-workspace-page .preview-area :is(ul,ol){padding-left:2em;margin-bottom:1rem}.text-workspace-page .preview-area blockquote{margin:0 0 1rem;padding:0 1em;color:var(--color-text-muted);border-left:.25em solid var(--color-border)}.text-workspace-page .preview-area pre{background:var(--color-border-light);border-radius:var(--radius-sm);padding:16px;overflow:auto;margin-bottom:1rem}.text-workspace-page .preview-area code{font-family:var(--font-mono);font-size:85%;padding:.2em .4em;background:var(--color-border-light);border-radius:3px}.text-workspace-page .preview-area pre code{background:transparent;padding:0;font-size:100%}.text-workspace-page .preview-area table{border-spacing:0;border-collapse:collapse;margin-bottom:1rem;width:100%}.text-workspace-page .preview-area :is(th,td){padding:6px 13px;border:1px solid var(--color-border)}.text-workspace-page .preview-area table tr{background:var(--color-card);border-top:1px solid var(--color-border)}.text-workspace-page .preview-area table tr:nth-child(2n){background:var(--color-border-light)}.text-workspace-page .preview-area img{max-width:100%;box-sizing:content-box}.text-workspace-page .preview-area hr{height:.25em;padding:0;margin:24px 0;background:var(--color-border);border:0}.text-workspace-page .preview-area a{color:var(--color-primary);text-decoration:underline}.text-workspace-page .markdown-error-text{color:var(--color-error)}@media(max-width:1023px){.text-workspace-page.markdown-preview-page #markdown-view-split{display:none}}@media(max-width:900px){.text-workspace-page.yaml-workspace-page .converter-container,.text-workspace-page .encoder-container .tool-body,.text-workspace-page .diff-inputs{grid-template-columns:minmax(0,1fr);gap:20px}.text-workspace-page .editor-textarea{height:280px}}@media(max-width:760px){.text-workspace-page.tools-workbench .btn{min-height:44px}.text-workspace-page.tools-workbench .tw-icon-button{width:44px;height:44px;flex-basis:44px}.text-workspace-page .mode-option span,.text-workspace-page .checkbox-label,.text-workspace-page .diff-option,.text-workspace-page.markdown-preview-page .markdown-view-button{min-height:44px}.text-workspace-page .mode-option span{min-width:44px;padding-inline:10px}.text-workspace-page .pane-header{min-height:54px}.text-workspace-page .tw-toolbar-end{margin-left:0}.text-workspace-page.markdown-preview-page .markdown-toolbar-actions{justify-content:flex-start}.text-workspace-page.markdown-preview-page .preview-area{padding:16px}}