:root{--gap: 8px;--gap2: calc(var(--gap) * 2);--blue-0: #D0EBFF;--blue-1: #A5D8FF;--red-0: #FFE3E3;--red-1: #FFC9C9;--yellow-0: #FFF3BF;--yellow-1: #FFEC99;--green-0: #D3F9D8;--green-1: #B2F2BB;--grey-0: #eee;--grey-1: #e1e1e1;--grey-2: #ddd;--color-text-dim: #777;--font-default: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace}html,body *{font-family:var(--font-default)}html,body{margin:0;padding:0}.logo{font-weight:700;user-select:none}.logo a{color:inherit}.logo .t-jsoncv{display:inline-block;border:1px solid #aaa;padding:2px 4px}.logo .t-json{color:#aaa}input[type=text],input[type=email]{padding:2px 4px;display:block}textarea{font-family:var(--font-default);line-height:1.3;padding:var(--gap)}input[type=text],input[type=email],textarea{width:100%;box-sizing:border-box}input[type=text],input[type=email],select,textarea{border:1px solid #999;border-radius:2px}button{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;background-color:var(--grey-0);border:1px solid transparent;border-radius:2px;padding:3px 8px;margin-right:var(--gap)}button:hover{background-color:var(--grey-1)}button:active{border-color:#555}button:last-child{margin-right:0}button svg{vertical-align:middle;font-size:14px;position:relative;bottom:1px}button.-text{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;background-color:transparent;padding:0;font-size:12px;line-height:1;color:#555}button.-text:hover{border-bottom:1px solid #999}button.-text:active{border-color:transparent;border-bottom:1px solid #000}button.-red{background-color:var(--red-0)}button.-red:hover{background-color:var(--red-1)}button.-green{background-color:var(--green-0)}button.-green:hover{background-color:var(--green-1)}button.-yellow{background-color:var(--yellow-0)}button.-yellow:hover{background-color:var(--yellow-1)}.editor-container{font-size:14px}.editor-container h3{margin:12px 0}.editor-container p{margin:0 0 var(--gap) 0}.editor-container iconify-icon{font-size:15px}.editor-container .je-header label{font-weight:700;vertical-align:middle}.editor-container .je-indented-panel{padding-left:calc(var(--gap) * 2);padding-bottom:var(--gap);margin-left:0;border-left:1px solid var(--grey-2);margin-bottom:var(--gap)}.editor-container .je-indented-panel--top{padding-left:var(--gap);margin-left:var(--gap)}.editor-container .form-control{margin-bottom:var(--gap)}.editor-container .je-form-input-label{display:inline-block;margin-bottom:calc(var(--gap) / 2);font-weight:500}.editor-container .form-control>.je-form-input-label{display:block}.editor-container .je-form-input-description{margin:0;font-size:12px;color:#999}.editor-container .je-child-editor-holder{margin-bottom:var(--gap)}.editor-container .je-header-button-holder{display:inline-block;margin-left:10px;font-size:.8em;vertical-align:middle}.editor-container .je-table{margin-bottom:5px;border-bottom:1px solid var(--grep-2)}.editor-container .je-object__controls{display:inline-block;position:relative;margin-left:calc(var(--gap) * 2);top:2px}.editor-container .je-object__controls button{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;background-color:transparent;padding:0;font-size:12px;line-height:1;color:#555}.editor-container .je-object__controls button:hover{border-bottom:1px solid #999}.editor-container .je-object__controls button:active{border-color:transparent;border-bottom:1px solid #000}.editor-container .json-editor-btn-add{background-color:var(--green-0)}.editor-container .json-editor-btn-add:hover{background-color:var(--green-1)}.editor-container .json-editor-btn-subtract{background-color:var(--yellow-0)}.editor-container .json-editor-btn-subtract:hover{background-color:var(--yellow-1)}.editor-container .json-editor-btn-delete{background-color:var(--red-0)}.editor-container .json-editor-btn-delete:hover{background-color:var(--red-1)}.editor-container .je-textarea{height:120px;min-height:120px;max-height:500px;resize:vertical}.editor-container .je-edit-json--textarea{width:300px;height:400px;font-family:var(--font-mono);font-size:12px}button{font-size:13px}#main{display:grid;grid-template-columns:150px minmax(500px,1fr) 1fr;grid-template-rows:100vh}@media screen and (min-width: 1650px){#main{grid-template-columns:150px 750px 1fr}}#main>.column{overflow-y:auto}#main .sidebar{padding:0 var(--gap2) 0 var(--gap)}#main .middle{padding-right:var(--gap2);margin-left:var(--sidebar-width)}#main .right{border-left:1px solid var(--grey-2)}.editor-container [data-schemapath]:target{animation:bgFade 1s forwards}.logo{padding:var(--gap2) 0;margin-bottom:var(--gap2);border-bottom:1px solid var(--grey-2)}.editor-toc{padding-left:5px;padding-bottom:var(--gap2);margin-bottom:var(--gap2);border-bottom:1px solid var(--grey-2);font-size:15px}.editor-toc ul{margin:0;padding:0 0 0 12px}.editor-toc ul li{margin:5px 0}.editor-toc ul li ul{margin-left:5px}.editor-toc ul a{text-decoration:none;color:#333}.editor-toc ul a:hover{text-decoration:underline}.app-actions>*{margin-bottom:8px}.app-actions .color-picker{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;border:1px solid var(--grey-2);border-radius:2px;padding:3px 8px;font-size:13px;display:block;width:85px}.app-actions .color-picker:active{border-color:#555}.app-actions .color-picker .color-area{display:flex;align-items:center;gap:4px}.app-actions .color-picker .value{user-select:all}.app-actions .color-picker input[type=color]{background:transparent;padding:0;border:0;outline:0;width:20px;height:24px}@supports (-moz-appearance: none){.app-actions .color-picker input[type=color]{width:16px;height:16px}}.output-html{width:795px;height:100%;margin:0;padding:0;border:0;border-right:1px solid var(--grey-2)}.output-json{padding:var(--gap)}.code-block{font-size:12px;font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}dialog{width:min(400px,80%)}@keyframes bgFade{0%{background-color:#fff3bf}50%{background-color:#fff9db}to{background-color:transparent}}