@media (max-width:780px){
  .kb-core-shell{margin:-20px 0 -20px -20px;max-width:calc(100% + 20px);overflow-x:hidden}
  .kb-core-main{max-width:100%;overflow-x:hidden}
}

#view:has(.kb-core-shell){padding:0;max-width:none;margin:0;min-height:calc(100vh - 65px)}
#view:has(.kb-core-shell) .kb-core-shell{margin:0;min-height:calc(100vh - 65px)}
#view:has(.kb-core-shell) .kb-core-nav{height:calc(100vh - 65px);position:sticky;top:65px;overflow-y:auto}
#view:has(.kb-core-shell) .kb-core-main{display:flex;flex-direction:column;min-height:calc(100vh - 65px)}
#view:has(.kb-core-shell) .kb-core-content{flex:1;align-items:stretch;min-height:260px}
#view:has(.kb-core-shell) .kb-core-content>section{display:flex;flex-direction:column;min-width:0}
#view:has(.kb-core-shell) .kb-core-content>aside{height:100%}
.kb-core-empty{display:grid;place-items:center;align-content:center;flex:1;min-height:220px;padding:30px;border:1px dashed #dacdca;border-radius:12px;background:linear-gradient(135deg,#fff 0%,#fff8f6 100%);text-align:center}
.kb-core-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f3edff;color:#715de7;font-size:25px}
.kb-core-empty h2{margin:14px 0 5px;color:#4e4549;font-size:19px}
.kb-core-empty p{max-width:520px;margin:0 0 18px;font-size:12px}
.kb-core-empty>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.kb-core-empty button{padding:9px 13px;border:1px solid #e2d7d3;border-radius:9px;background:#fff;color:#51484b;font-weight:700}
.kb-core-empty .kb-core-primary{border-color:#b24e70;background:#b24e70;color:#fff}
.kb-core-popular-empty{display:grid;gap:7px;align-content:center;min-height:180px;color:#817279;text-align:center}
.kb-core-popular-empty>span{font-size:24px;color:#b24e70}
.kb-core-popular-empty p{margin:0;font-size:11px}
@media (max-width:850px){
  #view:has(.kb-core-shell){min-height:0}
  #view:has(.kb-core-shell) .kb-core-shell{min-height:auto}
  #view:has(.kb-core-shell) .kb-core-nav{height:auto;position:relative;top:0}
  #view:has(.kb-core-shell) .kb-core-main{min-height:auto}
}

.kb-builder{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:14px;align-items:start}
.kb-builder>aside,.kb-builder-canvas{background:#fff;border:1px solid #eadfda;border-radius:12px;box-shadow:0 4px 18px rgba(91,56,48,.05);padding:18px;min-width:0}
.kb-builder-library,.kb-builder-inspector{position:sticky;top:14px}
.kb-builder h3,.kb-builder h4{margin-top:0}
.kb-builder .field{margin-bottom:14px}
.kb-builder-checks{display:grid;gap:8px;max-height:220px;overflow:auto;border:1px solid #eee4df;border-radius:8px;padding:10px}
.kb-builder-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.kb-builder-toolbar button{min-width:34px;border:1px solid #dfd4cf;background:#fff;border-radius:7px;padding:7px 9px;color:#5a4b47;cursor:pointer}
.kb-builder-toolbar button:hover{border-color:#b35470;color:#9f3f5c}
.kb-builder-body textarea{min-height:430px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6}
.kb-visual-canvas{min-height:430px;padding:18px;border:1px solid #d9cbc5;border-radius:10px;background:#fff;line-height:1.7;outline:none;box-shadow:inset 0 0 0 1px rgba(178,78,112,.04)}
.kb-visual-canvas:focus{border-color:#b24e70;box-shadow:0 0 0 3px rgba(178,78,112,.14)}
.kb-visual-canvas:empty::before{content:'Start writing your article here…';color:#9c8b86}
.kb-pagebuilder-label{display:block;margin:12px 0 6px;color:#5b49bf;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.3}
.kb-pagebuilder-layout{display:grid;grid-template-columns:150px minmax(0,1fr) 170px;gap:10px;align-items:stretch;margin-top:8px}
.kb-pagebuilder-toolbox,.kb-pagebuilder-inspector{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #e4d9d4;border-radius:10px;background:#fbf9f8;min-width:0}
.kb-pagebuilder-toolbox>b,.kb-pagebuilder-inspector>b{font-size:12px;color:#3f3340}
.kb-pagebuilder-toolbox small,.kb-pagebuilder-inspector small,.kb-pagebuilder-inspector span{font-size:11px;color:#786c68;line-height:1.4}
.kb-pagebuilder-toolbox .kb-toolbox-block{width:100%;padding:7px 6px;border:1px solid #d9c8c0;border-radius:7px;background:#fff;color:#574842;cursor:grab;text-align:left}
.kb-pagebuilder-toolbox .kb-toolbox-block:hover{border-color:#735de0;color:#5b49bf;background:#faf8ff}
.kb-pagebuilder-stage{min-width:0}
.kb-pagebuilder-body{margin:0}
.kb-pagebuilder-body>textarea{width:100%;margin-top:8px}
.kb-visual-canvas .kb-block-selected{outline:2px solid #735de0;outline-offset:3px}
.kb-builder-toolbar button[data-editor-wrap="row"]{border-color:#735de0;color:#5b49bf}
.kb-builder-toolbar button[data-editor-wrap="section"],.kb-builder-toolbar button[data-editor-wrap="columns"]{border-color:#b24e70;color:#9f3f5c}
.kb-row,.kb-columns, .kb-builder-body textarea{border-radius:8px}
.kb-element{padding:12px;border:1px solid #eadfda;border-radius:8px;background:#fffaf8}
.kb-visual-canvas section,.kb-visual-canvas .kb-row,.kb-visual-canvas .kb-columns,.kb-visual-canvas .kb-element,.kb-visual-canvas figure{cursor:grab;transition:box-shadow .15s ease,transform .15s ease}
.kb-visual-canvas .kb-block-dragging{opacity:.55;outline:2px dashed #b24e70}
.kb-visual-canvas .kb-block-drag-over{box-shadow:0 0 0 3px rgba(115,93,224,.25);transform:translateY(2px)}
.kb-revisions{display:grid;gap:8px}
.kb-revisions>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee4df;padding-top:8px}
.kb-revisions small{display:block;color:#8b7771}
.kb-core-link[data-kb-view]{position:relative;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;cursor:pointer}
.kb-core-sortable-menu{display:grid;gap:4px;margin-top:8px}
.kb-core-link[data-kb-view]:active{cursor:grabbing;transform:scale(.985)}
.kb-core-link[data-kb-view].active{box-shadow:inset 3px 0 #b24e70,0 3px 10px rgba(178,78,112,.08)}
.kb-order-row.kb-dragging{opacity:.55;outline:2px dashed #b24e70;outline-offset:3px}
.kb-order-row.kb-drag-over{background:#f5efff;box-shadow:inset 0 -3px #735de0}
.kb-category-picker{border:1px solid #eee4df;border-radius:9px;padding:10px;margin:0 0 14px}
.kb-category-picker legend{padding:0 5px;font-weight:700;color:#55484a;font-size:12px}
.kb-list-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border-radius:6px;background:#fff2f5;color:#b24e70;font-size:11px}
.kb-core-shell .member-list .row{transition:background .15s ease,transform .15s ease;border-radius:8px}
.kb-core-shell .member-list .row:hover{background:#fff8fa;transform:translateX(3px)}
.kb-core-shell .member-list .row>span:last-child{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:#f6f1ff;color:#735de0}
@media (max-width:1100px){
  .kb-builder{grid-template-columns:190px minmax(0,1fr)}
  .kb-builder-inspector{position:static;grid-column:1/-1}
}
@media (max-width:780px){
  .kb-builder{grid-template-columns:minmax(0,1fr)}
  .kb-builder-library,.kb-builder-inspector{position:static;grid-column:auto}
  .kb-builder-body textarea{min-height:300px}
  .kb-pagebuilder-layout{grid-template-columns:1fr}
  .kb-pagebuilder-toolbox,.kb-pagebuilder-inspector{position:static}
  .kb-pagebuilder-toolbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-pagebuilder-toolbox>b,.kb-pagebuilder-toolbox>small{grid-column:1/-1}
}

.kb-builder-body>textarea.kb-sync-field{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;padding:0!important;border:0!important;margin:0!important}
.kb-pagebuilder-toolbox,.kb-pagebuilder-inspector{overflow:hidden;word-break:break-word}.kb-pagebuilder-toolbox .kb-toolbox-block{white-space:normal;overflow:hidden;text-overflow:ellipsis}.kb-pagebuilder-stage{overflow:hidden}.kb-pagebuilder-inspector span,.kb-pagebuilder-inspector small{overflow-wrap:anywhere}@media (max-width:1280px) and (min-width:781px){.kb-builder{grid-template-columns:200px minmax(0,1fr) 220px;gap:10px;padding:12px}.kb-pagebuilder-layout{grid-template-columns:128px minmax(0,1fr) 145px;gap:7px}.kb-builder>aside,.kb-builder-canvas{padding:14px}}
.kb-inspector-actions{display:grid;gap:5px;margin-top:6px}.kb-inspector-actions button{border:1px solid #d9c8c0;background:#fff;border-radius:6px;padding:5px 6px;color:#574842;cursor:pointer;font-size:11px;text-align:left}.kb-inspector-actions button:hover{border-color:#735de0;color:#5b49bf;background:#faf8ff}.kb-inspector-actions button[data-pb-action="delete"]{color:#9f3f5c}
.kb-core-link[data-kb-view]::after{content:none!important}.kb-core-link[data-kb-view]:active{cursor:pointer;transform:none}

