.hb-admin{--hb:#343b46;--hb-dark:#242a32;--hb-light:#eef0f3;--hb-border:#dfe3e8;--hb-muted:#707985;display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh;background:#f4f5f7;color:#333c48}.hb-admin .eyebrow{color:#777f89}.hb-admin h1,.hb-admin h2,.hb-admin h3{color:#252e39}.hb-admin h1{font-size:40px;margin:5px 0 9px}.hb-admin h2{font-size:25px;margin:0}.hb-side{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--hb-border);display:flex;flex-direction:column;z-index:15}.hb-side-brand{padding:29px 21px 25px;border-bottom:1px solid #edf0f2}.hb-side-brand img{display:block;width:190px;max-height:75px;object-fit:contain}.hb-side-brand>span{display:block;letter-spacing:.19em;font-size:10px;font-weight:800;color:#9099a4;margin-top:11px}.hb-side-nav{padding:26px 12px;display:grid;gap:5px}.hb-side-nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#596270;font-size:14px;font-weight:600;border-radius:7px;transition:.15s}.hb-side-nav a:hover,.hb-side-nav a.current{background:#eceef1;color:#252d38;text-decoration:none}.hb-side-nav a.current{box-shadow:inset 3px 0 #4b535e}.hb-side-nav a small{margin-left:auto;background:#e1e5e9;border-radius:15px;padding:1px 8px}.hb-nav-icon{display:inline-grid;place-items:center;width:22px;color:#697380;font-size:20px}.hb-side-bottom{margin-top:auto;padding:18px 22px;border-top:1px solid #edf0f2;display:grid;gap:13px}.hb-side-bottom a,.hb-side-bottom button{font:600 13px Arial,sans-serif;background:none;border:0;color:#626c78;text-align:left;padding:0;cursor:pointer}.hb-workspace{min-width:0}.hb-top{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff;border-bottom:1px solid var(--hb-border)}.hb-top-left{display:flex;align-items:center;gap:15px}.hb-top-left strong{display:block;font-family:Georgia,serif;font-size:21px;color:#313a44}.hb-top-label{display:block;color:#98a1ac;font-size:10px;letter-spacing:.16em;font-weight:800}.hb-user{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#4f5965}.hb-user-dot{width:9px;height:9px;background:#4d9979;border-radius:50%}.hb-main{max-width:1480px;margin:auto;padding:39px 42px 75px}.hb-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:32px}.hb-heading p{color:var(--hb-muted);margin:0}.hb-btn{display:inline-block;text-align:center;padding:12px 18px;font-size:13px;font-weight:700;border-radius:5px;border:1px solid #bfc6cf;background:white;color:#404a56;cursor:pointer}.hb-btn:hover{text-decoration:none;background:#f5f5f5;color:#242a32}.hb-primary{background:#353d48;color:white;border-color:#353d48}.hb-primary:hover{background:#202832;color:white}.hb-danger{color:#9a3c3c;border-color:#e5cdcd}.hb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.hb-stat,.hb-card{background:white;border:1px solid var(--hb-border);border-radius:9px;box-shadow:0 6px 24px #20293608}.hb-stat{padding:25px 27px;color:inherit}.hb-stat:hover{text-decoration:none;border-color:#aab3bd}.hb-stat small{color:#727c88;font-weight:700}.hb-stat strong{display:block;color:#303944;font-size:39px;font-family:Georgia,serif;line-height:1.5}.hb-stat strong span{font:17px Arial;color:#abb2bc}.hb-stat p{font-size:12px;font-weight:700;color:#6b7481;margin:5px 0 0}.hb-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.hb-card{padding:27px;min-width:0}.hb-card-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.hb-card-title>a{font-size:12px;color:#666f7b;font-weight:700}.hb-section-list a{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #eef0f2;color:#35404d;font-size:14px;font-weight:650}.hb-section-list a:hover{text-decoration:none;color:#080c13}.hb-section-list a>b{margin-left:0;color:#8b949d}.hb-status{display:inline-flex;align-items:center;border-radius:99px;font:700 11px Arial;padding:5px 10px;white-space:nowrap}.hb-section-list .hb-status{margin-left:auto}.hb-status.on{background:#e9f2ed;color:#397657}.hb-status.off{background:#f0f1f3;color:#87909a}.hb-quick>a{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #edf0f2;color:#303b47}.hb-quick>a:hover{text-decoration:none}.hb-quick>a>b{font-size:23px;background:#edf0f3;border-radius:7px;width:44px;height:44px;display:grid;place-items:center;color:#505a65}.hb-quick>a>span{flex:1}.hb-quick strong,.hb-quick small{display:block}.hb-quick strong{font-size:14px}.hb-quick small{font-size:12px;color:#87909a}.hb-hint{margin-top:25px;padding:20px;background:#f1f3f5;border-radius:6px;color:#606a75;font-size:13px}.hb-hint p{margin-bottom:0}.hb-editor-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.hb-content-nav{padding:14px}.hb-content-nav h3{font-size:19px;padding:9px 12px}.hb-content-nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px;border-radius:6px;color:#545e6a;font-size:13px;font-weight:700}.hb-content-nav a.selected,.hb-content-nav a:hover{background:#ebeef2;text-decoration:none;color:#2c3540}.hb-status-dot{height:8px;width:8px;border-radius:50%;background:#b6bec7}.hb-status-dot.on{background:#5a9c76}.hb-editor-card .editor{min-height:325px;border-radius:0 0 6px 6px;color:#26303a;font-size:15px}.hb-editor-card .editor-toolbar{background:#f3f4f6;border:1px solid #dfe3e8;padding:8px;border-radius:6px 6px 0 0;margin-bottom:0}.hb-editor-card .editor-toolbar button{background:#fff;color:#424b57}.hb-toolbar-sep{display:inline-block;border-left:1px solid #ccd3db;margin:4px 5px}.hb-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.hb-switch-row{display:flex!important;align-items:center;gap:11px;font-size:13px!important;color:#525c68}.hb-switch-row input{width:auto!important;margin:0!important;accent-color:#444d58}.hb-preview{margin-top:25px;border-top:1px solid #eef0f2;padding-top:18px}.hb-preview summary{cursor:pointer;color:#5e6875;font-weight:700;font-size:13px}.hb-preview>div{margin-top:14px;padding:17px;background:#f5f6f8}.hb-media-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:38px;align-items:center}.hb-media-preview{background:#f3f4f6;border:1px dashed #c7cdd5;border-radius:8px;min-height:320px;display:grid;place-items:center;color:#929aa4;overflow:hidden}.hb-media-preview img{max-height:400px;max-width:100%;object-fit:contain}.hb-media-settings p,.hb-settings p{color:#717b87}.hb-upload{display:grid;gap:12px;margin:22px 0}.hb-upload label{font-weight:700;font-size:13px}.hb-upload input{font:13px Arial}.hb-upload .hb-btn{justify-self:start}.hb-message{padding:22px 0;border-bottom:1px solid #e5e8ec}.hb-message:first-child{padding-top:0}.hb-message>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.hb-message small,.hb-user-line small{display:block;color:#8a939e;font-size:12px}.hb-message p{white-space:normal;line-height:1.7}.hb-message>a{font-size:13px}.hb-empty{color:#929aa4}.hb-user-line{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eef0f2;padding:17px 0}.hb-avatar{background:#e7e9ec;color:#444d58;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:700}.hb-settings{max-width:750px}.hb-settings h2{margin-top:12px}.hb-muted{color:#74808b;font-size:13px}.hb-notice{padding:14px 18px;background:#e8f3eb;color:#356b4e;border-radius:6px;margin-bottom:22px}.hb-error{background:#fae8e8;color:#9a4141}.hb-menu-toggle{display:none;background:none;border:0;font-size:24px;color:#424b56;cursor:pointer}@media(max-width:1100px){.hb-admin{grid-template-columns:215px minmax(0,1fr)}.hb-main{padding:28px}.hb-top{padding:0 28px}.hb-editor-layout{grid-template-columns:195px minmax(0,1fr)}.hb-columns{grid-template-columns:1fr}}@media(max-width:760px){.hb-admin{display:block}.hb-side{position:fixed;left:0;top:0;width:265px;transform:translateX(-100%);box-shadow:10px 0 35px #17212b18;transition:transform .2s}.hb-side.hb-open{transform:translateX(0)}.hb-menu-toggle{display:block}.hb-top{height:70px;padding:0 18px}.hb-main{padding:22px 17px 50px}.hb-heading{align-items:flex-start;flex-direction:column}.hb-stats{grid-template-columns:1fr}.hb-editor-layout,.hb-media-card{grid-template-columns:1fr}.hb-content-nav{display:flex;overflow:auto;gap:5px;align-items:center}.hb-content-nav h3{display:none}.hb-content-nav a{white-space:nowrap}.hb-form-footer{align-items:flex-start;flex-direction:column}.hb-top-left strong{font-size:18px}}
/* Editor typography controls */
.hb-editor-card .editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.hb-font-select{min-height:35px;padding:5px 8px;border:1px solid #d5dbe3;border-radius:5px;background:#fff;color:#384351;font-size:13px;max-width:170px}.hb-color-label{display:inline-flex;align-items:center;gap:7px;color:#4b5664;font-size:12px;font-weight:700;background:#fff;border:1px solid #d5dbe3;border-radius:5px;padding:3px 8px}.hb-color-label input{width:32px;height:27px;padding:0;border:0;background:transparent;cursor:pointer}

/* Editor v3: compact document canvas and clear grouped tools */
.hb-editor-card{overflow:hidden}
.hb-editor-card .editor-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px;background:#f5f6f8;border:1px solid #d9dee6;border-radius:9px 9px 0 0;box-shadow:0 2px 4px #1d283508}
.hb-editor-card .editor-toolbar button{min-height:36px;padding:7px 11px;border:1px solid transparent;background:transparent;color:#374250;font-size:13px;border-radius:6px}
.hb-editor-card .editor-toolbar button:hover,.hb-editor-card .editor-toolbar button:focus-visible{background:#fff;border-color:#cdd3dc;outline:none}
.hb-editor-card .editor-toolbar .hb-toolbar-sep{height:26px;border-left:1px solid #ced5df;margin:0 5px}
.hb-editor-card .hb-font-select{height:36px;min-height:36px;background:#fff;border:1px solid #d3d9e3;border-radius:6px;padding:5px 9px}
.hb-editor-card .hb-color-label{height:36px;background:#fff;border:1px solid #d3d9e3;border-radius:6px}
.hb-editor-card .editor{min-height:350px;padding:27px 31px;background:#fff;border:1px solid #d9dee6;border-top:0;border-radius:0 0 9px 9px;outline:none;font:normal 15px/1.45 Arial,Helvetica,sans-serif;color:#253447;overflow-wrap:anywhere}
.hb-editor-card .editor:focus{box-shadow:inset 0 0 0 1px #b4bdc9}
.hb-editor-card .editor p,.hb-editor-card .hb-preview p{margin:0 0 .35em;line-height:1.45}
.hb-editor-card .editor p:last-child,.hb-editor-card .hb-preview p:last-child{margin-bottom:0}
.hb-editor-card .editor div{margin:0;line-height:1.45}
.hb-editor-card .editor h2,.hb-editor-card .editor h3,.hb-editor-card .editor h4{font-weight:700;line-height:1.2;margin:.8em 0 .25em;letter-spacing:normal}
.hb-editor-card .editor h2{font-size:1.5em}.hb-editor-card .editor h3{font-size:1.25em}
.hb-editor-card .editor ul,.hb-editor-card .editor ol{margin:.4em 0;padding-left:1.5em}
.hb-editor-card .editor li{margin:0 0 .15em}
.hb-editor-card .editor blockquote{margin:.5em 0;padding:.3em 1em;border-left:3px solid #a9b4c3}
.hb-editor-card .editor strong,.hb-editor-card .editor b{font-weight:700}
.hb-editor-card .hb-preview>div{font:normal 15px/1.45 Arial,Helvetica,sans-serif}
@media(max-width:650px){.hb-editor-card .editor{padding:18px 16px;min-height:280px}.hb-editor-card .editor-toolbar{gap:4px;padding:8px}}