/* HAZEM_EDITOR_V2 */
.hz-admin-actions{
 display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;
}
.hz-admin-actions .button{
 cursor:pointer;white-space:normal;margin:0;
}
.hz-admin-form{display:grid;gap:20px;margin:24px 0}
.hz-admin-form label,.hz-editor-panel label{
 display:grid;gap:10px;margin:16px 0;
}
.hz-admin-form input,.hz-editor-panel :is(input,textarea){
 box-sizing:border-box;max-width:100%;min-width:0;
 font:inherit;color:var(--text);background:var(--bg);
 border:1px solid var(--line);
 border-radius:var(--hz-corner-radius)!important;
 padding:12px 16px;
}
.hz-admin-form input,.hz-editor-panel textarea{width:100%}
.hz-editor-panel textarea{min-height:80px;resize:vertical}
.hz-admin-tools{
 margin-top:28px;padding:20px;border:1px solid var(--line);
 border-radius:var(--hz-corner-radius)!important;
}
.hz-editor{
 position:fixed;right:16px;top:90px;width:min(390px,calc(100% - 32px));
 max-height:calc(100dvh - 210px);overflow:auto;z-index:20000;
 padding:20px;box-sizing:border-box;background:var(--card);
 color:var(--text);border:1px solid var(--line);
 border-radius:var(--hz-corner-radius)!important;
 box-shadow:0 12px 40px #0004;
}
.hz-editor[hidden]{display:none!important}
.hz-editor :is(h2,h3,p){overflow-wrap:anywhere}
.hz-editor h2{font-size:24px;margin:0 0 16px}
.hz-editor h3{font-size:20px;margin:24px 0 16px}
.hz-editor p{line-height:1.6;margin:16px 0}
.hz-editor .hz-admin-actions{gap:10px}
.hz-editor .button{padding:10px 14px;font-size:14px}
.hz-editor .button:disabled{opacity:.5;cursor:default}
.hz-editor-launch{
 position:fixed;right:16px;bottom:115px;z-index:19000;
 cursor:pointer;max-width:calc(100% - 32px);
}
.hz-editing [data-hz-block]{
 outline:2px dashed var(--primary,var(--text));outline-offset:-4px;
 cursor:pointer;
}
.hz-site-image{margin:24px auto;max-width:100%}
.hz-site-image img{
 display:block;width:100%;height:auto;
 border-radius:var(--hz-corner-radius)!important;
}
.hz-image-control{
 margin:20px 0;padding:16px;border:1px solid var(--line);
 border-radius:var(--hz-corner-radius)!important;
}
html[data-hazem-design="terminal"] .hz-editor{
 font-family:var(--hz-terminal-font);
}
html[data-hazem-design="neobrutalist"] .hz-editor{
 border:var(--nb-border,3px) solid var(--line);
 box-shadow:var(--nb-large-shadow,6px) var(--nb-large-shadow,6px) 0 var(--nb-shadow);
}
@media(max-width:700px){
 .hz-editor{top:auto;bottom:170px;max-height:42dvh}
}

/* HAZEM_EDITOR_V3 */
body.hz-editor-open{
 padding-top:150px!important;padding-bottom:180px!important;
}
body.hz-editor-open :is(.hazem-floating-topbar,.bottom-nav){
 display:none!important;
}
body .hz-editor{
 left:12px!important;right:12px!important;
 top:max(12px,env(safe-area-inset-top))!important;
 bottom:auto!important;width:auto!important;
 max-height:145px!important;padding:12px 16px!important;
 overflow:auto!important;
}
body .hz-editor h2{font-size:18px;margin:0 0 8px}
body .hz-editor>p:first-of-type{display:none}
body .hz-editor>p:last-child{font-size:12px;margin:6px 0 0}
body .hz-editor .hz-admin-actions{
 margin:0;gap:8px;flex-wrap:nowrap;overflow-x:auto;
 padding:2px 0 6px;
}
body .hz-editor .button{
 flex-shrink:0;white-space:nowrap;padding:10px 14px;
 min-height:40px;transform:none;
}
body .hz-editor-panel{
 position:fixed;left:12px;right:12px;
 bottom:max(12px,env(safe-area-inset-bottom));
 z-index:20000;max-height:32dvh;overflow:auto;
 box-sizing:border-box;padding:12px 16px;
 background:var(--card);color:var(--text);
 border:1px solid var(--line);
 border-radius:var(--hz-corner-radius)!important;
 box-shadow:0 8px 30px #0003;
 font:inherit;
}
body .hz-editor-panel[hidden],
body .hz-editor-launch[hidden]{display:none!important}
body .hz-editor-panel h3{
 font-size:16px;margin:0 0 10px;overflow-wrap:anywhere;
}
body .hz-editor-panel .hz-admin-actions{
 display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;
}
body .hz-editor-panel .button{
 padding:10px 14px;font-size:14px;cursor:pointer;
 white-space:normal;margin:0;transform:none;
}
body .hz-editor-panel details{margin-top:12px}
body .hz-editor-panel summary{
 cursor:pointer;font-weight:700;padding:8px 0;
}
body .hz-editor-panel input[type=file]{
 width:100%;margin:12px 0;
}
body .hz-editor-panel label{
 display:grid;gap:10px;margin:16px 0;
}
body .hz-editor-panel :is(input,textarea){
 font:inherit;max-width:100%;box-sizing:border-box;
 color:var(--text);background:var(--bg);
}
body .hz-editing [data-hz-block]{outline:none;cursor:pointer}
body .hz-editing [data-hz-selected]{
 outline:2px dashed var(--primary,var(--text));
 outline-offset:5px;
}
body .hz-inline-input{
 display:block;width:100%;min-width:0;max-width:100%;
 min-height:40px;box-sizing:border-box;
 padding:8px 10px!important;margin:4px 0;
 color:inherit;background:var(--bg);
 border:2px solid var(--primary,var(--text))!important;
 border-radius:var(--hz-corner-radius)!important;
 overflow:hidden;resize:none;letter-spacing:inherit;
 text-align:inherit;cursor:text;
}
html[data-hazem-design="material"] body :is(
 .hz-editor,.hz-editor-panel,.hz-admin-form,.hz-admin-tools,
 .hz-owner-controls,.hz-owner-editor,.hz-like-callout,
 .hz-likes-actions,#hz-like-dialog,#hz-owner-dialog
) button.button,
html[data-hazem-design="material"] body button.hz-editor-launch{
 appearance:none!important;-webkit-appearance:none!important;
 border:0!important;
 background:var(--solid)!important;color:var(--on-solid)!important;
 box-shadow:none!important;
}
html[data-hazem-design="terminal"] body :is(
 .hz-editor,.hz-editor-panel,.hz-admin-form,.hz-admin-tools
) button.button,
html[data-hazem-design="terminal"] body button.hz-editor-launch{
 appearance:none;border:1px solid var(--line)!important;
 background:var(--bg);color:var(--text);box-shadow:none;
}
html[data-hazem-design="terminal"] body .hz-editor-panel{
 font-family:var(--hz-terminal-font);
}
html[data-hazem-design="neobrutalist"] body .hz-editor-panel{
 border:var(--nb-border,3px) solid var(--line);
 box-shadow:var(--nb-large-shadow,6px) var(--nb-large-shadow,6px) 0 var(--nb-shadow);
}
html[data-hazem-design="neobrutalist"] body :is(
 .hz-editor,.hz-editor-panel,.hz-admin-form,.hz-admin-tools
) button.button{
 appearance:none;border:var(--nb-border,3px) solid var(--line)!important;
 box-shadow:var(--nb-small-shadow,4px) var(--nb-small-shadow,4px) 0 var(--nb-shadow);
}
body :is(.hz-editor,.hz-editor-panel) button:focus-visible{
 outline:3px solid var(--primary);outline-offset:3px;
}
@media(max-width:700px){
 body .hz-editor{max-height:145px!important}
 body .hz-editor-panel{max-height:30dvh}
}


/* HAZEM_EDITOR_V4 */
body.hz-editor-open :is(.hazem-floating-topbar,.bottom-nav){
 display:flex!important;position:static!important;
 transform:none!important;margin:20px auto!important;
}
body.hz-selecting [data-hz-selected]{
 outline:2px dashed var(--primary,var(--text))!important;
 outline-offset:4px!important;
}
body.hz-selecting [data-hz-drop]{
 outline:4px solid var(--primary,var(--text))!important;
 outline-offset:5px!important;
}
body .hz-theme-scope{
 display:flex;align-items:center;gap:8px;
 white-space:nowrap;flex-shrink:0;font-size:14px;
}
body .hz-theme-scope input{
 width:20px;height:20px;margin:0;
 accent-color:var(--primary);
}
body .hz-drag-handle{
 touch-action:none!important;cursor:grab!important;
 user-select:none!important;
}
body.hz-dragging :is(.hz-editor,.hz-editor-panel){
 opacity:.2;pointer-events:none;
}
body.hz-dragging .hz-drag-handle{
 pointer-events:auto;cursor:grabbing!important;
}