/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/style.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#111417;color:#eceded}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width,270px);flex:0 0 var(--sidebar-width,270px);background:#191d20;border-right:1px solid #30363a;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:23px 18px 17px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#bd9f6b;color:#171819;font-size:26px}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand small,.sidebar-bottom small{display:block;color:#8d989b;font-size:11px;margin-top:3px}.sidebar-section{padding:8px 13px 20px}.search{width:100%;height:36px;padding:0 11px;background:#252b2e;border:1px solid #384145;border-radius:7px;color:#eee;outline:0}.search:focus{border-color:#ac936c}.sidebar-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#8b969a;padding:0 20px 9px}.tree{overflow:auto;flex:1 1;padding:0 7px}.tree-item{width:100%;min-height:32px;display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:6px;color:#bac3c5;text-align:left;font-size:13px;padding-right:8px}.tree-item:hover,.tree-item.active{background:#30373a;color:#fff}.tree-icon{width:17px;text-align:center;color:#c9a971;font-size:17px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-help{padding:0 13px}.sidebar-bottom{border-top:1px solid #30363a;padding:12px}.sidebar-bottom button{display:block;width:100%;padding:8px;border:0;background:none;text-align:left;color:#cdd3d3;border-radius:6px}.sidebar-bottom button:hover{background:#30373a}.sidebar-bottom small{padding:8px}.main{flex:1 1;min-width:0}.topbar{height:64px;border-bottom:1px solid #2b3235;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.breadcrumbs,.top-actions,.row-actions{display:flex;align-items:center;gap:12px}.breadcrumbs{color:#c8ced0;font-size:13px;min-width:0}.breadcrumbs span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumbs button,.row-actions button{background:#23292c;border:1px solid #394044;border-radius:6px;color:#d5d9d9;padding:7px 10px;font-size:12px}.revision{font-size:11px;color:#829092;white-space:nowrap}.primary{background:#bea272;color:#141715;border:0;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:700;white-space:nowrap}.primary:hover{background:#d5b989}.document{max-width:960px;margin:0 auto;padding:65px 52px 100px}.eyebrow{color:#c6a673;font-size:11px;font-weight:700;letter-spacing:.17em}.title{display:block;width:100%;background:transparent;border:0;outline:0;color:#f3f3ee;font-size:42px;font-weight:750;line-height:1.08;letter-spacing:-.04em;margin:15px 0 11px;padding:0;white-space:normal;overflow-wrap:break-word;word-break:normal}.title-editor{resize:none;overflow:hidden;min-height:1.08em}.summary{width:100%;background:transparent;border:0;outline:0;resize:vertical;color:#aab4b6;font-size:16px;line-height:1.5;min-height:50px}.summary::placeholder{color:#647174}section{margin-top:46px}.section-heading{font-size:17px;font-weight:700;margin-bottom:9px}.muted{color:#8e9b9e;font-size:12px;margin:0}.section-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-row .section-heading{margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;margin-top:18px}.card{min-height:115px;text-align:left;background:#1b2023;border:1px solid #343d41;border-radius:9px;padding:15px;color:#e1e4e3}.card:hover{border-color:#ae936c}.card span{font-size:22px;color:#c5a474}.card strong,.card small{display:block;margin-top:9px}.card small{font-size:11px;color:#8a9698}.table-group{margin-top:22px}.group-heading{font-size:13px;color:#c7a878;font-weight:650;margin-bottom:10px}.group-heading span{color:#7b898d;margin-left:8px}.table-wrap{overflow:auto;border:1px solid #343e42;border-radius:7px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-right:1px solid #343e42;border-bottom:1px solid #343e42;padding:11px 12px;text-align:left;white-space:nowrap}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}th{font-weight:600;background:#202629;color:#a6b0b1}td{color:#c6cecf}tbody tr:hover{background:#252d2f;cursor:pointer}td:first-child{color:#e8e8df}.empty{padding:35px;text-align:center;border:1px dashed #394244;border-radius:8px;color:#89979a;font-size:13px}.properties{margin-top:34px;padding:16px 20px;border:1px solid #333c3e;border-radius:8px;background:#191e20}.property{display:flex;align-items:center;margin-top:10px;font-size:13px}.property span{width:180px;flex-shrink:0;color:#9da9ab}.property input{flex:1 1;min-width:0;color:#e4e8e6;background:#252b2d;border:1px solid #394344;border-radius:5px;padding:8px}.blocks{border-top:1px solid #30383a;padding-top:25px}.block-row{display:flex;align-items:flex-start;gap:7px;margin:10px 0}.block-row select{width:111px;flex-shrink:0;background:#242b2d;border:1px solid #394345;border-radius:5px;color:#b9c1c2;padding:6px;font-size:11px}.block-body{flex:1 1;min-width:0}.block-body textarea,.block-body input:not([type=file]){display:block;width:100%;background:#1c2224;border:1px solid #344044;border-radius:6px;color:#e8ebea;resize:vertical;padding:10px;line-height:1.5;outline:0}.block-body .heading{font-size:23px;font-weight:700;min-height:50px}.block-body .quote{border-left:3px solid #bc9e6c}.block-body .bullet{padding-left:25px}.block-body input[type=file]{display:block;margin-top:7px;font-size:11px;color:#a6afb0}.block-image{display:block;max-width:100%;max-height:480px;object-fit:contain;margin-top:12px;border-radius:7px}.icon-button{border:0;background:transparent;color:#8e9a9c;font-size:18px;padding:3px 4px}.icon-button:hover{color:#f5f5f2}.add-block{border:1px dashed #424b4e;background:none;color:#b9c3c4;border-radius:6px;padding:9px 14px;margin-top:10px}.bottom-note{margin-top:60px;color:#6f7b7e;font-size:11px}.toast{position:fixed;right:24px;bottom:24px;max-width:400px;padding:12px 16px;border-radius:8px;background:#3b443d;border:1px solid #7b997c;color:#fff;box-shadow:0 8px 30px #0006;font-size:13px;cursor:pointer}.empty-state{margin:20vh auto;text-align:center;color:#839093}@media(max-width:760px){.sidebar:not(.sidebar-collapsed){width:175px;flex-basis:175px}.brand{padding:15px 9px}.topbar{padding:0 12px}.revision{display:none}.document{padding:35px 18px}.title{font-size:30px}.section-row{align-items:flex-start;flex-direction:column}.block-row{flex-wrap:wrap}.block-body{order:3;flex:1 0 100%}.property span{width:110px}}
.property select,.new-record select,.new-record input,.column-config select,.column-config input:not([type=checkbox]){background:#252b2d;border:1px solid #394344;border-radius:5px;color:#e4e8e6;padding:8px;min-width:0}.property select{flex:1 1}.inline-link,.table-link{border:0;background:none;color:#d0af78;white-space:nowrap}.legacy-note{color:#d0a278;margin-left:8px}.table-link{padding:0;text-align:left}.new-record,.columns-editor{margin:18px 0 28px;padding:18px;border:1px solid #3b4547;border-radius:8px;background:#1a2022}.new-record label{display:grid;grid-gap:5px;gap:5px;margin-top:12px;font-size:12px;color:#aeb9b9}.new-record .row-actions{margin-top:16px}.columns-editor{margin-top:34px}.columns-editor button{background:#23292c;border:1px solid #394044;border-radius:6px;color:#d5d9d9;padding:7px 10px;font-size:12px}.column-config{display:flex;gap:9px;align-items:center;margin:9px 0}.column-config input:not([type=checkbox]){flex:1 1}.column-config label{font-size:12px;color:#b5bfbf;white-space:nowrap}.backlinks{border-top:1px solid #30383a;padding-top:22px}.backlinks button{display:block;background:none;border:0;color:#d4bb8f;padding:6px 0;text-align:left}.backlinks button span{color:#879396;font-size:12px}
.source-content textarea { width: 100%; min-height: 320px; box-sizing: border-box; white-space: pre-wrap; line-height: 1.5; }
.import-assets .cards { display: flex; flex-wrap: wrap; gap: 12px; }
.import-assets .card { max-width: 220px; overflow-wrap: anywhere; text-decoration: none; }
.import-assets .block-image { max-width: 190px; max-height: 160px; object-fit: contain; }
.data-table { table-layout: fixed; }
.data-table th,.data-table td { overflow: hidden; text-overflow: ellipsis; }
.data-table th { position: relative; padding-right: 18px; }
.data-table .header-label { display: block; overflow: hidden; text-overflow: ellipsis; }
.data-table .table-sort { width: 100%; padding: 0; border: 0; background: none; color: inherit; text-align: left; display: flex; align-items: center; gap: 7px; min-width: 0; }
.data-table .table-sort span:first-child { overflow: hidden; text-overflow: ellipsis; }
.data-table .table-sort:hover,.data-table .table-sort:focus-visible,.data-table .table-sort.active { color: #e3c58f; outline: none; }
.data-table .sort-indicator { flex: 0 0 auto; color: #718084; font-size: 9px; }
.data-table .table-sort.active .sort-indicator { color: #d5b989; }
.data-table .resize-handle { position: absolute; top: 0; right: 0; bottom: 0; width: 12px; cursor: col-resize; touch-action: none; z-index: 1; }
.data-table .resize-handle::after { content: ""; position: absolute; top: 20%; bottom: 20%; left: 5px; width: 2px; border-radius: 2px; background: #607074; opacity: .45; }
.data-table .resize-handle:hover::after,.data-table .resize-handle:focus-visible::after { background: #d5b989; opacity: 1; }
.data-table .table-link { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.delete-record { background: transparent; color: #e0a5a2; border: 1px solid #774a49; border-radius: 6px; padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.delete-record:hover { background: #4c2d2d; }
.markdown-preview { color: #d9dedd; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.markdown-preview > :first-child { margin-top: 0; }
.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4 { color: #f2eee5; line-height: 1.25; margin: 1.5em 0 .55em; white-space: normal; overflow-wrap: break-word; word-break: normal; }
.markdown-preview h1 { font-size: 1.8em; }.markdown-preview h2 { font-size: 1.45em; }.markdown-preview h3 { font-size: 1.2em; }
.markdown-preview p,.markdown-preview ul,.markdown-preview ol { margin: .7em 0 1em; }
.markdown-preview ul,.markdown-preview ol { padding-left: 1.7em; }.markdown-preview li { margin: .25em 0; }
.markdown-preview a { color: #d5b989; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.markdown-preview a:not([href]) { color: #9b8880; cursor: default; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; }
.markdown-preview blockquote { border-left: 3px solid #b69765; padding: .15em 1.1em; margin: 1.2em 0; color: #b9c2c1; background: #202728; }
.markdown-preview code { background: #282e30; border-radius: 4px; padding: .15em .35em; font-size: .9em; }
.markdown-preview pre { overflow: auto; background: #171c1e; border: 1px solid #394244; border-radius: 7px; padding: 14px; }
.markdown-preview pre code { background: none; padding: 0; }
.markdown-preview table { display: block; overflow-x: auto; width: max-content; max-width: 100%; margin: 1em 0; }
.markdown-preview th,.markdown-preview td { white-space: normal; min-width: 110px; }
.markdown-preview img { display: block; max-width: 100%; height: auto; max-height: 560px; object-fit: contain; margin: 1.2em 0; border-radius: 7px; }
.markdown-preview img[data-align="center"] { margin-left: auto; margin-right: auto; }
.markdown-preview img[data-align="right"] { margin-left: auto; margin-right: 0; }
.markdown-preview hr { border: 0; border-top: 1px solid #394244; margin: 1.5em 0; }
.brand > div { min-width: 0; }
.brand-title { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.brand-copy { min-width: 0; }
.brand-copy strong { overflow-wrap: anywhere; }
.sidebar-toggle { margin-left: auto; flex: 0 0 22px; height: 26px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #9aa8a9; font-size: 20px; line-height: 1; }
.sidebar-toggle:hover,.tree-toggle:hover { background: #30373a; color: #fff; }
.sidebar-collapsed { width: 58px; flex-basis: 58px; }
.sidebar-collapsed .brand { padding: 16px 6px; flex-direction: column; gap: 10px; }
.sidebar-collapsed .brand-title { justify-content: center; }
.sidebar-collapsed .brand-copy { display: none; }
.sidebar-collapsed .sidebar-toggle { margin: 0; }
.tree-row { display: flex; align-items: center; min-width: 0; }
.tree-row .tree-item { flex: 1 1; width: auto; min-width: 0; padding-left: 1px; }
.tree-toggle,.tree-toggle-spacer { flex: 0 0 19px; width: 19px; height: 26px; }
.tree-toggle { border: 0; border-radius: 4px; padding: 0; background: transparent; color: #aab4b5; font-size: 15px; }
.tree-count { color: #788689; font-size: 10px; flex-shrink: 0; margin-left: auto; }
.tree-add-child { flex: 0 0 22px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #7f8c8e; font-size: 16px; line-height: 22px; opacity: 0; }
.tree-row:hover .tree-add-child,.tree-row:focus-within .tree-add-child { opacity: 1; }
.tree-add-child:hover,.tree-add-child:focus-visible { background: #465052; color: #f2d39a; opacity: 1; outline: none; }
.tree > .tree-item { padding-left: 12px; }
.sidebar { position: -webkit-sticky; position: sticky; top: 0; height: 100vh; min-height: 0; align-self: flex-start; }
.sidebar-resize-handle { position: absolute; top: 0; right: -5px; z-index: 5; width: 10px; height: 100%; cursor: col-resize; touch-action: none; outline: 0; }
.sidebar-resize-handle::after { content: ""; position: absolute; top: 0; bottom: 0; left: 4px; width: 2px; background: transparent; transition: background .15s; }
.sidebar-resize-handle:hover::after,.sidebar-resize-handle:focus-visible::after,.sidebar-resizing .sidebar-resize-handle::after { background: #c7aa72; }
.sidebar-resizing { cursor: col-resize; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.sidebar-resizing * { cursor: col-resize !important; }
.markdown-preview a.auto-link { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-decoration-thickness: 1px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.rich-editor { border: 1px solid #3a4445; border-radius: 9px; background: #1b2123; }
.rich-toolbar { display: flex; flex-wrap: wrap; gap: 5px; padding: 9px; border-bottom: 1px solid #374044; position: -webkit-sticky; position: sticky; top: 0; z-index: 2; background: #202729; border-radius: 9px 9px 0 0; }
.rich-toolbar button { border: 0; border-radius: 5px; padding: 6px 9px; color: #d8dfdd; background: #30383a; font-size: 12px; }
.rich-toolbar button:hover { background: #485356; }
.rich-toolbar button.active { background: #68444f; color: #ffe1e8; box-shadow: inset 0 0 0 1px #ad7181; }
.rich-toolbar .image-toolbar { display: contents; }
.rich-toolbar .toolbar-separator { width: 1px; margin: 2px 3px; background: #526063; }
.rich-toolbar button.danger { color: #ffc6c2; background: #573334; }
.rich-toolbar button.danger:hover { background: #754345; }
.rich-editor-content { min-height: 260px; padding: 20px 22px; outline: none; color: #d9dedd; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.rich-editor-content p:first-child { margin-top: 0; }
.rich-editor-content h1,.rich-editor-content h2,.rich-editor-content h3 { color: #f2eee5; line-height: 1.25; white-space: normal; overflow-wrap: break-word; word-break: normal; }
.rich-editor-content a { color: #d5b989; text-decoration: underline; }
.rich-editor-content img { display: block; max-width: 100%; height: auto; max-height: 560px; object-fit: contain; margin: 0; border-radius: 7px; cursor: -webkit-grab; cursor: grab; }
.rich-editor-content [data-resize-container] { max-width: 100%; margin: 1em 0; }
.rich-editor-content [data-resize-container][data-resize-state="true"] { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.rich-editor-content [data-resize-container]:has(img[data-align="center"]) { justify-content: center; }
.rich-editor-content [data-resize-container]:has(img[data-align="right"]) { justify-content: flex-end; }
.rich-editor-content [data-resize-wrapper] { max-width: 100%; outline: 2px solid transparent; outline-offset: 3px; }
.rich-editor-content .ProseMirror-selectednode [data-resize-wrapper],
.rich-editor-content [data-resize-container].ProseMirror-selectednode [data-resize-wrapper] { outline-color: #d5b989; }
.rich-editor-content [data-resize-handle] { z-index: 3; width: 14px; height: 14px; margin: -7px; border: 2px solid #1b2123; border-radius: 50%; background: #e0c78f; box-shadow: 0 0 0 1px #6e5b3d; touch-action: none; }
.rich-editor-content [data-resize-handle="top-left"],.rich-editor-content [data-resize-handle="bottom-right"] { cursor: nwse-resize; }
.rich-editor-content [data-resize-handle="top-right"],.rich-editor-content [data-resize-handle="bottom-left"] { cursor: nesw-resize; }
.rich-editor-content blockquote { border-left: 3px solid #b69765; padding-left: 1em; color: #b9c2c1; }
.rich-editor-content pre { overflow: auto; padding: 14px; border-radius: 7px; background: #111719; }
.rich-editor-content table { border-collapse: collapse; margin: 1em 0; }
.rich-editor-content th,.rich-editor-content td { border: 1px solid #485356; }
.rich-hint { padding: 0 22px 14px; }
.master-only { position: relative; margin: 1.2em 0; padding: 28px 14px 10px; border: 1px solid #805462; border-radius: 8px; background: #35242a; }
.master-only::before { content: "🔒 Только мастеру"; position: absolute; top: 7px; left: 13px; color: #e6aebc; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.master-only > :first-child { margin-top: 0; }
.master-only > :last-child { margin-bottom: 0; }
.property-master-only { margin-left: -9px; margin-right: -9px; padding: 9px; border: 1px solid #704852; border-radius: 7px; background: #302126; }
.property-visibility { flex: 0 0 auto; border: 1px solid #4d5959; border-radius: 5px; padding: 6px 8px; background: #273031; color: #aeb9b9; font-size: 10px; white-space: nowrap; }
.property-visibility.secret { border-color: #805462; background: #4a2e37; color: #f0bdca; }
.master-only-row { padding: 8px; border: 1px solid #704852; border-radius: 7px; background: #302126; }
.block-visibility.secret { color: #efaebe; }
.tree-row { position: relative; }
.tree-row .tree-item { cursor: -webkit-grab; cursor: grab; }
.page-dragging { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: -webkit-grabbing; cursor: grabbing; }
.page-dragging .tree-row .tree-item { cursor: -webkit-grabbing; cursor: grabbing; }
.tree-row.drag-source { opacity: .45; }
.tree-row.drop-inside .tree-item { background: #394947; box-shadow: inset 0 0 0 1px #c7ab76; color: #fff; }
.tree-row.drop-before::before,.tree-row.drop-after::after { content: ""; position: absolute; left: 8px; right: 8px; height: 2px; z-index: 2; background: #d5b989; border-radius: 2px; }
.tree-row.drop-before::before { top: 0; }.tree-row.drop-after::after { bottom: 0; }
.tree-root-drop { margin: 0 0 10px; padding: 12px 8px; border: 1px dashed #a18a65; border-radius: 6px; background: #252d2e; color: #c7b28c; text-align: center; font-size: 12px; }
.tree-root-drop.active { background: #394947; border-color: #d5b989; color: #fff; }
.mode-bar { min-height: 42px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 7px 30px; border-bottom: 1px solid #30383a; color: #cdbb99; font-size: 12px; }
.mode-bar form { display: flex; gap: 7px; }
.mode-bar input { width: 160px; padding: 6px 8px; background: #252b2e; color: #eee; border: 1px solid #465052; border-radius: 5px; }
.mode-bar button { border: 1px solid #565c58; border-radius: 5px; padding: 6px 10px; background: #293130; color: #e8e9e3; }
.visibility-control { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; padding: 7px 10px; border: 1px solid #746342; border-radius: 6px; color: #ddc38f; font-size: 12px; cursor: pointer; }
.visibility-control input { accent-color: #c7aa72; }
.property strong { font-weight: 500; color: #e4e8e6; }
.published-mark { margin-left: auto; color: #9fc89d; font-size: 9px; }
.player-mode .tree-row .tree-item { cursor: pointer; }
.history-open { background: #23292c; border: 1px solid #394044; border-radius: 6px; color: #d5d9d9; padding: 8px 11px; font-size: 12px; }
.history-backdrop { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 20px; background: #080b0bdb; }
.history-dialog { width: min(1100px, 100%); height: min(780px, 90vh); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #4a5554; border-radius: 10px; background: #1a2022; box-shadow: 0 20px 80px #000b; }
.history-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid #354042; }
.history-header strong { display: block; color: #f1efe7; }.history-header small { display: block; margin-top: 4px; color: #9aa7a8; }
.history-header button { border: 0; background: transparent; color: #bcc6c5; font-size: 26px; }
.history-error { margin: 0; padding: 10px 20px; background: #512e2e; color: #ffe1dc; font-size: 13px; }
.history-body { display: flex; flex: 1 1; min-height: 0; }
.history-list { width: 245px; flex: 0 0 245px; overflow: auto; border-right: 1px solid #354042; padding: 10px; }
.history-list button,.history-trash button { display: block; width: 100%; text-align: left; padding: 10px; margin-bottom: 5px; border: 0; border-radius: 6px; background: transparent; color: #d6dedb; }
.history-list button:hover,.history-list button.active,.history-trash button:hover { background: #303b3c; }
.history-list strong,.history-trash strong { display: block; font-size: 12px; font-weight: 650; }
.history-list small,.history-trash small { display: block; color: #92a09f; margin-top: 4px; font-size: 11px; }
.history-list .history-back { color: #d8ba86; margin-bottom: 13px; }
.history-preview { flex: 1 1; min-width: 0; overflow: auto; padding: 25px 34px 55px; }
.history-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.history-preview-head h2 { margin: 8px 0; font-size: 27px; }.history-preview-head p { margin: 0; color: #aebaba; line-height: 1.5; }
.history-preview-head button { flex-shrink: 0; }
.history-meta { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); grid-gap: 8px 20px; gap: 8px 20px; margin: 0 0 24px; padding: 14px; border: 1px solid #354042; border-radius: 7px; background: #20292a; }
.history-meta div { min-width: 0; }.history-meta dt { color: #91a2a0; font-size: 11px; }.history-meta dd { margin: 3px 0 0; overflow-wrap: anywhere; color: #e2e8e4; font-size: 12px; }
.search-result { align-items: flex-start; height: auto; padding-top: 8px; padding-bottom: 8px; }
.search-result-text { display: block; min-width: 0; }.search-result-text strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; }.search-result-text small { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 3px; color: #93a3a2; line-height: 1.35; font-size: 11px; overflow-wrap: anywhere; }
.search-more { width: calc(100% - 24px); margin: 8px 12px 14px; padding: 8px; border: 1px solid #3b4649; border-radius: 6px; background: #252c2f; color: #cbd2d2; }
.search-more:hover { background: #30383b; color: #fff; }
.history-blocks { line-height: 1.6; white-space: pre-wrap; }.history-blocks img { max-width: 100%; max-height: 420px; object-fit: contain; }
.history-trash { flex: 1 1; overflow: auto; padding: 18px 22px; }.history-trash input { width: 100%; padding: 9px 11px; margin-bottom: 14px; border: 1px solid #465354; border-radius: 6px; background: #252d2e; color: #eee; }
@media(max-width:760px){.history-backdrop{padding:5px}.history-dialog{height:95vh}.history-body{flex-direction:column}.history-list{width:100%;flex:0 0 175px;border-right:0;border-bottom:1px solid #354042}.history-preview{padding:18px}.history-preview-head{flex-direction:column}.top-actions{gap:5px}.history-open{padding:7px}}
@media(max-width:760px){.mode-bar{padding:7px 12px;flex-wrap:wrap}.mode-bar input{width:125px}}
@media(max-width:760px){.sidebar-resize-handle{display:none}}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .shell{display:block;min-height:100dvh}
  .sidebar,.sidebar:not(.sidebar-collapsed){position:fixed;inset:0;z-index:15;width:100%;height:100dvh;min-height:100dvh;flex-basis:auto;border-right:0}
  .sidebar:not(.sidebar-collapsed) .brand{border-bottom:1px solid #30363a}
  .brand{padding:14px 16px}
  .brand-title{flex:1 1}
  .brand-copy strong{font-size:16px}
  .brand-copy small{font-size:11px}
  .sidebar-toggle{display:none}
  .sidebar.sidebar-collapsed{position:-webkit-sticky;position:sticky;inset:auto;top:0;width:100%;height:58px;min-height:58px;z-index:15;border-right:0;border-bottom:1px solid #30363a}
  .sidebar-collapsed .brand{height:57px;padding:10px 14px;flex-direction:row;gap:11px}
  .sidebar-collapsed .brand-title{justify-content:flex-start}
  .sidebar-collapsed .brand-copy{display:block}
  .sidebar-collapsed .brand-copy small{display:none}
  .sidebar-section{padding:12px 14px 16px}
  .search{height:42px;font-size:16px}
  .tree{padding:0 9px 16px}
  .tree-item{min-height:42px;font-size:14px}
  .tree-toggle,.tree-toggle-spacer{height:38px}
  .tree-add-child{opacity:1}
  .sidebar-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .main{width:100%;min-width:0}
  .mode-bar{justify-content:flex-start;padding:8px 14px;gap:7px}
  .mode-bar form{width:100%;flex-wrap:wrap}
  .mode-bar input{width:auto;min-width:0;flex:1 1}
  .topbar{height:auto;min-height:54px;padding:10px 14px;align-items:flex-start;flex-direction:column;gap:9px}
  .breadcrumbs{width:100%;font-size:12px}
  .top-actions{width:100%;max-width:100%;overflow-x:auto;padding-bottom:2px}
  .top-actions button{flex:0 0 auto}
  .document{max-width:none;padding:28px 16px 64px}
  .title{font-size:29px;line-height:1.14;letter-spacing:-.025em;margin-top:12px}
  .summary{font-size:15px;line-height:1.55}
  section{margin-top:32px}
  .section-row{gap:11px;margin-bottom:14px}
  .row-actions{width:100%;flex-wrap:wrap;gap:8px}
  .row-actions button{flex:1 1 auto}
  .cards{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .card{min-height:0;padding:14px}
  .properties{margin-top:25px;padding:14px}
  .property{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;margin-top:14px}
  .property span{width:auto}
  .property input,.property select{width:100%}
  .inline-link{justify-self:start;padding:5px 0}
  .table-group{margin-top:18px}
  .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
  th,td{padding:10px;font-size:12px}
  .new-record,.columns-editor{padding:14px}
  .column-config{align-items:stretch;flex-direction:column}
  .column-config label{white-space:normal}
  .markdown-preview,.rich-editor-content{font-size:16px;line-height:1.72}
  .markdown-preview h1{font-size:1.6em}
  .markdown-preview h2{font-size:1.35em}
  .markdown-preview pre{max-width:100%;padding:11px}
  .markdown-preview blockquote{margin-left:0;margin-right:0;padding-left:.85em}
  .markdown-preview ul,.markdown-preview ol{padding-left:1.35em}
  .rich-editor-content{padding:16px 14px}
  .source-content textarea{width:100%}
  .toast{left:12px;right:12px;bottom:12px;max-width:none}
  .empty-state{margin:14vh 20px}
}