:root{
  --accent:#19a974;
  --text:#242629;
  --muted:#74787b;
  --soft:#f7f8f8;
  --line:#e6e8e8;
  --line-strong:#d9dcdc;
  --panel:#fff;
  --header-height:68px;
  --shell-width:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f9f9;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
a{color:inherit}
.eyebrow{display:block;color:var(--accent);font-size:10.5px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}

/* Login */
.auth-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top left,#edf8f1 0,transparent 35%),#f7f8f8}
.auth-card{width:min(440px,100%);padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.08)}
.auth-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:36px}
.auth-logo{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#050706;color:#baf8c7;font-weight:800}
.auth-logo img{width:100%;height:100%;object-fit:contain}
.auth-brand strong{font-size:15.5px}
.auth-copy h1{margin:6px 0 9px;font-size:28px;line-height:1.2;letter-spacing:-.7px}
.auth-copy p{margin:0 0 24px;color:var(--muted)}
.auth-form{display:grid;gap:15px}
.auth-form label,.settings-card label,.editor-main-card label,.editor-side-card label{display:grid;gap:7px;color:#464a4d;font-size:12.5px;font-weight:620}
.auth-form input,.settings-card input,.settings-card textarea,.editor-main-card input,.editor-main-card textarea,.editor-side-card input,.editor-side-card select{width:100%;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#25282a;padding:10px 11px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.auth-form input:focus,.settings-card input:focus,.settings-card textarea:focus,.editor-main-card input:focus,.editor-main-card textarea:focus,.editor-side-card input:focus,.editor-side-card select:focus{border-color:color-mix(in srgb,var(--accent) 55%,#bfc3c3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.back-link{display:inline-block;margin-top:20px;color:#7c8083;text-decoration:none;font-size:12.5px}

/* Global admin chrome */
.admin-header{height:var(--header-height);position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
.admin-header-inner{max-width:var(--shell-width);height:100%;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.admin-header-start,.admin-header-actions{display:flex;align-items:center}
.admin-header-start{gap:10px}
.admin-header-actions{gap:22px}
.admin-header-actions a{color:#6e7275;text-decoration:none;font-size:13px}
.admin-header-actions a:hover{color:#27292b}
.admin-header-actions .logout-link{padding-left:20px;border-left:1px solid var(--line)}
.admin-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.admin-brand-logo{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#050706;color:#baf8c7;font-weight:800}
.admin-brand-logo img{width:100%;height:100%;object-fit:contain}
.admin-brand strong,.admin-brand small{display:block;line-height:1.18}
.admin-brand strong{font-size:14px}
.admin-brand small{margin-top:2px;color:#939799;font-size:10px;font-weight:500}
.admin-menu{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.admin-shell{max-width:var(--shell-width);margin:0 auto;padding:0 28px;display:grid;grid-template-columns:238px minmax(0,1fr);gap:38px}
.admin-sidebar{min-width:0}
.admin-sidebar-inner{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));padding:31px 0 24px;overflow:auto}
.admin-nav-title{display:block;margin:0 10px 8px;color:#9a9d9f;font-size:10px;font-weight:740;letter-spacing:.075em}
.admin-sidebar nav{display:grid;gap:2px;margin-bottom:26px}
.admin-sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px;color:#666a6d;text-decoration:none;font-size:13.5px}
.admin-sidebar nav a:hover{background:#f1f3f2;color:#2e3133}
.admin-sidebar nav a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#fff);font-weight:650}
.admin-sidebar nav a small{color:#a0a3a5;font-size:10.5px}
.admin-sidebar nav a b{font-size:16px;font-weight:500}
.admin-sidebar-note{margin:36px 10px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}
.admin-sidebar-note strong,.admin-sidebar-note span{display:block}
.admin-sidebar-note strong{font-size:12.5px}
.admin-sidebar-note span{margin-top:4px;color:#8a8e91;font-size:10.5px;line-height:1.45}
.admin-mobile-head{display:none}
.admin-main{min-width:0;padding-bottom:70px}
.admin-page-head{padding:31px 0 20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.admin-page-head h1{margin:5px 0 0;font-size:31px;line-height:1.2;letter-spacing:-.75px}
.admin-content{min-width:0}

/* Alerts and buttons */
.alert{margin:0 0 18px;padding:11px 13px;border-radius:8px;font-size:12.5px;border:1px solid transparent}
.alert.success{background:#edf9f1;border-color:#ccebd7;color:#267346}
.alert.error{background:#fff1f1;border-color:#f1cece;color:#9a3d3d}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:650;font-size:13px;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}
.button:hover{filter:brightness(.96);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 20%,transparent)}
.button.secondary{border-color:var(--line-strong);background:#fff;color:#44484a;box-shadow:none}
.button.full{width:100%}
.danger-link{width:100%;border:0;background:transparent;color:#ad4b4b;font-size:12.5px;cursor:pointer;padding:8px}

/* Dashboard */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.stats>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.stats .stat-label{display:block;color:#74787b;font-size:11.5px}
.stats strong{display:block;margin:8px 0 4px;font-size:29px;line-height:1;font-weight:720;letter-spacing:-.8px}
.stats small{color:#a0a3a5;font-size:10.5px}
.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.dashboard-card{padding:21px;border:1px solid var(--line);border-radius:12px;background:#fff}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.card-head h2,.side-card-head h2{margin:4px 0 0;font-size:19px;letter-spacing:-.35px}
.card-head p{margin:6px 0 0;color:#898d90;font-size:11.5px}
.card-head>a{color:var(--accent);text-decoration:none;font-size:12px}
.category-overview{display:grid;gap:0}
.category-overview>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.category-overview>div:first-child{border-top:0}
.category-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.category-overview strong{font-size:12.5px}
.category-overview small{color:#96999b;font-size:10.5px}
.quick-card h2{margin:5px 0 9px;font-size:20px;letter-spacing:-.4px}
.quick-card p{color:#74787b;margin:0 0 15px;font-size:12.5px}
.quick-card ol{padding-left:19px;color:#5f6366;font-size:12px;line-height:1.8;margin-bottom:19px}

/* Pages table */
.page-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.page-actions h2{margin:0 0 4px;font-size:18px}
.page-actions p{margin:0;color:#85898c;font-size:12px}
.table-card{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:850px}
th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{background:#fafbfb;color:#929598;font-size:10.5px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
td{color:#5d6164;font-size:12px}
tr:last-child td{border-bottom:0}
td strong,td small{display:block}
td strong{color:#303335;font-size:12.5px}
td small{margin-top:3px;color:#a0a3a5;font-size:9.5px}
td code{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:5px;background:#f3f5f4;color:#59605d;font-size:10.5px}
.category-badge,.status{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:9.5px;font-weight:680;white-space:nowrap}
.category-badge{background:#f1f4f2;color:#59615d}
.status.published{background:#eaf8ef;color:#287348}
.status.draft{background:#f1f2f2;color:#75797c}
.row-actions{white-space:nowrap;text-align:right}
.row-actions a{margin-left:10px;color:var(--accent);text-decoration:none;font-size:11px}

/* Editor */
.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.editor-main-card,.editor-side-card,.settings-card{border:1px solid var(--line);border-radius:12px;background:#fff}
.editor-main-card{padding:22px;display:grid;gap:17px}
.editor-side-card{position:sticky;top:calc(var(--header-height) + 18px);padding:19px;display:grid;gap:15px}
.side-card-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.autosave-note{color:#9a9d9f;font-size:10.5px}
.editor-label{display:flex;align-items:end;justify-content:space-between;gap:15px}
.editor-label span{font-size:12.5px;font-weight:620;color:#464a4d}
.editor-label small{color:#989b9e;font-size:10.5px;text-align:right}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f8f9f9}
.toolbar button{min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#626669;font-size:11.5px;cursor:pointer}
.toolbar button:hover{border-color:#dfe2e2;background:#fff;color:#242729}
.rich-editor{min-height:560px;margin-top:-17px;padding:22px;border:1px solid var(--line-strong);border-radius:0 0 8px 8px;background:#fff;outline:0;color:#35383a;font-size:15px;line-height:1.7}
.rich-editor:focus{border-color:color-mix(in srgb,var(--accent) 55%,#bfc3c3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.rich-editor h1{font-size:30px}.rich-editor h2{font-size:24px}.rich-editor h3{font-size:19px}
.rich-editor img{max-width:100%;height:auto}
.editor-main-card textarea{resize:vertical}
.editor-side-card small,.settings-card label small{color:#999c9e;font-size:10px;font-weight:450;line-height:1.45}
.path-input{display:flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:#fff}
.path-input span{display:flex;align-items:center;padding:0 9px;background:#f5f6f6;color:#8d9193;font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;border-right:1px solid var(--line)}
.path-input input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;color:#626669!important;font-weight:500!important}
.check input{width:15px!important;height:15px;margin:2px 0 0;accent-color:var(--accent)}
.check.compact{margin-top:9px}

/* Settings */
.settings-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}
.settings-card{padding:21px;display:grid;gap:16px}
.brand-settings{grid-column:1}
.menu-settings{grid-column:2;grid-row:1 / span 2}
.general-settings{grid-column:1}
.logo-setting{display:grid;grid-template-columns:126px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafbfb}
.logo-preview{height:84px;padding:9px;border:1px dashed #cfd3d1;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden}
.logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.logo-preview span{width:45px;height:45px;border-radius:5px;background:#050706;color:#baf8c7;display:grid;place-items:center;font-weight:800}
.logo-fields{min-width:0}
.color-input{height:42px!important;padding:4px!important}
.link-row{display:grid;grid-template-columns:.78fr 1.22fr;gap:11px;padding-top:13px;border-top:1px solid var(--line)}
.link-row:first-of-type{padding-top:0;border-top:0}
.password-card{margin-top:18px}
.password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.admin-backdrop{display:none}
@media(max-width:1050px){
  .admin-shell{grid-template-columns:210px minmax(0,1fr);gap:25px}
  .settings-layout{grid-template-columns:1fr}
  .brand-settings,.menu-settings,.general-settings{grid-column:auto;grid-row:auto}
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .admin-header-inner{padding:0 16px}
  .admin-menu{display:block}
  .admin-brand small{display:none}
  .admin-shell{display:block;padding:0 17px}
  .admin-sidebar{position:fixed;z-index:150;left:0;top:0;bottom:0;width:min(300px,86vw);background:#fff;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 55px rgba(0,0,0,.14)}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-sidebar-inner{position:static;height:100%;padding:18px}
  .admin-mobile-head{height:42px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .admin-mobile-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:20px}
  .admin-backdrop{position:fixed;z-index:140;inset:0;background:rgba(0,0,0,.32);display:block}
  .admin-backdrop[hidden]{display:none}
  .editor-grid{grid-template-columns:1fr}
  .editor-side-card{position:static}
  .stats{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .admin-header-actions a:first-child{display:none}
  .admin-page-head h1{font-size:26px}
  .stats{grid-template-columns:1fr}
  .page-actions{align-items:stretch;flex-direction:column}
  .editor-main-card,.editor-side-card,.settings-card{padding:16px}
  .two-cols,.link-row,.password-grid,.logo-setting{grid-template-columns:1fr}
  .logo-preview{height:100px}
  .editor-label{align-items:flex-start;flex-direction:column}
  .editor-label small{text-align:left}
  .rich-editor{min-height:420px;padding:16px}
}

/* Markdown + HTML source editor */
.source-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f8f9f9}
.source-toolbar button{min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#626669;font-size:11.5px;cursor:pointer}
.source-toolbar button:hover{border-color:#dfe2e2;background:#fff;color:#242729}
.editor-main-card .source-editor{display:block;width:100%;min-height:620px;margin-top:-17px;padding:20px;border:1px solid var(--line-strong);border-radius:0 0 8px 8px;background:#101313;color:#e7ece9;outline:0;resize:vertical;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre;overflow:auto}
.editor-main-card .source-editor:focus{border-color:color-mix(in srgb,var(--accent) 62%,#aeb4b1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.editor-main-card .source-editor::placeholder{color:#7f8984}
.source-help{margin-top:-7px;padding:11px 12px;border:1px solid #dde6e1;border-radius:8px;background:#f6faf8;color:#6c7470;font-size:10.5px;line-height:1.55}
.source-help strong{color:#414844}
.source-help code,.home-check code,.editor-main-card label small code{padding:1px 4px;border-radius:4px;background:#e9efec;color:#46504b;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.home-check{padding:12px;border:1px solid #dbe8e0;border-radius:9px;background:#f7fbf8}
.home-check>span{display:block;min-width:0}
.home-check strong,.home-check small{display:block}
.home-check strong{color:#343a36;font-size:12px}
.home-check small{margin-top:4px}
#category-select.locked-home{border-color:#dce7e1;background:#f7faf8;color:#59625d}
.path-input input:disabled{background:#f6f7f7!important;color:#9da19f;cursor:not-allowed}
.editor-side-card select:disabled{background:#f6f7f7;color:#9da19f;cursor:not-allowed}

@media(max-width:600px){
  .editor-main-card .source-editor{min-height:480px;padding:15px;font-size:12px}
}

/* --------------------------------------------------------------------------
   GitBook-style visual page editor (V9)
   -------------------------------------------------------------------------- */
.editor-workspace-card{display:block;padding:0;overflow:visible;border-color:#dfe3e1;background:#fff;box-shadow:0 1px 2px rgba(18,25,21,.025)}
.editor-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 25px 20px;border-bottom:1px solid var(--line)}
.editor-workspace-head h2{margin:4px 0 5px;font-size:20px;letter-spacing:-.42px;color:#292d2b}
.editor-workspace-head p{max-width:670px;margin:0;color:#818783;font-size:11.5px;line-height:1.55}
.editor-save-state{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid #e1e5e3;border-radius:999px;background:#fafbfb;color:#747a76;font-size:10.5px;font-weight:620;white-space:nowrap}
.editor-save-state span{width:7px;height:7px;border-radius:50%;background:#90a098;box-shadow:0 0 0 3px rgba(144,160,152,.11)}
.editor-save-state[data-tone="changed"]{border-color:#eee0b7;background:#fffaf0;color:#866c28}
.editor-save-state[data-tone="changed"] span{background:#d5a72e;box-shadow:0 0 0 3px rgba(213,167,46,.13)}
.editor-save-state[data-tone="working"] span{background:var(--accent);animation:editorPulse 1s infinite}
.editor-save-state[data-tone="error"]{border-color:#efd2d2;background:#fff7f7;color:#9b4848}
.editor-save-state[data-tone="error"] span{background:#cb5858;box-shadow:0 0 0 3px rgba(203,88,88,.13)}
@keyframes editorPulse{50%{opacity:.35;transform:scale(.76)}}
.editor-meta-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:15px;padding:19px 25px;background:#fcfdfc;border-bottom:1px solid var(--line)}
.editor-meta-fields label{margin:0}
.editor-modebar{display:flex;align-items:center;gap:3px;padding:8px 13px;border-bottom:1px solid var(--line);background:#f8faf9}
.editor-modebar button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#777e7a;font-size:11px;font-weight:620;cursor:pointer}
.editor-modebar button svg{width:17px;height:17px}
.editor-modebar button:hover{background:#fff;color:#303532}
.editor-modebar button.active{border-color:#dfe4e1;background:#fff;color:#252a27;box-shadow:0 1px 2px rgba(15,24,18,.04)}
.editor-pane{display:none}
.editor-pane.active{display:block}
.editor-pane[hidden]{display:none!important}

.visual-toolbar{position:sticky;z-index:15;top:var(--header-height);display:flex;align-items:center;gap:4px;min-height:49px;padding:7px 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(9px)}
.visual-toolbar select{width:128px;min-height:32px;padding:0 28px 0 9px;border-color:transparent;background-color:transparent;font-size:11px;font-weight:590;color:#555b57;cursor:pointer}
.visual-toolbar select:hover{border-color:#e2e6e4;background-color:#fafbfb}
.visual-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:32px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#5f6662;font-size:11px;cursor:pointer}
.visual-toolbar button svg{width:17px;height:17px}
.visual-toolbar button:hover{border-color:#e1e5e3;background:#f7f9f8;color:#202522}
.visual-toolbar button:active{background:#eef3f0}
.toolbar-divider{width:1px;height:20px;margin:0 3px;background:#e1e5e3}
.toolbar-spacer{flex:1}
.visual-editor-frame{padding:35px 28px 46px;background:#f4f6f5;min-height:735px}
.visual-editor{position:relative;max-width:790px;min-height:650px;margin:0 auto;padding:54px 62px 80px;border:1px solid #e0e4e2;border-radius:9px;background:#fff;box-shadow:0 5px 24px rgba(28,39,33,.055);outline:0;color:#323735;font-size:15px;line-height:1.78;word-break:break-word}
.visual-editor:focus{border-color:color-mix(in srgb,var(--accent) 48%,#d5dcda);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 8px 28px rgba(28,39,33,.06)}
.visual-editor:empty:before{content:attr(data-placeholder);position:absolute;left:62px;top:54px;color:#a5aaa7;pointer-events:none}
.visual-editor.is-loading{opacity:.62;pointer-events:none}
.visual-editor h1,.visual-editor h2,.visual-editor h3,.visual-editor h4{color:#242925;font-weight:720;line-height:1.25;letter-spacing:-.025em}
.visual-editor h1{font-size:34px;margin:0 0 28px}.visual-editor h2{font-size:25px;margin:38px 0 15px}.visual-editor h3{font-size:20px;margin:29px 0 12px}.visual-editor h4{font-size:16px;margin:24px 0 9px}
.visual-editor p{margin:0 0 17px}.visual-editor strong{font-weight:720}.visual-editor em{font-style:italic}
.visual-editor a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px;cursor:text}
.visual-editor ul,.visual-editor ol{margin:0 0 19px;padding-left:25px}.visual-editor li{margin:6px 0;padding-left:3px}
.visual-editor blockquote{margin:24px 0;padding:3px 0 3px 18px;border-left:3px solid color-mix(in srgb,var(--accent) 58%,#d8dfdb);color:#626965}
.visual-editor hr{border:0;border-top:1px solid #e3e7e5;margin:34px 0}
.visual-editor figure{margin:29px 0}.visual-editor figure img,.visual-editor>img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:7px}
.visual-editor figcaption{min-height:21px;margin-top:8px;color:#939995;font-size:11px;text-align:center;outline:0}
.visual-editor figcaption:empty:before{content:'Görsel açıklaması ekle';color:#b2b7b4}
.visual-editor pre{overflow:auto;margin:24px 0;padding:17px 19px;border:1px solid #dfe4e1;border-radius:8px;background:#f6f8f7;color:#303733;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.visual-editor code{padding:2px 5px;border-radius:4px;background:#f0f3f1;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.visual-editor pre code{padding:0;background:transparent}
.visual-editor table{display:table;width:100%;min-width:0;margin:25px 0;border-collapse:collapse;border:1px solid #dfe4e1;border-radius:7px;overflow:hidden}
.visual-editor th,.visual-editor td{padding:10px 12px;border:1px solid #dfe4e1;text-align:left;vertical-align:top;font-size:12px}
.visual-editor th{background:#f5f7f6;color:#343936;font-weight:680;text-transform:none;letter-spacing:0}
.editor-render-error{display:grid;gap:7px;padding:18px;border:1px solid #efd4d4;border-radius:8px;background:#fff8f8;color:#8f3d3d}
.editor-render-error span{font-size:12px}
.smart-paste-note{display:flex;align-items:flex-start;gap:10px;padding:12px 17px;border-top:1px solid var(--line);background:#fbfdfc;color:#67706b}
.smart-paste-note>span{font-size:17px;line-height:1.2}.smart-paste-note strong,.smart-paste-note small{display:block}.smart-paste-note strong{font-size:10.5px;color:#474e4a}.smart-paste-note small{margin-top:2px;font-size:9.8px;line-height:1.45;color:#909692}

.editor-pane[data-editor-pane="source"]{padding:17px 20px 21px;background:#f7f9f8}
.editor-pane[data-editor-pane="source"] .source-toolbar{margin:0;border-radius:8px 8px 0 0;background:#202522;border-color:#313935}
.editor-pane[data-editor-pane="source"] .source-toolbar button{color:#c5cec9}
.editor-pane[data-editor-pane="source"] .source-toolbar button:hover{border-color:#434d48;background:#2a302d;color:#fff}
.source-toolbar-note{margin-left:auto;padding-right:6px;color:#7f8984;font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em}
.editor-main-card .editor-pane .source-editor{width:100%;min-height:680px;margin:0;padding:22px;border:1px solid #313935;border-top:0;border-radius:0 0 8px 8px;background:#121613;color:#e7ece9;outline:0;resize:vertical;font:13px/1.72 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre;overflow:auto}
.editor-main-card .editor-pane .source-editor:focus{border-color:color-mix(in srgb,var(--accent) 62%,#44514a);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.editor-pane[data-editor-pane="source"] .source-help{margin:11px 0 0}

.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.preview-toolbar strong,.preview-toolbar small{display:block}.preview-toolbar strong{color:#3b413d;font-size:11px}.preview-toolbar small{margin-top:3px;color:#959a97;font-size:9.5px;line-height:1.4}
.preview-devices{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e5e3;border-radius:8px;background:#f7f9f8}
.preview-devices button{width:31px;height:28px;border:0;border-radius:5px;background:transparent;color:#818782;cursor:pointer}
.preview-devices button:hover,.preview-devices button.active{background:#fff;color:#2f3531;box-shadow:0 1px 3px rgba(20,28,23,.08)}
.preview-stage{position:relative;display:flex;justify-content:center;min-height:760px;padding:31px;background:#e9ecea;overflow:auto;transition:padding .2s}
.preview-stage iframe{display:block;width:100%;max-width:100%;height:720px;border:1px solid #d9dfdc;border-radius:9px;background:#fff;box-shadow:0 10px 38px rgba(21,30,25,.11);transition:width .22s ease}
.preview-stage[data-size="tablet"] iframe{width:760px}.preview-stage[data-size="mobile"] iframe{width:390px}
.preview-loading{position:absolute;z-index:3;left:50%;top:76px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dfe4e1;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 18px rgba(20,28,23,.08);color:#6d746f;font-size:10.5px}
.preview-loading[hidden]{display:none}.preview-loading span{width:11px;height:11px;border:2px solid #d7ddda;border-top-color:var(--accent);border-radius:50%;animation:editorSpin .7s linear infinite}@keyframes editorSpin{to{transform:rotate(360deg)}}
.preview-stage.is-loading iframe{opacity:.72}

.editor-dialog{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid #dce2df;border-radius:13px;background:#fff;box-shadow:0 24px 80px rgba(14,22,17,.24)}
.editor-dialog::backdrop{background:rgba(16,22,18,.36);backdrop-filter:blur(2px)}
.editor-dialog form{display:grid;gap:15px;padding:20px}.editor-dialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}
.editor-dialog h3{margin:3px 0 0;font-size:18px;letter-spacing:-.3px}.editor-dialog .dialog-head button{width:31px;height:31px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#757b77;font-size:19px;cursor:pointer}.editor-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}

@media(max-width:1050px){
  .editor-grid{grid-template-columns:minmax(0,1fr) 270px}
  .visual-editor{padding:45px 48px 70px}.visual-editor:empty:before{left:48px;top:45px}
}
@media(max-width:820px){
  .editor-workspace-head{padding:20px}.editor-meta-fields{grid-template-columns:1fr;padding:17px 20px}.editor-workspace-head p{max-width:none}.visual-toolbar{top:var(--header-height);overflow-x:auto;flex-wrap:nowrap}.visual-toolbar .toolbar-spacer{min-width:10px}.visual-editor-frame{padding:23px 16px 34px}.visual-editor{padding:38px 35px 60px;min-height:560px}.visual-editor:empty:before{left:35px;top:38px}.preview-stage{padding:18px}.preview-stage iframe{height:650px}
}
@media(max-width:600px){
  .editor-workspace-head{align-items:flex-start;flex-direction:column;gap:12px}.editor-save-state{align-self:flex-start}.editor-modebar{overflow-x:auto}.editor-modebar button{white-space:nowrap}.visual-toolbar select{width:112px}.visual-editor-frame{padding:0;background:#fff}.visual-editor{min-height:530px;padding:29px 20px 50px;border:0;border-radius:0;box-shadow:none}.visual-editor:empty:before{left:20px;top:29px}.visual-editor h2{font-size:22px}.visual-editor h3{font-size:18px}.smart-paste-note{display:none}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-stage{padding:10px}.preview-stage iframe,.preview-stage[data-size="tablet"] iframe,.preview-stage[data-size="mobile"] iframe{width:100%;height:620px}.editor-pane[data-editor-pane="source"]{padding:10px}.editor-main-card .editor-pane .source-editor{min-height:520px;padding:15px;font-size:12px}.source-toolbar-note{display:none}
}