.editor-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:29px}.view-switch{display:flex;align-items:center;padding:3px;background:#eaf0e4;border:1px solid #dfe7d7;border-radius:7px;gap:2px}.view-switch>button{padding:6px 14px;font-size:11px;color:#8a9e78;border-radius:4px;min-height:29px}.view-switch>button.active{background:white;box-shadow:0 1px 4px #38512812;color:#50713e}.json-file-actions{display:flex;gap:19px;align-items:center}.json-file-actions>.button{font-size:10px;min-height:30px;padding:5px 0}.json-file-actions>.button .icon{height:14px;width:14px}.editor-layout{min-width:0}.document-pane{min-width:0}.document-pane[hidden],.json-pane[hidden]{display:none!important}.editor-main.mode-split{max-width:1480px;padding:0 38px}.mode-split>.editor-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr);gap:25px;align-items:start}.mode-split .paper{padding:43px 44px 28px;min-height:640px}.mode-split .document-heading textarea{font-size:30px}.mode-split .block-type-buttons{gap:7px}.mode-split .type-button{font-size:11px;padding:8px 10px}.mode-json{max-width:1050px}.json-pane{border:1px solid #dfe6d9;border-radius:9px;overflow:hidden;background:#fff;position:sticky;top:106px;min-width:0}.json-panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #e6ecdf;background:#fafcf7}.json-panel-header>div{display:flex;flex-direction:column;gap:3px}.json-panel-header strong{font-family:Consolas,"SFMono-Regular",monospace;font-size:12px;font-weight:550;color:#56734b}.json-panel-header span{font-size:9px;color:#9cad8d}.json-panel-header .button{font-size:10px;padding:3px 0;min-height:25px;color:#96aa86}#json-editor{display:block;width:100%;height:500px;min-height:260px;max-height:calc(100dvh - 300px);padding:20px;border:0;border-radius:0;resize:vertical;background:#fcfdfb;color:#527547;font-family:Consolas,"SFMono-Regular","Liberation Mono",monospace;font-size:12px;font-weight:400;line-height:1.8;tab-size:2;overflow:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:#d5dfcc #fafcf7}#json-editor:focus{background:white;box-shadow:inset 3px 0 0 #bfd4ad;outline:none}.json-validation{padding:12px 16px;display:flex;gap:7px;align-items:center;border-top:1px solid #e7edde;font-size:10px;color:#8da67b;line-height:1.7;min-height:41px}.json-validation>.icon{height:14px;width:14px}.json-validation.invalid{display:flex;flex-direction:column;align-items:flex-start;color:#b38355;background:#fff9ec;border-color:#f0e5ce}.json-validation.invalid .button{font-size:10px;color:#a38255;padding:0;text-decoration:underline;min-height:20px}.json-panel-footer{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:9px;color:#b0bda3;background:#fafcf7;border-top:1px solid #e7edde;padding:11px 16px}.json-panel-footer a{color:#839d6e}.json-panel-footer a:hover{text-decoration:underline}.json-panel-footer>span{margin-left:auto}.document-pane.json-paused{opacity:.6}.import-dialog{width:610px}.import-file-label,.import-json-label{font-size:11px;color:#8da47c;display:block;margin-top:20px}.import-file-label input{display:block;font-size:11px;margin-top:9px;width:100%}.import-file-label input::file-selector-button{font-size:11px;border:1px solid #dce7cf;border-radius:5px;padding:7px 10px;background:#f5f9ef;color:#88a174;cursor:pointer;margin-right:12px}.import-json-label textarea{font:12px/1.7 Consolas,monospace;display:block;width:100%;margin-top:9px;border:1px solid #dfe8d5;border-radius:6px;background:#fcfef9;color:#637e51;padding:12px;resize:vertical}.import-json-label textarea:focus{border-color:#b2cda0}.import-json-label textarea::placeholder{color:#b4c2a8}.mode-json .workspace-caption>span:last-child{visibility:hidden}.mode-json .editor-bottom-note>span:first-child{visibility:hidden}.mode-json #json-editor{height:560px;max-height:none}
@media(max-width:1100px){.editor-main.mode-split{padding:0 22px}.mode-split>.editor-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.mode-split .paper{padding:35px 27px 25px 35px}.mode-split .document-heading{padding-left:7px;padding-right:7px}.mode-split .document-heading textarea{font-size:27px}.mode-split .block-type-buttons{gap:6px}.mode-split .type-button{font-size:10px;padding:7px 9px}.mode-split .type-button .icon{height:13px;width:13px}.mode-split .block-tools .icon-button{width:23px}.mode-split .block-rail{left:-28px}.json-panel-footer{gap:12px}.json-panel-footer>span{margin-left:0;flex-basis:100%}#json-editor{font-size:11px;padding:16px}}
@media(max-width:800px){.mode-split>.editor-layout{grid-template-columns:1fr}.json-pane{position:static}.mode-split .paper{padding:40px 47px 28px;min-height:530px}.mode-split .document-heading textarea{font-size:30px}#json-editor{max-height:none;height:380px}.json-panel-footer>span{flex-basis:auto;margin-left:auto}.editor-view-toolbar{margin-bottom:25px}.json-file-actions{gap:15px}.json-file-actions>.button{font-size:10px}.view-switch>button{padding:6px 12px}.mode-json #json-editor{height:500px}}
@media(max-width:480px){.editor-main.mode-split{padding:0 10px}.editor-view-toolbar{margin-bottom:21px;gap:10px;align-items:flex-start;flex-direction:column;padding:0 6px}.view-switch>button{font-size:10px;min-height:26px;padding:5px 13px}.json-file-actions{gap:19px;padding:0 3px}.json-file-actions>.button{font-size:10px;min-height:25px}.json-file-actions>.button .icon{height:13px;width:13px}.mode-split .paper{padding:30px 18px 23px 29px;min-height:500px}.mode-split .document-heading textarea{font-size:28px}.mode-split .block-rail{left:-25px}.mode-split .type-button{font-size:10px;padding:8px 9px}.json-panel-header{padding:13px 15px}.json-panel-header strong{font-size:11px}.json-panel-header span{font-size:8px}#json-editor{font-size:11px;padding:16px;height:360px;min-height:200px}.json-validation{font-size:9px;padding:10px 14px}.json-panel-footer{font-size:8px;gap:12px;padding:10px 14px}.json-panel-footer>span{margin-left:0;flex-basis:100%}.mode-json #json-editor{height:430px}}