[hidden] { display: none !important; }
.format-layout { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 10px; }
.format-layout .format-editor { min-width: 0; }
.format-layout #editor { width: 100%; }
.format-layout #editor .CodeMirror { height: 362px; }
.format-layout #resize { padding: 0; touch-action: none; }
.format-layout .format-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 0; }
.format-layout .format-toolbar .btn-group { display: flex; flex-wrap: wrap; gap: 2px 0; }
.format-layout .save-data-con .save-data-box { width: 100%; }
.format-layout #daveDataList li button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 4px; border: 0; padding: 5px 0; background: transparent; text-align: left; }
.format-layout #daveDataList li .save-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.format-layout #daveDataList li time { flex: 0 0 auto; font-size: 12px; color: #6e6e6e; }
.bejson-format .line-error { background-color: #ffe5e0; }
.bejson-format #jsonlintResult { white-space: pre-wrap; overflow-wrap: anywhere; }
.format-attribution { margin: 20px 0; color: #686868; font-size: 12px; }
@media (max-width: 820px) {
    .format-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .format-layout .save-data-con .save-data-box { width: min(100%, 350px); height: auto; }
    .format-layout .save-data-con .save-data-box #daveDataList { height: auto; min-height: 60px; max-height: 180px; }
    .format-layout #editor .CodeMirror { height: 300px; }
}