:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--knit-text);background:var(--knit-panel);--ink:var(--knit-text);--muted:var(--knit-subtle);--border:var(--knit-sidebar);--paper:var(--knit-sidebar);--sidebar:var(--knit-sidebar);--accent:var(--knit-subtle);--accent-bg:var(--knit-selected);--danger:#a23b36}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--knit-panel);border-radius:8px;color:var(--knit-text);padding:8px 11px}button:hover:not(:disabled){background:var(--knit-panel)}button:disabled{opacity:.48;cursor:not-allowed}input,select,textarea{border:1px solid var(--knit-separator);background:var(--knit-panel);border-radius:7px;padding:9px 10px;color:var(--ink);width:100%;min-width:0;outline-color:var(--knit-separator)}textarea{resize:vertical}input[type=checkbox],input[type=range],input[type=color]{width:auto;accent-color:var(--accent)}input[type=color]{height:40px;width:70px;padding:3px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--knit-subtle)}.check-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;cursor:pointer;min-height:30px}.check-row input{margin:0;flex:0 0 auto}.primary{background:var(--accent);border-color:var(--accent);color:var(--knit-on-accent);font-weight:600}.primary:hover:not(:disabled){background:var(--knit-panel)}.secondary{background:var(--knit-panel)}.danger{color:var(--danger)!important;border-color:#f0d5d2!important;background:#fff9f8!important}.subtle{background:transparent;border:0;color:var(--knit-subtle)}.compact{padding:7px 14px}.text-btn{border:0;padding:4px 0;background:transparent;color:var(--accent);font-size:12px;text-align:left}.icon-btn,.subtle-icon{border:0;background:transparent;font-size:19px;padding:3px 8px;color:var(--knit-subtle)}.muted,.hint{font-size:12px;line-height:1.5;color:var(--knit-subtle)}.hint{margin:5px 0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--knit-subtle);font-weight:750}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}
.shell{display:flex;min-height:100vh}.sidebar{width:264px;min-width:230px;max-width:350px;flex:0 0 264px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);padding:20px 14px 12px;background:var(--sidebar)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-top .primary{font-size:12px;white-space:nowrap}.brand{display:flex;align-items:baseline;gap:8px}.knit-wordmark{color:var(--knit-text);font-weight:850;letter-spacing:-.085em;line-height:1}.brand .knit-wordmark{font-size:33px}.app-version{font-weight:500;font-size:10px;color:var(--knit-subtle);white-space:nowrap}.search-label input{border:0;background:var(--knit-panel);border-radius:7px;font-size:12px;padding:11px;box-shadow:0 0 0 1px var(--knit-shadow)}.explorer-heading{display:flex;justify-content:space-between;align-items:center;color:var(--knit-subtle);letter-spacing:.12em;font-size:10px;font-weight:750;margin:5px 3px 0}.folder-tree{max-height:30vh;overflow:auto;display:flex;flex-direction:column;gap:2px}.folder-item{text-align:left;border:0;background:none;padding:7px 9px;font-weight:500;font-size:12px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--knit-subtle)}.folder-item.active{background:var(--knit-sidebar);color:var(--knit-text)}.explorer-filters select{background:transparent;border:1px solid var(--knit-separator);font-size:12px}.entity-list{overflow-y:auto;min-height:70px;flex:1}.entity-item{width:100%;display:flex;gap:9px;align-items:flex-start;text-align:left;border:0;background:transparent;padding:9px 8px;margin:1px 0}.entity-item.active{background:var(--knit-sidebar);color:var(--knit-text)}.entity-dot{width:7px;height:7px;border-radius:50%;background:var(--knit-panel);flex-shrink:0;margin-top:6px}.entity-item-inner{display:flex;flex-direction:column;min-width:0;gap:3px}.entity-item-inner strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650}.entity-item-inner small{font-size:10px;color:var(--knit-subtle)}.sidebar-empty{color:var(--knit-subtle);font-size:12px;margin:10px 5px}.side-nav{border-top:1px solid var(--knit-separator);padding-top:8px;display:flex;flex-direction:column;gap:2px}.side-nav button{border:0;text-align:left;background:none;font-size:12px;font-weight:550;padding:10px 12px}.side-nav button.selected{background:var(--knit-sidebar);color:var(--knit-primary)}.sidebar-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid var(--knit-separator);padding-top:11px;color:var(--knit-subtle);font-size:11px}.sidebar-footer small{flex-basis:100%;overflow:hidden;text-overflow:ellipsis}.export-link{color:var(--accent);text-decoration:none}.main{min-width:0;flex:1;padding:0 18px 50px;background:var(--knit-panel);max-width:none}.main.wide{padding:30px clamp(20px,4vw,60px) 60px}.inspector{width:280px;flex:0 0 280px;background:var(--knit-panel);border-left:1px solid var(--border);height:100vh;overflow:auto;position:sticky;top:0}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border);font-size:13px}.inspector-section{border-bottom:1px solid var(--border);padding:0 14px}.inspector-section summary{cursor:pointer;padding:16px 4px;font-weight:700;font-size:12px;color:var(--knit-text);list-style-position:inside}.inspector-inner{padding:0 5px 16px;display:flex;flex-direction:column;gap:13px}.inspector-inner .fields-grid{display:flex;flex-direction:column;gap:12px}.dynamic-field input,.dynamic-field select{max-width:100%}.document-topbar{position:sticky;top:0;background:var(--knit-panel);backdrop-filter:blur(12px);padding:15px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;z-index:1;min-height:66px}.breadcrumb{font-size:12px;color:var(--knit-subtle)}.document-actions{display:flex;align-items:center;gap:8px}.document-actions button{font-size:12px}.save-status{color:var(--knit-subtle);font-size:11px;margin-right:5px}.content-editor{width:100%}.document-body{max-width:810px;margin:0 auto;padding:45px 25px}.document-title-input{font-size:36px;font-weight:780;letter-spacing:-1.25px;line-height:1.2;width:100%;padding:0;border:0;background:transparent;outline:0;color:var(--knit-text)}.document-title-input::placeholder{color:var(--knit-subtle)}.document-subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:26px;margin-top:15px}.inline-tags{display:flex;gap:6px;flex-wrap:wrap}.inline-tag,.tag-chip{border:1px solid var(--knit-separator);background:var(--knit-tag-bg);color:var(--knit-primary);border-radius:6px;padding:4px 8px;font-size:11px}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:flex;align-items:center;gap:5px}.chip-x{padding:0 1px;border:0;background:none;font-size:15px;color:var(--knit-subtle)}.tag-entry{display:flex;gap:5px}.tag-entry input{flex:1}.tag-suggestions{display:flex;flex-wrap:wrap;gap:5px}.tag-suggestions button{font-size:11px;color:var(--accent)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:7px 0}.format-toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.format-toolbar button,.editor-switch button{border:0;padding:7px 9px;font-size:12px;background:transparent;font-weight:550}.format-toolbar button:hover,.editor-switch button:hover{background:var(--knit-panel)}.editor-switch{display:flex;gap:3px}.selected{background:var(--knit-panel)!important;color:var(--knit-primary)!important;border-color:transparent!important}.editor-workarea{min-height:430px;display:flex;gap:12px;padding:15px 0 8px}.editor-workarea textarea{border:0;outline:0;padding:0;width:100%;min-height:430px;font-size:15px;line-height:1.9;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:transparent;resize:vertical;color:var(--knit-text)}.editor-workarea.split>*{width:50%;flex:1}.markdown-preview{width:100%;min-height:400px;overflow:auto;line-height:1.85;font-size:15px;overflow-wrap:anywhere}.markdown-preview p{margin:7px 0 12px}.markdown-preview img{display:block;max-width:100%;height:auto;margin:15px 0;border-radius:6px;cursor:pointer}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--knit-text);line-height:1.25;margin:22px 0 10px}.markdown-preview h1{font-size:29px}.markdown-preview h2{font-size:23px}.markdown-preview h3{font-size:18px}.markdown-preview a{color:var(--knit-primary);text-decoration:none}.markdown-preview pre{border-radius:9px;background:var(--knit-surface);color:var(--knit-subtle);padding:16px;overflow:auto}.markdown-preview code{background:var(--knit-panel);border-radius:3px;padding:1px 4px}.markdown-preview pre code{background:none}.markdown-preview blockquote{border-left:3px solid var(--knit-separator);padding-left:12px;color:var(--knit-subtle)}.paragraph-gap{height:9px}.unresolved-link{color:#ac7b2d}.document-footer{display:flex;gap:20px;justify-content:space-between;color:var(--knit-subtle);font-size:11px;margin-top:10px}.inline-backlinks{margin-top:58px;border-top:1px solid var(--border);padding-top:20px}.inline-backlinks h3{font-size:14px}.backlink-list{display:flex;flex-direction:column;gap:7px}.backlink-item{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;border:1px solid var(--border);padding:12px}.backlink-item small{color:var(--knit-subtle)}.relationship-list{display:flex;flex-direction:column;gap:7px}.relationship-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;padding:8px 9px;background:var(--knit-selected);border-radius:8px}.relationship-row .relationship-label{font-size:11px;color:var(--knit-subtle)}.edge-direction{color:var(--knit-subtle)}.entity-link{border:0;background:none;font-size:12px;padding:0;color:var(--knit-primary);text-align:left;font-weight:650}.relationship-row small{font-size:10px;color:var(--knit-subtle);flex-basis:100%}.relationship-row .remove{margin-left:auto}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attachment-thumb{min-width:0;overflow-wrap:anywhere;font-size:10px}.attachment-thumb img{width:100%;height:85px;object-fit:cover;border-radius:7px;background:var(--knit-sidebar)}.image-size-tools{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.welcome{max-width:540px;text-align:center;margin:17vh auto 0}.knit-welcome-logo{font-size:75px}.brand-expand{font-weight:650;text-align:center;letter-spacing:.015em;color:var(--knit-text);margin:10px 0 2px}.brand-tagline{text-align:center;font-style:italic;color:var(--knit-subtle);margin:0}.welcome-instructions{margin:26px 0;color:var(--knit-subtle)}.knit-login-logo{font-size:59px;text-align:center}.about-panel{min-height:70vh;display:grid;place-items:center}.about-card{padding:45px;text-align:center;border:1px solid var(--border);border-radius:15px;max-width:490px}.knit-about-logo{font-size:66px}.about-divider{border-top:1px solid var(--border);margin:30px 0}.about-version{font-size:11px;color:var(--knit-subtle)}.graph-panel{max-width:1500px}.graph-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}.graph-toolbar label{min-width:135px}.graph-toolbar label:first-child{flex:1}.graph-stage{background:var(--knit-surface);border:1px solid var(--border);border-radius:13px;overflow:hidden;position:relative}.graph-stage canvas{width:100%;height:540px;display:block;cursor:crosshair}.graph-legend{position:absolute;left:15px;bottom:11px;font-size:11px;color:var(--knit-subtle);pointer-events:none}.graph-stage .graph-legend small{font-size:10px}.editor-header{display:flex;align-items:center;justify-content:space-between}.editor-header h1,.page-header h1{font-size:27px;letter-spacing:-.7px;margin:5px 0 10px}.page-header p{color:var(--knit-subtle)}.admin-page{max-width:1000px;margin:0 auto}.bulk-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:25px 0}.trash-row{display:flex;flex-direction:row;align-items:center;gap:18px;padding:14px;border-bottom:1px solid var(--border)}.trash-row span{display:flex;flex-direction:column;gap:5px}.trash-row small{font-size:11px;color:var(--knit-subtle)}.admin-list{background:var(--knit-panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.admin-tabs button{font-size:12px}.admin-content{max-width:760px;padding-bottom:70px}.admin-section-head h2{margin:20px 0 5px}.admin-section-head p{color:var(--knit-subtle);font-size:12px}.admin-group{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:12px 16px}.admin-group-title,.admin-field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-group-title h3{font-size:15px}.admin-field-row{border-top:1px solid var(--border);padding:12px 0;min-height:50px}.admin-field-row:first-child{border-top:0}.admin-field-row span{display:flex;flex-direction:column;gap:5px}.admin-field-row small{color:var(--knit-subtle)}.admin-field-row button{white-space:nowrap}.admin-settings{border:1px solid var(--border);padding:22px;border-radius:10px;margin:18px 0;display:flex;flex-direction:column;gap:18px}.admin-settings input[type=range]{width:100%}.auth-screen,.install-screen{min-height:100vh;display:grid;place-items:center;background:var(--knit-panel);padding:20px}.login-card,.install-panel{width:min(450px,100%);border:1px solid var(--border);border-radius:15px;background:var(--knit-panel);padding:40px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 50px var(--knit-shadow)}.login-card .signin-caption{text-align:center;color:var(--knit-subtle);font-size:12px}.login-card .error{color:#b13d36}.install-panel h1{margin:0}.success{color:#337344}.error{color:#b12323!important}dialog{border:1px solid var(--border);border-radius:14px;padding:0;box-shadow:0 22px 90px var(--knit-shadow);width:min(510px,calc(100vw - 28px));max-height:calc(100vh - 40px)}dialog::backdrop{background:var(--knit-backdrop)}#modal-dialog{display:flex;flex-direction:column;gap:16px;padding:22px;max-height:calc(100vh - 40px);overflow:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:19px}#modal-content,#manage-extra{display:flex;flex-direction:column;gap:13px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;top:18px;right:18px;z-index:10;background:var(--knit-primary);color:var(--knit-on-accent);padding:12px 18px;border-radius:9px;opacity:0;transform:translateY(-10px);transition:.2s;pointer-events:none;max-width:400px}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#a23930}
@media(max-width:1180px){.sidebar{width:220px;flex-basis:220px;min-width:200px}.inspector{width:240px;flex-basis:240px}.document-body{padding:30px 20px}.main{padding:0 9px}}
@media(max-width:850px){.inspector{position:fixed;z-index:5;right:0;top:0;box-shadow:-7px 0 28px var(--knit-shadow);width:min(340px,90vw);height:100vh}.sidebar{width:210px;flex-basis:210px}.main{padding:0 10px}.document-title-input{font-size:29px}}
@media(max-width:610px){.shell{display:block}.sidebar{position:relative;height:auto;max-width:none;width:100%;min-width:0;padding:10px;gap:7px}.sidebar-top{justify-content:space-between}.search-label,.folder-tree,.explorer-heading,.explorer-filters,.entity-list,.sidebar-footer{display:none}.side-nav{display:flex;flex-direction:row;border:0;padding:0;flex-wrap:wrap}.side-nav button{font-size:11px;padding:7px}.main,.main.wide{padding:0 10px 45px}.document-topbar{padding:10px 5px}.document-actions{gap:4px}.document-actions button{padding:6px}.save-status{display:none}.document-body{padding:24px 12px}.document-title-input{font-size:28px}.editor-toolbar{flex-wrap:wrap}.editor-workarea.split{display:block}.editor-workarea.split>*{width:100%;min-height:240px}.graph-stage canvas{height:420px}.graph-toolbar label{flex:1 1 40%}.login-card{padding:25px}}

.graph-actions{position:absolute;right:14px;top:14px;display:flex;gap:4px}.graph-actions button{background:var(--knit-panel);border:1px solid var(--knit-separator);font-size:13px;min-width:34px;box-shadow:0 1px 6px var(--knit-shadow)}.graph-stage canvas{touch-action:none}
@media(max-width:610px){.sidebar .entity-list{display:flex;min-height:45px;max-height:65px;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;gap:5px}.sidebar .entity-item{display:flex;min-width:140px;max-width:190px;flex:0 0 auto;border:1px solid var(--knit-separator);padding:7px}.sidebar .entity-item small{display:none}}

.reuse-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;background:var(--knit-panel);border-radius:7px;margin:auto}

/* Visual Markdown mode: local editor, no remote runtime dependency. */
.visual-editor{outline:none;min-height:430px;width:100%;font-size:16px;line-height:1.85;padding:5px 2px 28px;white-space:normal;overflow-wrap:anywhere;caret-color:var(--accent,var(--knit-primary))}
.visual-editor:focus{outline:none}.visual-editor:empty:before{content:'Start writing…';color:var(--knit-subtle);pointer-events:none}
.visual-editor h1:first-child,.visual-editor h2:first-child{margin-top:4px}
.visual-editor img{display:block;max-width:100%;height:auto;cursor:pointer;user-select:all}
.visual-editor img:focus{outline:2px solid var(--knit-separator)}.visual-editor a{cursor:text}
.visual-editor .paragraph-gap{min-height:10px}.visual-editor blockquote{border-left:3px solid var(--knit-separator);padding-left:12px}
.editor-switch button{white-space:nowrap}.editor-workarea:has(.visual-editor:not([hidden])){display:block}
[hidden]{display:none!important}

/* V1.0.2 — highlight in Markdown Reading and Split modes. */
.markdown-preview mark.knit-md-highlight{background-color:#FFF0A8;color:inherit;border-radius:2px;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.markdown-preview mark.knit-md-highlight a{color:inherit;text-decoration:underline}
#format-toolbar [data-format="highlight"]{border-radius:5px;white-space:nowrap}
#format-toolbar [data-format="highlight"]:hover,#format-toolbar [data-format="highlight"]:focus-visible{background:#FFF0A8;color:#4c3a06}
