/* Visual Editor UI - hidden from published exports */
:root { --ve-blue:#2563eb; --ve-dark:#0f172a; --ve-border:#cbd5e1; }
html.ve-active { scroll-padding-top: 72px; }
body.ve-editing { padding-top: 64px !important; }
#ve-toolbar, #ve-panel, #ve-toast, .ve-element-actions { font-family: Inter, ui-sans-serif, system-ui, sans-serif !important; }
#ve-toolbar { position:fixed; inset:0 0 auto 0; height:64px; z-index:2147483646; display:flex; align-items:center; gap:8px; padding:10px 14px; background:rgba(15,23,42,.98); color:white; box-shadow:0 4px 16px rgba(0,0,0,.22); }
#ve-toolbar button, #ve-toolbar select { height:38px; border:1px solid rgba(255,255,255,.18); border-radius:8px; padding:0 12px; background:#1e293b; color:white; font-size:13px; cursor:pointer; }
#ve-toolbar button:hover { background:#334155; } #ve-toolbar button.ve-primary { background:var(--ve-blue); border-color:var(--ve-blue); } #ve-toolbar button.ve-publish { background:#059669; border-color:#059669; }
#ve-toolbar .ve-spacer { flex:1; } #ve-toolbar .ve-status { font-size:12px; color:#cbd5e1; max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#ve-panel { position:fixed; top:76px; right:12px; width:310px; max-height:calc(100vh - 90px); overflow:auto; z-index:2147483645; background:white; color:#0f172a; border:1px solid #cbd5e1; border-radius:12px; box-shadow:0 18px 45px rgba(15,23,42,.25); padding:14px; }
#ve-panel[hidden] { display:none; } #ve-panel h3 { margin:0 0 12px; font-size:15px; } #ve-panel label { display:block; margin:10px 0 4px; font-size:11px; font-weight:700; color:#475569; text-transform:uppercase; letter-spacing:.04em; }
#ve-panel input, #ve-panel textarea, #ve-panel select { width:100%; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:7px; padding:8px; font-size:13px; color:#0f172a; background:#fff; } #ve-panel textarea { min-height:78px; resize:vertical; }
#ve-panel .ve-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; } #ve-panel .ve-buttons { display:flex; gap:7px; margin-top:12px; } #ve-panel button { flex:1; border:0; border-radius:7px; padding:9px; background:#e2e8f0; cursor:pointer; font-size:12px; } #ve-panel button.ve-danger { background:#fee2e2; color:#991b1b; }
.ve-editable-hover { outline:2px dashed rgba(37,99,235,.65) !important; outline-offset:2px !important; cursor:pointer !important; } .ve-selected { outline:3px solid #2563eb !important; outline-offset:3px !important; }
.ve-text-editing { outline:3px solid #f59e0b !important; outline-offset:3px !important; cursor:text !important; }
#ve-toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%) translateY(30px); z-index:2147483647; padding:10px 16px; border-radius:999px; background:#0f172a; color:white; font-size:13px; opacity:0; pointer-events:none; transition:.2s; box-shadow:0 8px 25px rgba(0,0,0,.25); } #ve-toast.ve-show { opacity:1; transform:translateX(-50%) translateY(0); }
.ve-modal { position:fixed; inset:0; z-index:2147483647; background:rgba(15,23,42,.7); display:grid; place-items:center; padding:20px; } .ve-modal[hidden]{display:none}.ve-modal-card{width:min(760px,96vw);max-height:85vh;overflow:auto;background:white;border-radius:14px;padding:18px;color:#0f172a}.ve-modal-card textarea{width:100%;min-height:420px;font:12px/1.5 monospace;box-sizing:border-box}.ve-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.ve-modal button{padding:9px 14px;border:0;border-radius:7px;cursor:pointer}
@media(max-width:800px){#ve-toolbar{overflow-x:auto}.ve-hide-mobile{display:none!important}#ve-panel{left:10px;right:10px;width:auto;top:72px}body.ve-editing{padding-top:64px!important}}
@media print { #ve-toolbar,#ve-panel,#ve-toast,.ve-modal { display:none !important; } body.ve-editing { padding-top:0 !important; } }
.ve-small-card{width:min(460px,96vw)}.ve-modal-card>label{display:block;margin:14px 0 5px;font:700 11px/1.2 system-ui;text-transform:uppercase;letter-spacing:.04em;color:#475569}.ve-modal-card>input,.ve-modal-card>select,.ve-slug-row input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font:14px system-ui;color:#0f172a;background:white}.ve-help{font:13px/1.5 system-ui;color:#64748b}.ve-error{font:13px/1.4 system-ui;color:#b91c1c;background:#fee2e2;border-radius:7px;padding:8px}.ve-slug-row{display:flex;align-items:center;gap:7px}.ve-slug-row span{font:14px system-ui;color:#64748b}.ve-modal button.ve-primary{background:#2563eb;color:white}.ve-login{z-index:2147483647}

#ve-panel .ve-primary-block{width:100%;margin-top:8px;background:#2563eb;color:#fff}.ve-logo-preview{margin-top:14px;padding:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#0f1e36;color:white;min-height:48px;display:flex;align-items:center}.ve-logo-preview img{max-height:64px;max-width:100%}
#ve-insert-modal textarea{width:100%;min-height:100px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font:14px system-ui;color:#0f172a;background:white}
#ve-insert-modal [hidden]{display:none!important}
.ve-selected[type="image"],img.ve-selected{outline-color:#f59e0b!important}

.ve-bg-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.ve-bg-tools span{font:12px/1.2 system-ui;color:#64748b}.ve-bg-tools button{flex:0 0 auto!important;padding:6px 8px!important;background:#f1f5f9!important;color:#334155!important}.ve-panel-help{margin:6px 0 0;font:12px/1.4 system-ui;color:#64748b}#ve-bg{min-height:42px;padding:3px!important;cursor:pointer}