.editor-shell { background:#f7f5ef; color:#30362c; padding:20px; border-radius:18px; }
.admin-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
#editorStart { padding:10px 16px; border:1px solid #c9cdbc; border-radius:9px; background:white; color:#30362c; cursor:pointer; }
.editor-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:14px; }
.editor-toolbar button,.editor-inspector button { min-height:42px; padding:8px 14px; border:1px solid #c9cdbc; border-radius:9px; background:white; color:#30362c; cursor:pointer; }
.editor-toolbar .editor-publish { background:#4e6046; color:white; }
.editor-toolbar button:disabled { opacity:.5; cursor:wait; }
.editor-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; }
.editor-inspector { display:grid; align-content:start; gap:12px; max-height:780px; overflow:auto; padding:4px 10px 16px 0; }
.editor-inspector label { display:grid; gap:5px; font-size:13px; }
.editor-inspector input,.editor-inspector select,.editor-inspector textarea,.editor-toolbar select { width:100%; min-height:38px; border:1px solid #c9cdbc; border-radius:7px; padding:7px; background:white; color:#222; font:14px Arial,sans-serif; }
.editor-inspector input[type=color] { padding:2px; }
.editor-inspector textarea { min-height:100px; }
.editor-inspector .editor-pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.editor-stage { overflow:auto; background:#e4e5dd; padding:12px; border-radius:12px; }
.editor-stage iframe { display:block; border:0; background:#fff; height:780px; width:100%; min-width:760px; margin:auto; }
.editor-stage.mobile iframe { width:390px; min-width:390px; }
.editor-status { min-height:24px; font:14px Arial,sans-serif; }
.editor-note { font:13px/1.5 Arial,sans-serif; color:#59644e; }
.editor-added { display:block; width:80%; max-width:1100px; height:auto; margin:24px auto; text-align:center; white-space:pre-line; }
.editor-preview [data-edit-id]:hover { outline:2px dashed #778966!important; outline-offset:3px; cursor:pointer; }
.editor-preview .editor-selected { outline:3px solid #557d43!important; outline-offset:3px; }
.editor-preview * { animation:none!important; transition:none!important; }
.editor-preview .mood-copy { opacity:1!important; visibility:visible!important; }
.editor-inspector [hidden],.editor-canvas-overlay [hidden] { display:none!important; }
.editor-media-library { border:1px solid #d5d7cb; border-radius:12px; padding:10px; background:#fffefa; }
.editor-media-library summary { cursor:pointer; font:600 14px/1.5 Arial,sans-serif; }
.editor-image-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.editor-image-grid button { padding:5px; min-width:0; display:grid; gap:5px; text-align:left; font:11px/1.3 Arial,sans-serif; }
.editor-image-grid button[aria-pressed=true] { border-color:#4e6046; box-shadow:0 0 0 2px #4e6046; }
.editor-image-grid img,.editor-background-swatch { width:100%; height:70px; object-fit:cover; border-radius:6px; background-size:cover; background-position:center; background-color:#eeeadd; }
.editor-image-grid img { margin:0; }
.editor-media-controls { display:grid; gap:10px; padding:12px; background:#eaf0e3; border:1px solid #c3ceb7; border-radius:12px; }
.editor-media-controls>div { display:grid; gap:10px; }
.editor-media-controls strong { font:600 14px/1.4 Arial,sans-serif; }
.editor-media-controls input[type=range] { padding:0; accent-color:#4e6046; cursor:ew-resize; }
.editor-media-controls output { float:right; font:12px Arial,sans-serif; }
.editor-shell.editor-expanded { position:fixed; inset:8px; z-index:10000; overflow:auto; margin:0; border:1px solid #c3ceb7; box-shadow:0 0 0 20px #ecebe4; }
.editor-expanded .editor-workspace { grid-template-columns:300px minmax(0,1fr); }
.editor-expanded .editor-stage iframe,.editor-expanded .editor-inspector { height:calc(100dvh - 250px); max-height:none; }
.editor-expanded .editor-toolbar { position:sticky; top:0; z-index:2; background:#f7f5ef; padding:10px 0; }
.editor-preview img[data-edit-id] { touch-action:none; cursor:grab; }
.editor-preview .editor-gesturing { cursor:grabbing!important; user-select:none; }
.editor-canvas-overlay { position:fixed; inset:0; z-index:2147483000; pointer-events:none; }
.editor-canvas-box { position:absolute; box-sizing:border-box; border:2px solid #52704b; }
.editor-canvas-tip { position:absolute; bottom:calc(100% + 8px); left:0; padding:5px 8px; border-radius:6px; background:#344b32; color:white; white-space:nowrap; font:11px Arial,sans-serif; }
.editor-resize-handle { position:absolute; width:20px; height:20px; padding:0; min-height:0; background:white; border:2px solid #52704b; border-radius:5px; pointer-events:auto; touch-action:none; }
.editor-resize-handle.nw { top:-10px; left:-10px; cursor:nwse-resize; }
.editor-resize-handle.ne { top:-10px; right:-10px; cursor:nesw-resize; }
.editor-resize-handle.sw { bottom:-10px; left:-10px; cursor:nesw-resize; }
.editor-resize-handle.se { bottom:-10px; right:-10px; cursor:nwse-resize; }
.editor-center-guide { position:absolute; top:0; bottom:0; border-left:1px dashed #c95787; color:#a53465; padding:6px; font:11px Arial,sans-serif; }
.editor-preview .gallery-track.editor-gallery-selection img { opacity:0!important; }
.editor-preview .gallery-track.editor-gallery-selection img.editor-selected { opacity:1!important; z-index:1; transform:none!important; }
#home :where(.gallery-track.editor-flex-gallery) { display:grid; aspect-ratio:auto; min-height:200px; }
#home :where(.gallery-track.editor-flex-gallery) img { position:relative; inset:auto; grid-area:1/1; align-self:center; justify-self:center; height:auto; }
@media(max-width:719px) {
  #home :where(.gallery-track.editor-flex-gallery-mobile) { display:grid; aspect-ratio:auto; min-height:200px; }
  #home :where(.gallery-track.editor-flex-gallery-mobile) img { position:relative; inset:auto; grid-area:1/1; align-self:center; justify-self:center; height:auto; }
}
@media(max-width:900px) { .editor-workspace{grid-template-columns:1fr} .editor-inspector{max-height:440px} .editor-shell{padding:10px} }
@media(max-width:600px) { .editor-expanded .editor-workspace{grid-template-columns:1fr} .editor-expanded .editor-inspector{height:350px} }